@charset "UTF-8"; /* ============================================ SCSS STYLE GUIDE & CONVENTIONS ============================================ NAMING: - New selectors use BEM: .block__element--modifier - Existing selectors are NOT renamed (to avoid template/JS churn) but may be migrated over time - ID selectors (#foo) are NOT used in SCSS going forward. IDs in HTML are kept for JS hooks only. STRUCTURE: - common.scss: Variables, mixins, shared components - style.scss: Manifest that @imports all partials - _base.scss, _forms.scss, etc.: Foundation styles - components/: Reusable UI components - features/: Page-specific feature styles THEMING: - CSS custom properties (var(--color-*)) defined in :root block of style.scss - Dark mode: .nocturno_theme class on overrides custom properties - Use var(--color-*) for all new color references MIXINS vs @extend: - @extend is NOT used (causes specificity issues) - Use @include with the mixin equivalents instead - Available mixins: clickable, noselect, nodrag, nobreak, custom_scrollbar, button_base, small_button_base, etc. ============================================ */ .clickable:hover, .word-history-floating-button:hover, .verb-senses .verb_definition_add_word_to_list_button i:hover, #practice_translation_main_elements #practice_translation #practice_translation_english_text #practice_translation_copy_button:hover, #practice_translation_main_elements #practice_translation #practice_translation_report_error_button:hover, #study #study_conjugations_container .study_conjugation_verb:hover, #study .study_word_comparisons_more_link_container .study_word_comparisons_more_link:hover, .tense_guide_conjugation_from span:hover, #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs:hover, #tense_guide .tense_guide_verbs_list .tense_guide_verb span:hover, .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element > span:hover, #error_report_explanation_warning .error_report_explanation_link:hover, .study_conjugations_tense_container .study_conjugations_tense_label:hover, #study_conjugations #study_conjugations_verb_not_found .study_conjugations_potential_verb:hover, .conjugation_explanation_link_intext:hover, #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle:hover, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row:hover, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle:hover, #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a:hover, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle:hover, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div:hover, #crossword_change_style_container #crossword_change_color .crossword_change_color_button:hover, #crossword_change_style_container #crossword_change_style_close_icon:hover, #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div:hover, #crossword_box #crossword_overlay_box #crossword_overlay_close_icon:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_overlay_close_icon:hover, #crossword_box #crossword_open_printable a:hover, #crossword_box #crossword_report_error_button:hover, #crossword_box #crossword_save_button:hover, #crossword_box .crossword_audio_button:hover, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry:hover, #crossword_box #crossword_all_clues .crossword_all_clues_entry:hover, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry:hover, #crossword_box #crossword .crossword_cell input:hover:not(.active):not(.correct), #crosswords_box .crossword_list_box:hover, #crosswords_box h2 #crosswords_date_picker_trigger:hover, #crosswords_box h2 i:hover, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table .statistics_problem_verb_forms_verb:hover, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover, #statistics .statistics_conjugation_problem_areas i:hover, #statistics #statistics_list_container .statistics_texts i:hover, #statistics #statistics_list_container .statistics_conjugation_quick_presets i:hover, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i:hover, #statistics #statistics_list_container .statistics_conjugation_presets i:hover, #statistics #statistics_list_container .statistics_word_lists i:hover, #statistics #statistics_container h1.chart_title i:hover, .dictionary .dictionary_footer .dictionary_footer_click_here:hover, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i:hover, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i:hover, .dictionary .dictionary_add_word_all_senses_to_list_button i:hover, #practice_words_quick_review_interval_selector_container .interval_button:hover, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonym:hover, #practice_reverse_words_back h2 i:hover, #practice_words_back h2 i:hover, #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i:hover, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i:hover, #practice_words_front #practice_words_front_content #practice_words_front_buttons i:hover, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i:hover, #sentences .sentences_sentence_buttons i:hover, #sentences #sentences_import span:hover, .word_definition_suggestions .word_definition_suggestion_word:hover, .word_definition_suggestions .word_definition_suggestion_definition:hover, #excluded_words .excluded_words_word_buttons i:hover, #excluded_words > p #excluded_words_reactivate_all:hover, #word_list .word_list_word_buttons i:hover, #word_list #word_list_table #word_list_order_by_description_button:hover, #word_list #word_list_table #word_list_order_by_word_button:hover, #word_list #word_list_buttons i:hover, #word_lists_first_session_select_container .word_lists_first_session_select_option:hover, #word_lists_first_session_select_container .listening_first_session_select_option:hover, #listening_first_session_select_container .word_lists_first_session_select_option:hover, #listening_first_session_select_container .listening_first_session_select_option:hover, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i:hover, #word_lists #auto_word_lists_table .problem_words_info i:hover, #word_lists #auto_word_lists_table .problem_words_details i:hover, #word_lists #auto_word_lists_table_reverse .problem_words_info i:hover, #word_lists #auto_word_lists_table_reverse .problem_words_details i:hover, #word_lists #word_lists_table_reverse > div:hover:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists #word_lists_table > div:hover:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists_direction_switch_container #word_lists_direction_switch:hover, #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .verb span:hover, #practice_conjugations_tatoeba_link i:hover, #practice_conjugations_report i:hover, #practice_conjugations_play_audio i:hover, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i:hover, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .playable_audio_container:hover, .conjugation_group_intro .conjugation_group_intro_explanations li:hover, .conjugation_group_intro .conjugation_group_intro_all_verbs_link:hover, .conjugation_group_intro .conjugation_group_intro_verb:hover, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i:hover, .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_verb:hover, .play_sample_button:hover, #delete_user_conjugation_preset_button:hover, #edit_user_conjugation_preset_button:hover, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label:hover, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practice_conjugations_header .practice_conjugations_header_element:hover:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_audio:hover, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i:hover, #practice_listening_tatoeba_link:hover, #practice_listening_report_error_button:hover, #practice_session_start_button_container #practice_session_start_button:hover, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i:hover, #practice_session_end_show_rank span:hover, #practice_session_end_hide_rank span:hover, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover, #practice_rate_buttons_difficulty > div:hover, #practice_rate_buttons_difficulty i:hover, #practice_rate_buttons_info_button:hover, .registration_checkbox_container .info_dialog_button:hover, #faq #feedback_form_link:hover, #choose_language #choose_language_languages .choose_language_language:hover, #index_box #index_text ul #index_text_more_button:hover, #index_box #index_languages .index_languages_language img:hover, .ct-chart .ct-legend li:hover, .exercise_main_page_nav_buttons i:hover, .audio_player_buttons .audio_player_button:hover, .go_back_button:hover, .sentence_to_favorites:hover, #feedback-btn:hover, .ui-dialog-titlebar .side_popup_close_button:hover, .section_title_container i:hover, #faq .faq_category .faq_title_container i:hover, .link:hover, select:hover { cursor: pointer; } .clickable:hover:disabled, .word-history-floating-button:hover:disabled, .verb-senses .verb_definition_add_word_to_list_button i:hover:disabled, #practice_translation_main_elements #practice_translation #practice_translation_english_text #practice_translation_copy_button:hover:disabled, #practice_translation_main_elements #practice_translation #practice_translation_report_error_button:hover:disabled, #study #study_conjugations_container .study_conjugation_verb:hover:disabled, #study .study_word_comparisons_more_link_container .study_word_comparisons_more_link:hover:disabled, .tense_guide_conjugation_from span:hover:disabled, #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs:hover:disabled, #tense_guide .tense_guide_verbs_list .tense_guide_verb span:hover:disabled, .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element > span:hover:disabled, #error_report_explanation_warning .error_report_explanation_link:hover:disabled, .study_conjugations_tense_container .study_conjugations_tense_label:hover:disabled, #study_conjugations #study_conjugations_verb_not_found .study_conjugations_potential_verb:hover:disabled, .conjugation_explanation_link_intext:hover:disabled, #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover:disabled, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle:hover:disabled, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row:hover:disabled, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle:hover:disabled, #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div:hover:disabled, #crossword_change_style_container #crossword_change_color .crossword_change_color_button:hover:disabled, #crossword_change_style_container #crossword_change_style_close_icon:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_close_icon:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_overlay_close_icon:hover:disabled, #crossword_box #crossword_open_printable a:hover:disabled, #crossword_box #crossword_report_error_button:hover:disabled, #crossword_box #crossword_save_button:hover:disabled, #crossword_box .crossword_audio_button:hover:disabled, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword_all_clues .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword .crossword_cell input:hover:disabled:not(.active):not(.correct), #crosswords_box .crossword_list_box:hover:disabled, #crosswords_box h2 #crosswords_date_picker_trigger:hover:disabled, #crosswords_box h2 i:hover:disabled, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table .statistics_problem_verb_forms_verb:hover:disabled, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover:disabled, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover:disabled, #statistics .statistics_conjugation_problem_areas i:hover:disabled, #statistics #statistics_list_container .statistics_texts i:hover:disabled, #statistics #statistics_list_container .statistics_conjugation_quick_presets i:hover:disabled, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i:hover:disabled, #statistics #statistics_list_container .statistics_conjugation_presets i:hover:disabled, #statistics #statistics_list_container .statistics_word_lists i:hover:disabled, #statistics #statistics_container h1.chart_title i:hover:disabled, .dictionary .dictionary_footer .dictionary_footer_click_here:hover:disabled, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i:hover:disabled, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i:hover:disabled, .dictionary .dictionary_add_word_all_senses_to_list_button i:hover:disabled, #practice_words_quick_review_interval_selector_container .interval_button:hover:disabled, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonym:hover:disabled, #practice_reverse_words_back h2 i:hover:disabled, #practice_words_back h2 i:hover:disabled, #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i:hover:disabled, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i:hover:disabled, #practice_words_front #practice_words_front_content #practice_words_front_buttons i:hover:disabled, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i:hover:disabled, #sentences .sentences_sentence_buttons i:hover:disabled, #sentences #sentences_import span:hover:disabled, .word_definition_suggestions .word_definition_suggestion_word:hover:disabled, .word_definition_suggestions .word_definition_suggestion_definition:hover:disabled, #excluded_words .excluded_words_word_buttons i:hover:disabled, #excluded_words > p #excluded_words_reactivate_all:hover:disabled, #word_list .word_list_word_buttons i:hover:disabled, #word_list #word_list_table #word_list_order_by_description_button:hover:disabled, #word_list #word_list_table #word_list_order_by_word_button:hover:disabled, #word_list #word_list_buttons i:hover:disabled, #word_lists_first_session_select_container .word_lists_first_session_select_option:hover:disabled, #word_lists_first_session_select_container .listening_first_session_select_option:hover:disabled, #listening_first_session_select_container .word_lists_first_session_select_option:hover:disabled, #listening_first_session_select_container .listening_first_session_select_option:hover:disabled, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i:hover:disabled, #word_lists #auto_word_lists_table .problem_words_info i:hover:disabled, #word_lists #auto_word_lists_table .problem_words_details i:hover:disabled, #word_lists #auto_word_lists_table_reverse .problem_words_info i:hover:disabled, #word_lists #auto_word_lists_table_reverse .problem_words_details i:hover:disabled, #word_lists #word_lists_table_reverse > div:hover:disabled:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists #word_lists_table > div:hover:disabled:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists_direction_switch_container #word_lists_direction_switch:hover:disabled, #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .verb span:hover:disabled, #practice_conjugations_tatoeba_link i:hover:disabled, #practice_conjugations_report i:hover:disabled, #practice_conjugations_play_audio i:hover:disabled, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover:disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover:disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover:disabled, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i:hover:disabled, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .playable_audio_container:hover:disabled, .conjugation_group_intro .conjugation_group_intro_explanations li:hover:disabled, .conjugation_group_intro .conjugation_group_intro_all_verbs_link:hover:disabled, .conjugation_group_intro .conjugation_group_intro_verb:hover:disabled, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i:hover:disabled, .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_verb:hover:disabled, .play_sample_button:hover:disabled, #delete_user_conjugation_preset_button:hover:disabled, #edit_user_conjugation_preset_button:hover:disabled, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label:hover:disabled, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practice_conjugations_header .practice_conjugations_header_element:hover:disabled:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_audio:hover:disabled, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i:hover:disabled, #practice_listening_tatoeba_link:hover:disabled, #practice_listening_report_error_button:hover:disabled, #practice_session_start_button_container #practice_session_start_button:hover:disabled, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i:hover:disabled, #practice_session_end_show_rank span:hover:disabled, #practice_session_end_hide_rank span:hover:disabled, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover:disabled, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover:disabled, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover:disabled, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover:disabled, #practice_rate_buttons_difficulty > div:hover:disabled, #practice_rate_buttons_difficulty i:hover:disabled, #practice_rate_buttons_info_button:hover:disabled, .registration_checkbox_container .info_dialog_button:hover:disabled, #faq #feedback_form_link:hover:disabled, #choose_language #choose_language_languages .choose_language_language:hover:disabled, #index_box #index_text ul #index_text_more_button:hover:disabled, #index_box #index_languages .index_languages_language img:hover:disabled, .ct-chart .ct-legend li:hover:disabled, .exercise_main_page_nav_buttons i:hover:disabled, .audio_player_buttons .audio_player_button:hover:disabled, .go_back_button:hover:disabled, .sentence_to_favorites:hover:disabled, #feedback-btn:hover:disabled, .ui-dialog-titlebar .side_popup_close_button:hover:disabled, .section_title_container i:hover:disabled, #faq .faq_category .faq_title_container i:hover:disabled, .link:hover:disabled, select:hover:disabled { cursor: default; } /* Vendor-prefix-free compatibility mixins (wrappers kept for call-site compat) */ .disable_transition { transition: none !important; } /* CLASSES */ #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_question, #crossword_box #crossword_overlay_box .crossword_overlay_inner_box .box_label, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry, #crossword_box #crossword_all_clues .crossword_all_clues_entry, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry, #crossword_box #crossword, .practice_words_typing_solutions_element, #word_lists_direction_switch_container, .guide, .delayed_guide, #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences, #practice_listening_setup_box, #practice_rate_buttons_difficulty .practice_rate_buttons_difficulty_label, #practice_rate_buttons_container, .new_label, .language_index_new_label, #choose_language #choose_language_languages .choose_language_language, #header_title span, img, .link { user-select: none; } img { user-select: none; } #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_answer, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_date, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_solution p, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_answer, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_date, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_solution p, #profile_box #profile_buttons #profile_delete_account, .conjugations_table .conjugation_forms .conjugation_form, .dictionary_compound_conjugations .conjugation_forms .conjugation_form, .data_conjugations_compound_conjugation .conjugation_forms .conjugation_form, #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .correct_answers div, #practice_conjugations_preset_knowledge_score #practice_conjugations_preset_knowledge_score_label { white-space: nowrap; display: inline-block; } * { scrollbar-width: thin; scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-bg); } ::-webkit-scrollbar { width: 1.3rem; } ::-webkit-scrollbar-track { background: var(--color-scrollbar-bg); } ::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-thumb); border-radius: 6px; border: 3px solid var(--color-scrollbar-bg); } #practice_conjugations_tense { white-space: nowrap; display: inline-block; } /*** TABLES ***/ .table_container, #practice_reverse_words_session_end #practice_session_mistakes_container, #practice_words_session_end #practice_session_mistakes_container, #practice_conjugations_session_end #practice_session_mistakes_container, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container, #quick_conjugations_start_box #quick_conjugation_presets_table_container, #practice_listening_session_end #practice_listening_session_end_container { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; } #crossword_archive_results_table_mobile > div:nth-child(-n+2), #crossword_archive_results_table_mobile > a:nth-child(-n+2), .word-history-table-container .word-history-table > div:nth-child(-n+4), .word-history-table-container .word-history-table > a:nth-child(-n+4), #tense_guide .tense_guide_tense_guide > div:nth-child(-n+2), #tense_guide .tense_guide_tense_guide > a:nth-child(-n+2), #tense_guide .tense_guide_person_guide > div:nth-child(-n+4), #tense_guide .tense_guide_person_guide > a:nth-child(-n+4), #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > div:nth-child(-n+5), #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > a:nth-child(-n+5), #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table > div:nth-child(-n+5), #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table > a:nth-child(-n+5), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > div:nth-child(-n+4), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > a:nth-child(-n+4), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > div:nth-child(-n+4), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > a:nth-child(-n+4), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > div:nth-child(-n+4), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > a:nth-child(-n+4), #crosswords_box #crosswords_table > div:nth-child(-n+4), #crosswords_box #crosswords_table > a:nth-child(-n+4), #statistics_conjugation_explanations_table > div:nth-child(-n+4), #statistics_conjugation_explanations_table > a:nth-child(-n+4), #statistics_problem_words_table > div:nth-child(-n+4), #statistics_problem_words_table > a:nth-child(-n+4), #statistics_problem_verb_forms_table > div:nth-child(-n+4), #statistics_problem_verb_forms_table > a:nth-child(-n+4), #statistics_conjugation_quick_preset_history > div:nth-child(-n+4), #statistics_conjugation_quick_preset_history > a:nth-child(-n+4), #statistics_conjugation_preset_history > div:nth-child(-n+4), #statistics_conjugation_preset_history > a:nth-child(-n+4), #statistics_conjugation_explanation_mistakes_table > div:nth-child(-n+4), #statistics_conjugation_explanation_mistakes_table > a:nth-child(-n+4), #statistics .statistics_conjugation_problem_areas > div:nth-child(-n+4), #statistics .statistics_conjugation_problem_areas > a:nth-child(-n+4), #statistics #statistics_list_container .statistics_texts > div:nth-child(-n+4), #statistics #statistics_list_container .statistics_texts > a:nth-child(-n+4), #statistics #statistics_list_container .statistics_conjugation_quick_presets > div:nth-child(-n+5), #statistics #statistics_list_container .statistics_conjugation_quick_presets > a:nth-child(-n+5), #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile > div:nth-child(-n+3), #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile > a:nth-child(-n+3), #statistics #statistics_list_container .statistics_conjugation_presets > div:nth-child(-n+5), #statistics #statistics_list_container .statistics_conjugation_presets > a:nth-child(-n+5), #statistics #statistics_list_container .statistics_word_lists > div:nth-child(-n+4), #statistics #statistics_list_container .statistics_word_lists > a:nth-child(-n+4), #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes > div:nth-child(-n+4), #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes > a:nth-child(-n+4), #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes > div:nth-child(-n+4), #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes > a:nth-child(-n+4), #excluded_words #excluded_words_table > div:nth-child(-n+4), #excluded_words #excluded_words_table > a:nth-child(-n+4), #word_list #word_list_table > div:nth-child(-n+4), #word_list #word_list_table > a:nth-child(-n+4), #import_words_preview #import_words_preview_table_container #import_words_preview_table > div:nth-child(-n+3), #import_words_preview #import_words_preview_table_container #import_words_preview_table > a:nth-child(-n+3), #word_lists #word_lists_table_reverse > div:nth-child(-n+5), #word_lists #word_lists_table_reverse > a:nth-child(-n+5), #word_lists #word_lists_table > div:nth-child(-n+5), #word_lists #word_lists_table > a:nth-child(-n+5), #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes > div:nth-child(-n+3), #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes > a:nth-child(-n+3), #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements > div:nth-child(-n+2), #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements > a:nth-child(-n+2), #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > div:nth-child(-n+4), #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > a:nth-child(-n+4), #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > div:nth-child(-n+3), #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > a:nth-child(-n+3), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences > div:nth-child(-n+5), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences > a:nth-child(-n+5), #faq #faq_crossword_ranks_table > div:nth-child(-n+3), #faq #faq_crossword_ranks_table > a:nth-child(-n+3), #faq #faq_listening_ranks_table > div:nth-child(-n+3), #faq #faq_listening_ranks_table > a:nth-child(-n+3), #faq #faq_conjugation_ranks_table > div:nth-child(-n+4), #faq #faq_conjugation_ranks_table > a:nth-child(-n+4), .six_column_table > div:nth-child(-n+6), .six_column_table > a:nth-child(-n+6), .five_column_table > div:nth-child(-n+5), .five_column_table > a:nth-child(-n+5), .four_column_table > div:nth-child(-n+4), .four_column_table > a:nth-child(-n+4), .three_column_table > div:nth-child(-n+3), .three_column_table > a:nth-child(-n+3), .two_column_table > div:nth-child(-n+2), .two_column_table > a:nth-child(-n+2) { font-size: 2rem; font-weight: 600; padding-top: 1rem; } #crossword_archive_results_table_mobile > div:not(:nth-last-child(-n+2)), #crossword_archive_results_table_mobile > a:not(:nth-last-child(-n+2)), #word_lists #auto_word_lists_table > div:not(:nth-last-child(-n+4)), #word_lists #auto_word_lists_table > a:not(:nth-last-child(-n+4)), #word_lists #auto_word_lists_table_reverse > div:not(:nth-last-child(-n+4)), #word_lists #auto_word_lists_table_reverse > a:not(:nth-last-child(-n+4)), .word-history-table-container .word-history-table > div:not(:nth-last-child(-n+4)), .word-history-table-container .word-history-table > a:not(:nth-last-child(-n+4)), .conjugation_area_cluster_verbs > div:not(:nth-last-child(-n+3)), .conjugation_area_cluster_verbs > a:not(:nth-last-child(-n+3)), #tense_guide .tense_guide_tense_guide > div:not(:nth-last-child(-n+2)), #tense_guide .tense_guide_tense_guide > a:not(:nth-last-child(-n+2)), #tense_guide .tense_guide_person_guide > div:not(:nth-last-child(-n+4)), #tense_guide .tense_guide_person_guide > a:not(:nth-last-child(-n+4)), #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > div:not(:nth-last-child(-n+5)), #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > a:not(:nth-last-child(-n+5)), #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table > div:not(:nth-last-child(-n+5)), #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table > a:not(:nth-last-child(-n+5)), #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div:not(:nth-last-child(-n+2)), #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > a:not(:nth-last-child(-n+2)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > div:not(:nth-last-child(-n+4)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > a:not(:nth-last-child(-n+4)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > div:not(:nth-last-child(-n+4)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > a:not(:nth-last-child(-n+4)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > div:not(:nth-last-child(-n+4)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > a:not(:nth-last-child(-n+4)), #crosswords_box #crosswords_table > div:not(:nth-last-child(-n+4)), #crosswords_box #crosswords_table > a:not(:nth-last-child(-n+4)), #statistics_conjugation_explanations_table > div:not(:nth-last-child(-n+4)), #statistics_conjugation_explanations_table > a:not(:nth-last-child(-n+4)), #statistics_problem_words_table > div:not(:nth-last-child(-n+4)), #statistics_problem_words_table > a:not(:nth-last-child(-n+4)), #statistics_problem_verb_forms_table > div:not(:nth-last-child(-n+4)), #statistics_problem_verb_forms_table > a:not(:nth-last-child(-n+4)), #statistics_conjugation_quick_preset_history > div:not(:nth-last-child(-n+4)), #statistics_conjugation_quick_preset_history > a:not(:nth-last-child(-n+4)), #statistics_conjugation_preset_history > div:not(:nth-last-child(-n+4)), #statistics_conjugation_preset_history > a:not(:nth-last-child(-n+4)), #statistics_conjugation_explanation_mistakes_table > div:not(:nth-last-child(-n+4)), #statistics_conjugation_explanation_mistakes_table > a:not(:nth-last-child(-n+4)), #statistics .statistics_alltime_statistics > div:not(:nth-last-child(-n+2)), #statistics .statistics_alltime_statistics > a:not(:nth-last-child(-n+2)), #statistics .statistics_conjugation_problem_areas > div:not(:nth-last-child(-n+4)), #statistics .statistics_conjugation_problem_areas > a:not(:nth-last-child(-n+4)), #statistics #statistics_list_container .statistics_texts > div:not(:nth-last-child(-n+4)), #statistics #statistics_list_container .statistics_texts > a:not(:nth-last-child(-n+4)), #statistics #statistics_list_container .statistics_conjugation_quick_presets > div:not(:nth-last-child(-n+5)), #statistics #statistics_list_container .statistics_conjugation_quick_presets > a:not(:nth-last-child(-n+5)), #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile > div:not(:nth-last-child(-n+3)), #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile > a:not(:nth-last-child(-n+3)), #statistics #statistics_list_container .statistics_conjugation_presets > div:not(:nth-last-child(-n+5)), #statistics #statistics_list_container .statistics_conjugation_presets > a:not(:nth-last-child(-n+5)), #statistics #statistics_list_container .statistics_word_lists > div:not(:nth-last-child(-n+4)), #statistics #statistics_list_container .statistics_word_lists > a:not(:nth-last-child(-n+4)), #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes > div:not(:nth-last-child(-n+4)), #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes > a:not(:nth-last-child(-n+4)), #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes > div:not(:nth-last-child(-n+4)), #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes > a:not(:nth-last-child(-n+4)), #sentences #sentences_table > div:not(:nth-last-child(-n+2)), #sentences #sentences_table > a:not(:nth-last-child(-n+2)), #excluded_words #excluded_words_table > div:not(:nth-last-child(-n+4)), #excluded_words #excluded_words_table > a:not(:nth-last-child(-n+4)), #word_list #word_list_table > div:not(:nth-last-child(-n+4)), #word_list #word_list_table > a:not(:nth-last-child(-n+4)), #import_words_preview #import_words_preview_table_container #import_words_preview_table > div:not(:nth-last-child(-n+3)), #import_words_preview #import_words_preview_table_container #import_words_preview_table > a:not(:nth-last-child(-n+3)), #word_lists #auto_word_lists_table > div:not(:nth-last-child(-n+5)), #word_lists #auto_word_lists_table > a:not(:nth-last-child(-n+5)), #word_lists #auto_word_lists_table_reverse > div:not(:nth-last-child(-n+5)), #word_lists #auto_word_lists_table_reverse > a:not(:nth-last-child(-n+5)), #word_lists #word_lists_table_reverse > div:not(:nth-last-child(-n+5)), #word_lists #word_lists_table_reverse > a:not(:nth-last-child(-n+5)), #word_lists #word_lists_table > div:not(:nth-last-child(-n+5)), #word_lists #word_lists_table > a:not(:nth-last-child(-n+5)), #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes > div:not(:nth-last-child(-n+3)), #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes > a:not(:nth-last-child(-n+3)), #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements > div:not(:nth-last-child(-n+2)), #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements > a:not(:nth-last-child(-n+2)), #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > div:not(:nth-last-child(-n+4)), #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > a:not(:nth-last-child(-n+4)), #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > div:not(:nth-last-child(-n+3)), #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > a:not(:nth-last-child(-n+3)), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences > div:not(:nth-last-child(-n+5)), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences > a:not(:nth-last-child(-n+5)), #index_latest_updates > div:not(:nth-last-child(-n+2)), #index_latest_updates > a:not(:nth-last-child(-n+2)), #faq #faq_crossword_ranks_table > div:not(:nth-last-child(-n+3)), #faq #faq_crossword_ranks_table > a:not(:nth-last-child(-n+3)), #faq #faq_listening_ranks_table > div:not(:nth-last-child(-n+3)), #faq #faq_listening_ranks_table > a:not(:nth-last-child(-n+3)), #faq #faq_conjugation_ranks_table > div:not(:nth-last-child(-n+4)), #faq #faq_conjugation_ranks_table > a:not(:nth-last-child(-n+4)), .six_column_table > div:not(:nth-last-child(-n+6)), .six_column_table > a:not(:nth-last-child(-n+6)), .five_column_table > div:not(:nth-last-child(-n+5)), .five_column_table > a:not(:nth-last-child(-n+5)), .four_column_table > div:not(:nth-last-child(-n+4)), .four_column_table > a:not(:nth-last-child(-n+4)), .three_column_table > div:not(:nth-last-child(-n+3)), .three_column_table > a:not(:nth-last-child(-n+3)), .two_column_table > div:not(:nth-last-child(-n+2)), .two_column_table > a:not(:nth-last-child(-n+2)) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #crossword_archive_results_table_mobile > div:not(:nth-child(2n)), #crossword_archive_results_table_mobile > a:not(:nth-child(2n)), .word-history-table-container .word-history-table > div:not(:nth-child(4n)), .word-history-table-container .word-history-table > a:not(:nth-child(4n)), #tense_guide .tense_guide_tense_guide > div:nth-of-type(2n+1), #tense_guide .tense_guide_person_guide > div:nth-of-type(4n+1), #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > div:not(:nth-child(5n)), #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > a:not(:nth-child(5n)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > div:not(:nth-child(4n)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > a:not(:nth-child(4n)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > div:not(:nth-child(4n)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > a:not(:nth-child(4n)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > div:not(:nth-child(4n)), #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > a:not(:nth-child(4n)), #statistics_conjugation_quick_preset_history > div:not(:nth-child(4n)), #statistics_conjugation_quick_preset_history > a:not(:nth-child(4n)), #statistics_conjugation_preset_history > div:not(:nth-child(4n)), #statistics_conjugation_preset_history > a:not(:nth-child(4n)), #statistics_conjugation_explanation_mistakes_table > div:not(:nth-child(4n)), #statistics_conjugation_explanation_mistakes_table > a:not(:nth-child(4n)), #faq #faq_crossword_ranks_table > div:not(:nth-child(3n)), #faq #faq_crossword_ranks_table > a:not(:nth-child(3n)), #faq #faq_listening_ranks_table > div:not(:nth-child(3n)), #faq #faq_listening_ranks_table > a:not(:nth-child(3n)), #faq #faq_conjugation_ranks_table > div:not(:nth-child(4n)), #faq #faq_conjugation_ranks_table > a:not(:nth-child(4n)) { border-right: 1px solid rgba(8, 116, 133, 0.45); } .two_column_table { display: grid; grid-template-columns: auto auto; } .two_column_table > div, .two_column_table > a { padding: 1.2rem 1.5rem; } .three_column_table { display: grid; grid-template-columns: auto auto auto; } .three_column_table > div, .three_column_table > a { padding: 1.2rem 1.5rem; } .four_column_table { display: grid; grid-template-columns: auto auto auto auto; } .four_column_table > div, .four_column_table > a { padding: 1.2rem 1.5rem; } .five_column_table { display: grid; grid-template-columns: auto auto auto auto auto; } .five_column_table > div, .five_column_table > a { padding: 1.2rem 1.5rem; } .six_column_table { display: grid; grid-template-columns: auto auto auto auto auto; } .six_column_table > div, .six_column_table > a { padding: 1.2rem 1.5rem; } .numeric_cell { text-align: center !important; } /*** MESSAGES ***/ .jq-toast-wrap { z-index: 99999 !important; } .jq-toast-wrap .jq-toast-single { font-size: 1.6rem; line-height: 1.5; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; } .jq-toast-wrap .jq-toast-single.jq-icon-error { background-color: #850c08; } .jq-toast-wrap .jq-toast-single.jq-icon-success { background-color: #088519; } .jq-toast-wrap .jq-toast-single.jq-icon-warning { background-color: #856a08; } /*** BUTTON MIXINS ***/ /*** MESSAGES ***/ .jconfirm-box-container { margin: auto; max-width: 35rem; width: 90%; font-size: 1.8rem; line-height: 1.5; text-align: justify; } .jconfirm-box-container span { font-weight: 600; font-style: italic; } .jconfirm-box-container button:hover { cursor: pointer; } .jconfirm-box-container button:hover:disabled { cursor: default; } .jconfirm-box-container button { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .jconfirm-box-container button:hover { background-color: var(--color-bg-button-hover); } .jconfirm-box-container button { padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } /*** BUTTONS ***/ .button:hover, #google_login_container #customBtn:hover, .practice_rate_button:hover { cursor: pointer; } .button:hover:disabled, #google_login_container #customBtn:hover:disabled, .practice_rate_button:hover:disabled { cursor: default; } .button, #google_login_container #customBtn, .practice_rate_button { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .button:hover, #google_login_container #customBtn:hover, .practice_rate_button:hover { background-color: var(--color-bg-button-hover); } .tiny_button:hover, .study_verb_list_verb_conjugation_link:hover, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button:hover, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button:hover, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button:hover, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button:hover, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button:hover, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button:hover, .practice_reverse_words_explanations_content .practice_words_word_comparison_button:hover, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button:hover, .pagination_container .pagination li a:hover, #practice_conjugations_sentence_explanation .exercise-explanation-actions a:hover { cursor: pointer; } .tiny_button:hover:disabled, .study_verb_list_verb_conjugation_link:hover:disabled, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button:hover:disabled, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button:hover:disabled, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button:hover:disabled, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button:hover:disabled, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button:hover:disabled, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button:hover:disabled, .practice_reverse_words_explanations_content .practice_words_word_comparison_button:hover:disabled, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover:disabled, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover:disabled, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover:disabled, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover:disabled, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button:hover:disabled, .pagination_container .pagination li a:hover:disabled, #practice_conjugations_sentence_explanation .exercise-explanation-actions a:hover:disabled { cursor: default; } .tiny_button, .study_verb_list_verb_conjugation_link, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .practice_reverse_words_explanations_content .practice_words_word_comparison_button, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button, .pagination_container .pagination li a, #practice_conjugations_sentence_explanation .exercise-explanation-actions a { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .tiny_button:hover, .study_verb_list_verb_conjugation_link:hover, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button:hover, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button:hover, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button:hover, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button:hover, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button:hover, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button:hover, .practice_reverse_words_explanations_content .practice_words_word_comparison_button:hover, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link:hover, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button:hover, .pagination_container .pagination li a:hover, #practice_conjugations_sentence_explanation .exercise-explanation-actions a:hover { background-color: var(--color-bg-button-hover); } .tiny_button, .study_verb_list_verb_conjugation_link, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .practice_reverse_words_explanations_content .practice_words_word_comparison_button, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button, .pagination_container .pagination li a, #practice_conjugations_sentence_explanation .exercise-explanation-actions a { padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } .small_button:hover, #study #study_conjugations_container #study_conjugation_search input[type=submit]:hover, .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation:hover, .practice_prompt_button:hover, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button:hover, #crossword_box #crossword_change_style_button:hover, #crossword_box #crossword_clue_verb_hint:hover, #crossword_box #crossword_clue_hint:hover, #crossword_box #crossword_open_dictionary_for_last_word:hover, #crossword_box #crossword_open_dictionary_for_last:hover, #crossword_box #crossword_add_to_list:hover, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button:hover, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button:hover, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button:hover, #statistics #statistics_header #statistics_history_buttons .statistics_history_button:hover, #email_change_modal #email_change_modal_content #email_change_submit:hover, #email_change_modal #email_change_modal_content #email_change_cancel:hover, #profile_box #profile_form #profile_change_email_button:hover, #profile_box #profile_buttons #profile_delete_account:hover, #profile_box #profile_buttons a:hover, .add_any_word_to_list_form input[type=submit]:hover, .add_word_to_list_form input[type=submit]:hover, #practice_words_explanations_content .practice_words_word_comparison_button:hover, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word:hover, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button:hover, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button:hover, #word_lists #word_lists_excluded_button:hover, #word_lists #word_lists_import_button:hover, #word_lists .word_lists_problem_words_quick_review:hover, #practice_quick_conjugations_end_session_button:hover, #practice_conjugations_machine_translation_button:hover, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button:hover, #practice_conjugations_select_verb_button:hover, #practice_conjugations_quick_select_button:hover, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button:hover, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button:hover, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button]:hover, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button]:hover, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button:hover, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button:hover, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button:hover, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button:hover, #language_index_box #language_index_box_header #language_index_nav_buttons > div a:hover, .screenshot_header .screenshot_header_button_container a:hover, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button:hover, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button:hover, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button:hover, #index_box #index_send_feedback_button:hover, .anno-btn:hover, #feedback-module .feedback-next-btn:hover, #feedback-module .feedback-back-btn:hover, #feedback-module .feedback-submit-btn:hover, #feedback-module .feedback-close-btn:hover { cursor: pointer; } .small_button:hover:disabled, #study #study_conjugations_container #study_conjugation_search input[type=submit]:hover:disabled, .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation:hover:disabled, .practice_prompt_button:hover:disabled, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button:hover:disabled, #crossword_box #crossword_change_style_button:hover:disabled, #crossword_box #crossword_clue_verb_hint:hover:disabled, #crossword_box #crossword_clue_hint:hover:disabled, #crossword_box #crossword_open_dictionary_for_last_word:hover:disabled, #crossword_box #crossword_open_dictionary_for_last:hover:disabled, #crossword_box #crossword_add_to_list:hover:disabled, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button:hover:disabled, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button:hover:disabled, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button:hover:disabled, #statistics #statistics_header #statistics_history_buttons .statistics_history_button:hover:disabled, #email_change_modal #email_change_modal_content #email_change_submit:hover:disabled, #email_change_modal #email_change_modal_content #email_change_cancel:hover:disabled, #profile_box #profile_form #profile_change_email_button:hover:disabled, #profile_box #profile_buttons #profile_delete_account:hover:disabled, #profile_box #profile_buttons a:hover:disabled, .add_any_word_to_list_form input[type=submit]:hover:disabled, .add_word_to_list_form input[type=submit]:hover:disabled, #practice_words_explanations_content .practice_words_word_comparison_button:hover:disabled, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word:hover:disabled, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button:hover:disabled, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button:hover:disabled, #word_lists #word_lists_excluded_button:hover:disabled, #word_lists #word_lists_import_button:hover:disabled, #word_lists .word_lists_problem_words_quick_review:hover:disabled, #practice_quick_conjugations_end_session_button:hover:disabled, #practice_conjugations_machine_translation_button:hover:disabled, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button:hover:disabled, #practice_conjugations_select_verb_button:hover:disabled, #practice_conjugations_quick_select_button:hover:disabled, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button:hover:disabled, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button:hover:disabled, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button]:hover:disabled, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button]:hover:disabled, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button:hover:disabled, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button:hover:disabled, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button:hover:disabled, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button:hover:disabled, #language_index_box #language_index_box_header #language_index_nav_buttons > div a:hover:disabled, .screenshot_header .screenshot_header_button_container a:hover:disabled, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button:hover:disabled, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button:hover:disabled, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button:hover:disabled, #index_box #index_send_feedback_button:hover:disabled, .anno-btn:hover:disabled, #feedback-module .feedback-next-btn:hover:disabled, #feedback-module .feedback-back-btn:hover:disabled, #feedback-module .feedback-submit-btn:hover:disabled, #feedback-module .feedback-close-btn:hover:disabled { cursor: default; } .small_button, #study #study_conjugations_container #study_conjugation_search input[type=submit], .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation, .practice_prompt_button, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button, #crossword_box #crossword_change_style_button, #crossword_box #crossword_clue_verb_hint, #crossword_box #crossword_clue_hint, #crossword_box #crossword_open_dictionary_for_last_word, #crossword_box #crossword_open_dictionary_for_last, #crossword_box #crossword_add_to_list, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_history_buttons .statistics_history_button, #email_change_modal #email_change_modal_content #email_change_submit, #email_change_modal #email_change_modal_content #email_change_cancel, #profile_box #profile_form #profile_change_email_button, #profile_box #profile_buttons #profile_delete_account, #profile_box #profile_buttons a, .add_any_word_to_list_form input[type=submit], .add_word_to_list_form input[type=submit], #practice_words_explanations_content .practice_words_word_comparison_button, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button, #word_lists #word_lists_excluded_button, #word_lists #word_lists_import_button, #word_lists .word_lists_problem_words_quick_review, #practice_quick_conjugations_end_session_button, #practice_conjugations_machine_translation_button, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button, #practice_conjugations_select_verb_button, #practice_conjugations_quick_select_button, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button], .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button], #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button, #language_index_box #language_index_box_header #language_index_nav_buttons > div a, .screenshot_header .screenshot_header_button_container a, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button, #index_box #index_send_feedback_button, .anno-btn, #feedback-module .feedback-next-btn, #feedback-module .feedback-back-btn, #feedback-module .feedback-submit-btn, #feedback-module .feedback-close-btn { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .small_button:hover, #study #study_conjugations_container #study_conjugation_search input[type=submit]:hover, .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation:hover, .practice_prompt_button:hover, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button:hover, #crossword_box #crossword_change_style_button:hover, #crossword_box #crossword_clue_verb_hint:hover, #crossword_box #crossword_clue_hint:hover, #crossword_box #crossword_open_dictionary_for_last_word:hover, #crossword_box #crossword_open_dictionary_for_last:hover, #crossword_box #crossword_add_to_list:hover, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button:hover, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button:hover, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button:hover, #statistics #statistics_header #statistics_history_buttons .statistics_history_button:hover, #email_change_modal #email_change_modal_content #email_change_submit:hover, #email_change_modal #email_change_modal_content #email_change_cancel:hover, #profile_box #profile_form #profile_change_email_button:hover, #profile_box #profile_buttons #profile_delete_account:hover, #profile_box #profile_buttons a:hover, .add_any_word_to_list_form input[type=submit]:hover, .add_word_to_list_form input[type=submit]:hover, #practice_words_explanations_content .practice_words_word_comparison_button:hover, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word:hover, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button:hover, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button:hover, #word_lists #word_lists_excluded_button:hover, #word_lists #word_lists_import_button:hover, #word_lists .word_lists_problem_words_quick_review:hover, #practice_quick_conjugations_end_session_button:hover, #practice_conjugations_machine_translation_button:hover, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button:hover, #practice_conjugations_select_verb_button:hover, #practice_conjugations_quick_select_button:hover, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button:hover, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button:hover, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button]:hover, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button]:hover, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button:hover, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button:hover, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button:hover, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button:hover, #language_index_box #language_index_box_header #language_index_nav_buttons > div a:hover, .screenshot_header .screenshot_header_button_container a:hover, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button:hover, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button:hover, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button:hover, #index_box #index_send_feedback_button:hover, .anno-btn:hover, #feedback-module .feedback-next-btn:hover, #feedback-module .feedback-back-btn:hover, #feedback-module .feedback-submit-btn:hover, #feedback-module .feedback-close-btn:hover { background-color: var(--color-bg-button-hover); } .small_button, #study #study_conjugations_container #study_conjugation_search input[type=submit], .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation, .practice_prompt_button, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button, #crossword_box #crossword_change_style_button, #crossword_box #crossword_clue_verb_hint, #crossword_box #crossword_clue_hint, #crossword_box #crossword_open_dictionary_for_last_word, #crossword_box #crossword_open_dictionary_for_last, #crossword_box #crossword_add_to_list, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_history_buttons .statistics_history_button, #email_change_modal #email_change_modal_content #email_change_submit, #email_change_modal #email_change_modal_content #email_change_cancel, #profile_box #profile_form #profile_change_email_button, #profile_box #profile_buttons #profile_delete_account, #profile_box #profile_buttons a, .add_any_word_to_list_form input[type=submit], .add_word_to_list_form input[type=submit], #practice_words_explanations_content .practice_words_word_comparison_button, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button, #word_lists #word_lists_excluded_button, #word_lists #word_lists_import_button, #word_lists .word_lists_problem_words_quick_review, #practice_quick_conjugations_end_session_button, #practice_conjugations_machine_translation_button, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button, #practice_conjugations_select_verb_button, #practice_conjugations_quick_select_button, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button], .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button], #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button, #language_index_box #language_index_box_header #language_index_nav_buttons > div a, .screenshot_header .screenshot_header_button_container a, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button, #index_box #index_send_feedback_button, .anno-btn, #feedback-module .feedback-next-btn, #feedback-module .feedback-back-btn, #feedback-module .feedback-submit-btn, #feedback-module .feedback-close-btn { padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } .wide_button:hover { cursor: pointer; } .wide_button:hover:disabled { cursor: default; } .wide_button { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .wide_button:hover { background-color: var(--color-bg-button-hover); } .wide_button { padding: 0.3rem 2rem; margin: 0.5rem 0.6rem; } .submit_button:hover, #crossword_history_detail #crossword_history_detail_actions .button_link:hover, #crossword_box #crossword_overlay_box #crossword_overlay_back_button:hover, #crossword_box #crossword_overlay_box #crossword_overlay_close_button:hover, #crosswords_box #crossword_search_select_button:hover, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button:hover, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button:hover, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button:hover, #import_words_preview #import_words_preview_finish_import:hover, #import_words_from_file #import_words_from_file_continue:hover, #import_words_copy_paste #import_words_copy_paste_continue:hover, #import_words a:hover, #word_lists #word_lists_practice_button_container #word_lists_practice_button:hover, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button:hover, #practice_conjugations_submit_button:hover, #practice_conjugations_settings_buttons_container input[type=submit]:hover, #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button:hover, #practice_quick_conjugations_demo input[type=submit]:hover, .demo_start_form input[type=submit]:hover, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button:hover, #practice_listening_submit_button:hover, #practice_listening_settings_submit_container #practice_listening_custom_settings_button:hover, #practice_listening_settings_submit_container #practice_listening_settings_submit_button:hover, .practice_session_end #practice_session_end_quit_button:hover, #terms_change_box #accept_terms_change_button:hover, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button:hover, #account_activation_continue_button:hover, .registration_submit_button:hover, #change_password_box #change_password_form input[type=submit]:hover, #profile_box #profile_form input[type=submit]:hover, #signup_box #signup_form input[type=submit]:hover, #signup_box #complete_social_signup_form input[type=submit]:hover, #password_reset_confirm_box #password_reset_confirm_form input[type=submit]:hover, #password_reset_box #password_reset_form input[type=submit]:hover, #mobile_feedback_box #mobile_feedback_form input[type=submit]:hover, #login_box #login_form input[type=submit]:hover, #index_box #index_buttons a:hover, #feedback-module #feedback_send_button_container #feedback_send_button:hover { cursor: pointer; } .submit_button:hover:disabled, #crossword_history_detail #crossword_history_detail_actions .button_link:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_back_button:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_close_button:hover:disabled, #crosswords_box #crossword_search_select_button:hover:disabled, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button:hover:disabled, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button:hover:disabled, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button:hover:disabled, #import_words_preview #import_words_preview_finish_import:hover:disabled, #import_words_from_file #import_words_from_file_continue:hover:disabled, #import_words_copy_paste #import_words_copy_paste_continue:hover:disabled, #import_words a:hover:disabled, #word_lists #word_lists_practice_button_container #word_lists_practice_button:hover:disabled, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button:hover:disabled, #practice_conjugations_submit_button:hover:disabled, #practice_conjugations_settings_buttons_container input[type=submit]:hover:disabled, #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button:hover:disabled, #practice_quick_conjugations_demo input[type=submit]:hover:disabled, .demo_start_form input[type=submit]:hover:disabled, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button:hover:disabled, #practice_listening_submit_button:hover:disabled, #practice_listening_settings_submit_container #practice_listening_custom_settings_button:hover:disabled, #practice_listening_settings_submit_container #practice_listening_settings_submit_button:hover:disabled, .practice_session_end #practice_session_end_quit_button:hover:disabled, #terms_change_box #accept_terms_change_button:hover:disabled, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button:hover:disabled, #account_activation_continue_button:hover:disabled, .registration_submit_button:hover:disabled, #change_password_box #change_password_form input[type=submit]:hover:disabled, #profile_box #profile_form input[type=submit]:hover:disabled, #signup_box #signup_form input[type=submit]:hover:disabled, #signup_box #complete_social_signup_form input[type=submit]:hover:disabled, #password_reset_confirm_box #password_reset_confirm_form input[type=submit]:hover:disabled, #password_reset_box #password_reset_form input[type=submit]:hover:disabled, #mobile_feedback_box #mobile_feedback_form input[type=submit]:hover:disabled, #login_box #login_form input[type=submit]:hover:disabled, #index_box #index_buttons a:hover:disabled, #feedback-module #feedback_send_button_container #feedback_send_button:hover:disabled { cursor: default; } .submit_button, #crossword_history_detail #crossword_history_detail_actions .button_link, #crossword_box #crossword_overlay_box #crossword_overlay_back_button, #crossword_box #crossword_overlay_box #crossword_overlay_close_button, #crosswords_box #crossword_search_select_button, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button, #import_words_preview #import_words_preview_finish_import, #import_words_from_file #import_words_from_file_continue, #import_words_copy_paste #import_words_copy_paste_continue, #import_words a, #word_lists #word_lists_practice_button_container #word_lists_practice_button, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button, #practice_conjugations_submit_button, #practice_conjugations_settings_buttons_container input[type=submit], #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button, #practice_quick_conjugations_demo input[type=submit], .demo_start_form input[type=submit], .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button, #practice_listening_submit_button, #practice_listening_settings_submit_container #practice_listening_custom_settings_button, #practice_listening_settings_submit_container #practice_listening_settings_submit_button, .practice_session_end #practice_session_end_quit_button, #terms_change_box #accept_terms_change_button, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button, #account_activation_continue_button, .registration_submit_button, #change_password_box #change_password_form input[type=submit], #profile_box #profile_form input[type=submit], #signup_box #signup_form input[type=submit], #signup_box #complete_social_signup_form input[type=submit], #password_reset_confirm_box #password_reset_confirm_form input[type=submit], #password_reset_box #password_reset_form input[type=submit], #mobile_feedback_box #mobile_feedback_form input[type=submit], #login_box #login_form input[type=submit], #index_box #index_buttons a, #feedback-module #feedback_send_button_container #feedback_send_button { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .submit_button:hover, #crossword_history_detail #crossword_history_detail_actions .button_link:hover, #crossword_box #crossword_overlay_box #crossword_overlay_back_button:hover, #crossword_box #crossword_overlay_box #crossword_overlay_close_button:hover, #crosswords_box #crossword_search_select_button:hover, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button:hover, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button:hover, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button:hover, #import_words_preview #import_words_preview_finish_import:hover, #import_words_from_file #import_words_from_file_continue:hover, #import_words_copy_paste #import_words_copy_paste_continue:hover, #import_words a:hover, #word_lists #word_lists_practice_button_container #word_lists_practice_button:hover, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button:hover, #practice_conjugations_submit_button:hover, #practice_conjugations_settings_buttons_container input[type=submit]:hover, #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button:hover, #practice_quick_conjugations_demo input[type=submit]:hover, .demo_start_form input[type=submit]:hover, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button:hover, #practice_listening_submit_button:hover, #practice_listening_settings_submit_container #practice_listening_custom_settings_button:hover, #practice_listening_settings_submit_container #practice_listening_settings_submit_button:hover, .practice_session_end #practice_session_end_quit_button:hover, #terms_change_box #accept_terms_change_button:hover, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button:hover, #account_activation_continue_button:hover, .registration_submit_button:hover, #change_password_box #change_password_form input[type=submit]:hover, #profile_box #profile_form input[type=submit]:hover, #signup_box #signup_form input[type=submit]:hover, #signup_box #complete_social_signup_form input[type=submit]:hover, #password_reset_confirm_box #password_reset_confirm_form input[type=submit]:hover, #password_reset_box #password_reset_form input[type=submit]:hover, #mobile_feedback_box #mobile_feedback_form input[type=submit]:hover, #login_box #login_form input[type=submit]:hover, #index_box #index_buttons a:hover, #feedback-module #feedback_send_button_container #feedback_send_button:hover { background-color: var(--color-bg-button-hover); } .submit_button, #crossword_history_detail #crossword_history_detail_actions .button_link, #crossword_box #crossword_overlay_box #crossword_overlay_back_button, #crossword_box #crossword_overlay_box #crossword_overlay_close_button, #crosswords_box #crossword_search_select_button, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button, #import_words_preview #import_words_preview_finish_import, #import_words_from_file #import_words_from_file_continue, #import_words_copy_paste #import_words_copy_paste_continue, #import_words a, #word_lists #word_lists_practice_button_container #word_lists_practice_button, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button, #practice_conjugations_submit_button, #practice_conjugations_settings_buttons_container input[type=submit], #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button, #practice_quick_conjugations_demo input[type=submit], .demo_start_form input[type=submit], .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button, #practice_listening_submit_button, #practice_listening_settings_submit_container #practice_listening_custom_settings_button, #practice_listening_settings_submit_container #practice_listening_settings_submit_button, .practice_session_end #practice_session_end_quit_button, #terms_change_box #accept_terms_change_button, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button, #account_activation_continue_button, .registration_submit_button, #change_password_box #change_password_form input[type=submit], #profile_box #profile_form input[type=submit], #signup_box #signup_form input[type=submit], #signup_box #complete_social_signup_form input[type=submit], #password_reset_confirm_box #password_reset_confirm_form input[type=submit], #password_reset_box #password_reset_form input[type=submit], #mobile_feedback_box #mobile_feedback_form input[type=submit], #login_box #login_form input[type=submit], #index_box #index_buttons a, #feedback-module #feedback_send_button_container #feedback_send_button { padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } .info_dialog_button:hover, .info_dialog_pseudo_button:hover { cursor: pointer; } .info_dialog_button:hover:disabled, .info_dialog_pseudo_button:hover:disabled { cursor: default; } .info_dialog_button, .info_dialog_pseudo_button { font-size: 1.6rem; } span.info_dialog_button, span.info_dialog_pseudo_button { font-size: inherit; border-bottom: 0.15rem solid rgba(8, 116, 133, 0.2); color: #087485; } .header_button:hover { cursor: pointer; } .header_button:hover:disabled { cursor: default; } .header_button { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .header_button:hover { background-color: var(--color-bg-button-hover); } .header_button { padding: 0.6rem 2rem; margin: 0.5rem 0.5rem; font-size: 2.2rem; display: inline-block; border: 1px solid white !important; } .special_letter_button:hover { cursor: pointer; } .special_letter_button:hover:disabled { cursor: default; } .special_letter_button { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } .special_letter_button:hover { background-color: var(--color-bg-button-hover); } .special_letter_button { padding: 0.3rem 0.8rem; margin: 0px 2px; white-space: nowrap; } .special_letter_button .special_letter { font-size: 2rem; } .preference_button:hover { cursor: pointer; } .preference_button:hover:disabled { cursor: default; } .header_sound_effects_audio_button:hover { cursor: pointer; } .header_sound_effects_audio_button:hover:disabled { cursor: default; } .header_sound_effects_audio_button { position: absolute; left: -3.8rem; top: 0.1rem; font-size: 2.2rem; opacity: 0.9; background-color: transparent !important; } .header_theme_toggle:hover { cursor: pointer; } .header_theme_toggle:hover:disabled { cursor: default; } .header_theme_toggle { position: absolute; left: -3.8rem; top: 0.1rem; font-size: 2.2rem; opacity: 0.9; color: white; background-color: transparent !important; } .header_theme_toggle:hover { opacity: 1; } /* When sound effects icon is present (before theme toggle in DOM), push the theme toggle further left */ .header_sound_effects_audio_button ~ .header_theme_toggle { left: -7.2rem; } .dictionary_wiktionary_link { background-color: rgba(8, 116, 133, 0.01) !important; } .dictionary_buttons { user-select: none; color: #087485; text-align: right; font-size: 2rem; line-height: 1.25; } .dictionary_buttons div { display: inline-block; } .dictionary_buttons .dictionary_pronunciations { font-weight: 600; display: inline-grid; grid-auto-flow: column; text-align: center; } .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation:hover { cursor: pointer; } .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation:hover:disabled { cursor: default; } .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation { width: 1.5em; } .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation.dictionary_pronunciation_wide { width: 2.7em; } .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation .dictionary_pronunciation_label { font-size: 0.6em; position: relative; bottom: 0.08em; } .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation i { position: relative; top: 0.15em; } .dictionary_buttons i:hover { cursor: pointer; } .dictionary_buttons i:hover:disabled { cursor: default; } .dictionary_buttons i { color: rgba(8, 116, 133, 0.45); margin-right: 0.25em; position: relative; top: 0.15em; } .dictionary_buttons i:hover { color: #087485; } .dictionary_buttons i.loader { font-size: 1em; } .dictionary_buttons i.loader:hover { color: rgba(8, 116, 133, 0.45); cursor: default; } .dictionary_buttons .lemma_sentences_request_google_translation:hover { cursor: pointer; } .dictionary_buttons .lemma_sentences_request_google_translation:hover:disabled { cursor: default; } .dictionary_buttons .lemma_sentences_request_google_translation { position: relative; left: 0.4rem; } .dictionary_buttons .sentence_to_favorites { position: inherit; font-size: 1em; } .dictionary_buttons .sentence_to_favorites i { margin-right: 0; } /* ---- CSS Custom Properties (Light Mode Defaults) ---- */ :root { --color-bg-primary: #ffffff; --color-bg-secondary: rgba(0, 0, 0, 0.03); --color-bg-box: #ffffff; --color-bg-inner-box: #ffffff; --color-bg-button: rgb(206, 227, 231); --color-bg-button-hover: rgb(144, 192, 200); --color-text-primary: #000000; --color-text-secondary: #888888; --color-border: rgba(8, 116, 133, 0.2); --border-standard: 0.1rem solid rgba(8, 116, 133, 0.2); --color-grey-light: #e7e7e7; --color-grey-mid: #888888; --color-grey-dark: #434343; --color-scrollbar-bg: #cfd8dc; --color-scrollbar-thumb: #90a4ae; --shadow-box: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); --color-correct: rgba(0, 255, 0, 0.4); --color-incorrect: rgba(255, 0, 0, 0.4); } /* MAIN TAGS */ html, body { overflow-x: hidden; min-height: 100vh; } body { min-height: calc(100vh-2.5rem-5rem); padding-bottom: calc(7.5rem); position: relative; } select { border-radius: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); font-size: 1.6rem; background: white !important; } select:not([multiple]) { padding: 0.5rem; } *:focus { outline: none; } *:disabled { cursor: not-allowed; } h1 { font-size: 2.5rem; line-height: 1.5; font-weight: 600; } a { text-decoration: none; color: black; } .link { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2) !important; } i { color: rgba(8, 116, 133, 0.45); } i.playable_audio_playing { cursor: default !important; display: none; } /* Sentence-specific exercise explanations (practice pages) */ #practice_conjugations_sentence_explanation { text-align: justify; line-height: 1.6; background: rgba(8, 116, 133, 0.075); border: none; border-radius: 0.8rem; padding: 0.6rem 0.8rem; margin-top: 0.6rem; font-size: 1.6rem; } #practice_conjugations_sentence_explanation .exercise-explanation-initial { margin-bottom: 0.4rem; } #practice_conjugations_sentence_explanation .exercise-explanation-continuation { margin-top: 0.4rem; } #practice_conjugations_sentence_explanation .exercise-explanation-actions { margin-top: 0.4rem; text-align: center; } #practice_conjugations_sentence_explanation { /* Generated span classes from LLM */ } #practice_conjugations_sentence_explanation span.target_language, #practice_conjugations_sentence_explanation .target_language { font-weight: 600; } #practice_conjugations_sentence_explanation span.english_highlight, #practice_conjugations_sentence_explanation .english_highlight { background-color: rgba(255, 235, 59, 0.25); padding: 0 2px; border-radius: 3px; } .clickable:hover, .word-history-floating-button:hover, .verb-senses .verb_definition_add_word_to_list_button i:hover, #practice_translation_main_elements #practice_translation #practice_translation_english_text #practice_translation_copy_button:hover, #practice_translation_main_elements #practice_translation #practice_translation_report_error_button:hover, #study #study_conjugations_container .study_conjugation_verb:hover, #study .study_word_comparisons_more_link_container .study_word_comparisons_more_link:hover, .tense_guide_conjugation_from span:hover, #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs:hover, #tense_guide .tense_guide_verbs_list .tense_guide_verb span:hover, .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element > span:hover, #error_report_explanation_warning .error_report_explanation_link:hover, .study_conjugations_tense_container .study_conjugations_tense_label:hover, #study_conjugations #study_conjugations_verb_not_found .study_conjugations_potential_verb:hover, .conjugation_explanation_link_intext:hover, #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle:hover, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row:hover, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle:hover, #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a:hover, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle:hover, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector > div:hover, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div:hover, #crossword_change_style_container #crossword_change_color .crossword_change_color_button:hover, #crossword_change_style_container #crossword_change_style_close_icon:hover, #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div:hover, #crossword_box #crossword_overlay_box #crossword_overlay_close_icon:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i:hover, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_overlay_close_icon:hover, #crossword_box #crossword_open_printable a:hover, #crossword_box #crossword_report_error_button:hover, #crossword_box #crossword_save_button:hover, #crossword_box .crossword_audio_button:hover, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry:hover, #crossword_box #crossword_all_clues .crossword_all_clues_entry:hover, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry:hover, #crossword_box #crossword .crossword_cell input:hover:not(.active):not(.correct), #crosswords_box .crossword_list_box:hover, #crosswords_box h2 #crosswords_date_picker_trigger:hover, #crosswords_box h2 i:hover, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table .statistics_problem_verb_forms_verb:hover, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover, #statistics .statistics_conjugation_problem_areas i:hover, #statistics #statistics_list_container .statistics_texts i:hover, #statistics #statistics_list_container .statistics_conjugation_quick_presets i:hover, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i:hover, #statistics #statistics_list_container .statistics_conjugation_presets i:hover, #statistics #statistics_list_container .statistics_word_lists i:hover, #statistics #statistics_container h1.chart_title i:hover, .dictionary .dictionary_footer .dictionary_footer_click_here:hover, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i:hover, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i:hover, .dictionary .dictionary_add_word_all_senses_to_list_button i:hover, #practice_words_quick_review_interval_selector_container .interval_button:hover, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonym:hover, #practice_reverse_words_back h2 i:hover, #practice_words_back h2 i:hover, #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i:hover, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i:hover, #practice_words_front #practice_words_front_content #practice_words_front_buttons i:hover, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i:hover, #sentences .sentences_sentence_buttons i:hover, #sentences #sentences_import span:hover, .word_definition_suggestions .word_definition_suggestion_word:hover, .word_definition_suggestions .word_definition_suggestion_definition:hover, #excluded_words .excluded_words_word_buttons i:hover, #excluded_words > p #excluded_words_reactivate_all:hover, #word_list .word_list_word_buttons i:hover, #word_list #word_list_table #word_list_order_by_description_button:hover, #word_list #word_list_table #word_list_order_by_word_button:hover, #word_list #word_list_buttons i:hover, #word_lists_first_session_select_container .word_lists_first_session_select_option:hover, #word_lists_first_session_select_container .listening_first_session_select_option:hover, #listening_first_session_select_container .word_lists_first_session_select_option:hover, #listening_first_session_select_container .listening_first_session_select_option:hover, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i:hover, #word_lists #auto_word_lists_table .problem_words_info i:hover, #word_lists #auto_word_lists_table .problem_words_details i:hover, #word_lists #auto_word_lists_table_reverse .problem_words_info i:hover, #word_lists #auto_word_lists_table_reverse .problem_words_details i:hover, #word_lists #word_lists_table_reverse > div:hover:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists #word_lists_table > div:hover:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists_direction_switch_container #word_lists_direction_switch:hover, #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .verb span:hover, #practice_conjugations_tatoeba_link i:hover, #practice_conjugations_report i:hover, #practice_conjugations_play_audio i:hover, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i:hover, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .playable_audio_container:hover, .conjugation_group_intro .conjugation_group_intro_explanations li:hover, .conjugation_group_intro .conjugation_group_intro_all_verbs_link:hover, .conjugation_group_intro .conjugation_group_intro_verb:hover, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i:hover, .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_verb:hover, .play_sample_button:hover, #delete_user_conjugation_preset_button:hover, #edit_user_conjugation_preset_button:hover, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label:hover, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button:hover:not(.disabled), #practice_conjugations_header .practice_conjugations_header_element:hover:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_audio:hover, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i:hover, #practice_listening_tatoeba_link:hover, #practice_listening_report_error_button:hover, #practice_session_start_button_container #practice_session_start_button:hover, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i:hover, #practice_session_end_show_rank span:hover, #practice_session_end_hide_rank span:hover, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover, #practice_rate_buttons_difficulty > div:hover, #practice_rate_buttons_difficulty i:hover, #practice_rate_buttons_info_button:hover, .registration_checkbox_container .info_dialog_button:hover, #faq #feedback_form_link:hover, #choose_language #choose_language_languages .choose_language_language:hover, #index_box #index_text ul #index_text_more_button:hover, #index_box #index_languages .index_languages_language img:hover, .ct-chart .ct-legend li:hover, .exercise_main_page_nav_buttons i:hover, .audio_player_buttons .audio_player_button:hover, .go_back_button:hover, .sentence_to_favorites:hover, #feedback-btn:hover, .ui-dialog-titlebar .side_popup_close_button:hover, .section_title_container i:hover, #faq .faq_category .faq_title_container i:hover, select:hover, .link:hover { cursor: pointer; } .clickable:hover:disabled, .word-history-floating-button:hover:disabled, .verb-senses .verb_definition_add_word_to_list_button i:hover:disabled, #practice_translation_main_elements #practice_translation #practice_translation_english_text #practice_translation_copy_button:hover:disabled, #practice_translation_main_elements #practice_translation #practice_translation_report_error_button:hover:disabled, #study #study_conjugations_container .study_conjugation_verb:hover:disabled, #study .study_word_comparisons_more_link_container .study_word_comparisons_more_link:hover:disabled, .tense_guide_conjugation_from span:hover:disabled, #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs:hover:disabled, #tense_guide .tense_guide_verbs_list .tense_guide_verb span:hover:disabled, .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element > span:hover:disabled, #error_report_explanation_warning .error_report_explanation_link:hover:disabled, .study_conjugations_tense_container .study_conjugations_tense_label:hover:disabled, #study_conjugations #study_conjugations_verb_not_found .study_conjugations_potential_verb:hover:disabled, .conjugation_explanation_link_intext:hover:disabled, #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover:disabled, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle:hover:disabled, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row:hover:disabled, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle:hover:disabled, #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector > div:hover:disabled, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div:hover:disabled, #crossword_change_style_container #crossword_change_color .crossword_change_color_button:hover:disabled, #crossword_change_style_container #crossword_change_style_close_icon:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_close_icon:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i:hover:disabled, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_overlay_close_icon:hover:disabled, #crossword_box #crossword_open_printable a:hover:disabled, #crossword_box #crossword_report_error_button:hover:disabled, #crossword_box #crossword_save_button:hover:disabled, #crossword_box .crossword_audio_button:hover:disabled, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword_all_clues .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword .crossword_cell input:hover:disabled:not(.active):not(.correct), #crosswords_box .crossword_list_box:hover:disabled, #crosswords_box h2 #crosswords_date_picker_trigger:hover:disabled, #crosswords_box h2 i:hover:disabled, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table .statistics_problem_verb_forms_verb:hover:disabled, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover:disabled, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover:disabled, #statistics .statistics_conjugation_problem_areas i:hover:disabled, #statistics #statistics_list_container .statistics_texts i:hover:disabled, #statistics #statistics_list_container .statistics_conjugation_quick_presets i:hover:disabled, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i:hover:disabled, #statistics #statistics_list_container .statistics_conjugation_presets i:hover:disabled, #statistics #statistics_list_container .statistics_word_lists i:hover:disabled, #statistics #statistics_container h1.chart_title i:hover:disabled, .dictionary .dictionary_footer .dictionary_footer_click_here:hover:disabled, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i:hover:disabled, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i:hover:disabled, .dictionary .dictionary_add_word_all_senses_to_list_button i:hover:disabled, #practice_words_quick_review_interval_selector_container .interval_button:hover:disabled, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonym:hover:disabled, #practice_reverse_words_back h2 i:hover:disabled, #practice_words_back h2 i:hover:disabled, #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i:hover:disabled, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i:hover:disabled, #practice_words_front #practice_words_front_content #practice_words_front_buttons i:hover:disabled, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i:hover:disabled, #sentences .sentences_sentence_buttons i:hover:disabled, #sentences #sentences_import span:hover:disabled, .word_definition_suggestions .word_definition_suggestion_word:hover:disabled, .word_definition_suggestions .word_definition_suggestion_definition:hover:disabled, #excluded_words .excluded_words_word_buttons i:hover:disabled, #excluded_words > p #excluded_words_reactivate_all:hover:disabled, #word_list .word_list_word_buttons i:hover:disabled, #word_list #word_list_table #word_list_order_by_description_button:hover:disabled, #word_list #word_list_table #word_list_order_by_word_button:hover:disabled, #word_list #word_list_buttons i:hover:disabled, #word_lists_first_session_select_container .word_lists_first_session_select_option:hover:disabled, #word_lists_first_session_select_container .listening_first_session_select_option:hover:disabled, #listening_first_session_select_container .word_lists_first_session_select_option:hover:disabled, #listening_first_session_select_container .listening_first_session_select_option:hover:disabled, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i:hover:disabled, #word_lists #auto_word_lists_table .problem_words_info i:hover:disabled, #word_lists #auto_word_lists_table .problem_words_details i:hover:disabled, #word_lists #auto_word_lists_table_reverse .problem_words_info i:hover:disabled, #word_lists #auto_word_lists_table_reverse .problem_words_details i:hover:disabled, #word_lists #word_lists_table_reverse > div:hover:disabled:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists #word_lists_table > div:hover:disabled:not(:nth-child(-n+5)):not(.problem_words_cell), #word_lists_direction_switch_container #word_lists_direction_switch:hover:disabled, #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .verb span:hover:disabled, #practice_conjugations_tatoeba_link i:hover:disabled, #practice_conjugations_report i:hover:disabled, #practice_conjugations_play_audio i:hover:disabled, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover:disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover:disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon:hover:disabled, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i:hover:disabled, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .playable_audio_container:hover:disabled, .conjugation_group_intro .conjugation_group_intro_explanations li:hover:disabled, .conjugation_group_intro .conjugation_group_intro_all_verbs_link:hover:disabled, .conjugation_group_intro .conjugation_group_intro_verb:hover:disabled, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i:hover:disabled, .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_verb:hover:disabled, .play_sample_button:hover:disabled, #delete_user_conjugation_preset_button:hover:disabled, #edit_user_conjugation_preset_button:hover:disabled, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label:hover:disabled, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button:hover:disabled:not(.disabled), #practice_conjugations_header .practice_conjugations_header_element:hover:disabled:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_audio:hover:disabled, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i:hover:disabled, #practice_listening_tatoeba_link:hover:disabled, #practice_listening_report_error_button:hover:disabled, #practice_session_start_button_container #practice_session_start_button:hover:disabled, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i:hover:disabled, #practice_session_end_show_rank span:hover:disabled, #practice_session_end_hide_rank span:hover:disabled, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover:disabled, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i:hover:disabled, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover:disabled, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i:hover:disabled, #practice_rate_buttons_difficulty > div:hover:disabled, #practice_rate_buttons_difficulty i:hover:disabled, #practice_rate_buttons_info_button:hover:disabled, .registration_checkbox_container .info_dialog_button:hover:disabled, #faq #feedback_form_link:hover:disabled, #choose_language #choose_language_languages .choose_language_language:hover:disabled, #index_box #index_text ul #index_text_more_button:hover:disabled, #index_box #index_languages .index_languages_language img:hover:disabled, .ct-chart .ct-legend li:hover:disabled, .exercise_main_page_nav_buttons i:hover:disabled, .audio_player_buttons .audio_player_button:hover:disabled, .go_back_button:hover:disabled, .sentence_to_favorites:hover:disabled, #feedback-btn:hover:disabled, .ui-dialog-titlebar .side_popup_close_button:hover:disabled, .section_title_container i:hover:disabled, #faq .faq_category .faq_title_container i:hover:disabled, select:hover:disabled, .link:hover:disabled { cursor: default; } i.clickable, i.word-history-floating-button, .verb-senses .verb_definition_add_word_to_list_button i, #practice_translation_main_elements #practice_translation #practice_translation_english_text i#practice_translation_copy_button, #practice_translation_main_elements #practice_translation i#practice_translation_report_error_button, #study #study_conjugations_container i.study_conjugation_verb, #study .study_word_comparisons_more_link_container i.study_word_comparisons_more_link, #tense_guide .tense_guide_verbs_list i.tense_guide_more_verbs, #error_report_explanation_warning i.error_report_explanation_link, .study_conjugations_tense_container i.study_conjugations_tense_label, #study_conjugations #study_conjugations_verb_not_found i.study_conjugations_potential_verb, i.conjugation_explanation_link_intext, #crossword_history #crossword_history_table_mobile a i.crossword_history_tenses_toggle, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses i.crossword_history_tenses_toggle, #crossword_history #crossword_history_table_container #crossword_history_table i.crossword_history_row, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider i.ui-slider-handle, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider i.ui-slider-handle, #crossword_change_style_container #crossword_change_color i.crossword_change_color_button, #crossword_change_style_container i#crossword_change_style_close_icon, #crossword_box #crossword_overlay_box i#crossword_overlay_close_icon, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i, #crossword_box #crossword_detailed_scorecard_overlay_box i#crossword_detailed_scorecard_overlay_close_icon, #crossword_box i#crossword_report_error_button, #crossword_box i#crossword_save_button, #crossword_box i.crossword_audio_button, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner i.crossword_all_clues_entry, #crossword_box #crossword_all_clues i.crossword_all_clues_entry, #crossword_box #crossword_all_clues_mobile i.crossword_all_clues_entry, #crosswords_box i.crossword_list_box, #crosswords_box h2 i#crosswords_date_picker_trigger, #crosswords_box h2 i, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table i.statistics_problem_verb_forms_verb, #statistics .statistics_conjugation_problem_areas i, #statistics #statistics_list_container .statistics_texts i, #statistics #statistics_list_container .statistics_conjugation_quick_presets i, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i, #statistics #statistics_list_container .statistics_conjugation_presets i, #statistics #statistics_list_container .statistics_word_lists i, #statistics #statistics_container h1.chart_title i, .dictionary .dictionary_footer i.dictionary_footer_click_here, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i, .dictionary .dictionary_add_word_all_senses_to_list_button i, #practice_words_quick_review_interval_selector_container i.interval_button, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container i.practice_reverse_words_back_synonym, #practice_reverse_words_back h2 i, #practice_words_back h2 i, #practice_words_answers #practice_words_answers_content i.dictionary_confusion_all_meanings_button:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content i.dictionary_confusion_all_meanings_button:not(.disabled), #practice_words_explanations #practice_words_answers_content i.dictionary_confusion_all_meanings_button:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i, #practice_words_front #practice_words_front_content #practice_words_front_buttons i, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i, #sentences .sentences_sentence_buttons i, .word_definition_suggestions i.word_definition_suggestion_word, .word_definition_suggestions i.word_definition_suggestion_definition, #excluded_words .excluded_words_word_buttons i, #excluded_words > p i#excluded_words_reactivate_all, #word_list .word_list_word_buttons i, #word_list #word_list_table i#word_list_order_by_description_button, #word_list #word_list_table i#word_list_order_by_word_button, #word_list #word_list_buttons i, #word_lists_first_session_select_container i.word_lists_first_session_select_option, #word_lists_first_session_select_container i.listening_first_session_select_option, #listening_first_session_select_container i.word_lists_first_session_select_option, #listening_first_session_select_container i.listening_first_session_select_option, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i, #word_lists #auto_word_lists_table .problem_words_info i, #word_lists #auto_word_lists_table .problem_words_details i, #word_lists #auto_word_lists_table_reverse .problem_words_info i, #word_lists #auto_word_lists_table_reverse .problem_words_details i, #word_lists_direction_switch_container i#word_lists_direction_switch, #practice_conjugations_tatoeba_link i, #practice_conjugations_report i, #practice_conjugations_play_audio i, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_question_icon, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text i.playable_audio_container, .conjugation_group_intro i.conjugation_group_intro_all_verbs_link, .conjugation_group_intro i.conjugation_group_intro_verb, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i.practice_conjugations_verb_list_verb, i.play_sample_button, i#delete_user_conjugation_preset_button, i#edit_user_conjugation_preset_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table i.quick_conjugation_presets_min_level_label, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content i.dictionary_confusion_all_meanings_button:not(.disabled), #practice_conjugations_header i.practice_conjugations_header_element:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences i.practice_listening_session_end_audio, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i, i#practice_listening_tatoeba_link, i#practice_listening_report_error_button, #practice_session_start_button_container i#practice_session_start_button, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i, #practice_rate_buttons_difficulty i, i#practice_rate_buttons_info_button, .registration_checkbox_container i.info_dialog_button, #faq i#feedback_form_link, #choose_language #choose_language_languages i.choose_language_language, #index_box #index_text ul i#index_text_more_button, .exercise_main_page_nav_buttons i, .audio_player_buttons i.audio_player_button, .main_box i.go_back_button, i.go_back_button, i.sentence_to_favorites, i#feedback-btn, .ui-dialog-titlebar i.side_popup_close_button, .section_title_container i, #faq .faq_category .faq_title_container i, i.link { transition: all 0.2s ease-in-out; } i.clickable.preference_button, i.preference_button.word-history-floating-button, .verb-senses .verb_definition_add_word_to_list_button i.preference_button, #practice_translation_main_elements #practice_translation #practice_translation_english_text i.preference_button#practice_translation_copy_button, #practice_translation_main_elements #practice_translation i.preference_button#practice_translation_report_error_button, #study #study_conjugations_container i.preference_button.study_conjugation_verb, #study .study_word_comparisons_more_link_container i.preference_button.study_word_comparisons_more_link, #tense_guide .tense_guide_verbs_list i.preference_button.tense_guide_more_verbs, #error_report_explanation_warning i.preference_button.error_report_explanation_link, .study_conjugations_tense_container i.preference_button.study_conjugations_tense_label, #study_conjugations #study_conjugations_verb_not_found i.preference_button.study_conjugations_potential_verb, i.preference_button.conjugation_explanation_link_intext, #crossword_history #crossword_history_table_mobile a i.preference_button.crossword_history_tenses_toggle, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses i.preference_button.crossword_history_tenses_toggle, #crossword_history #crossword_history_table_container #crossword_history_table i.preference_button.crossword_history_row, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider i.preference_button.ui-slider-handle, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider i.preference_button.ui-slider-handle, #crossword_change_style_container #crossword_change_color i.preference_button.crossword_change_color_button, #crossword_change_style_container i.preference_button#crossword_change_style_close_icon, #crossword_box #crossword_overlay_box i.preference_button#crossword_overlay_close_icon, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i.preference_button, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i.preference_button, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i.preference_button, #crossword_box #crossword_detailed_scorecard_overlay_box i.preference_button#crossword_detailed_scorecard_overlay_close_icon, #crossword_box i.preference_button#crossword_report_error_button, #crossword_box i.preference_button#crossword_save_button, #crossword_box i.preference_button.crossword_audio_button, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner i.preference_button.crossword_all_clues_entry, #crossword_box #crossword_all_clues i.preference_button.crossword_all_clues_entry, #crossword_box #crossword_all_clues_mobile i.preference_button.crossword_all_clues_entry, #crosswords_box i.preference_button.crossword_list_box, #crosswords_box h2 i.preference_button#crosswords_date_picker_trigger, #crosswords_box h2 i.preference_button, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table i.preference_button.statistics_problem_verb_forms_verb, #statistics .statistics_conjugation_problem_areas i.preference_button, #statistics #statistics_list_container .statistics_texts i.preference_button, #statistics #statistics_list_container .statistics_conjugation_quick_presets i.preference_button, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i.preference_button, #statistics #statistics_list_container .statistics_conjugation_presets i.preference_button, #statistics #statistics_list_container .statistics_word_lists i.preference_button, #statistics #statistics_container h1.chart_title i.preference_button, .dictionary .dictionary_footer i.preference_button.dictionary_footer_click_here, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i.preference_button, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i.preference_button, .dictionary .dictionary_add_word_all_senses_to_list_button i.preference_button, #practice_words_quick_review_interval_selector_container i.preference_button.interval_button, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container i.preference_button.practice_reverse_words_back_synonym, #practice_reverse_words_back h2 i.preference_button, #practice_words_back h2 i.preference_button, #practice_words_answers #practice_words_answers_content i.preference_button.dictionary_confusion_all_meanings_button:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content i.preference_button.dictionary_confusion_all_meanings_button:not(.disabled), #practice_words_explanations #practice_words_answers_content i.preference_button.dictionary_confusion_all_meanings_button:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i.preference_button, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i.preference_button, #practice_words_front #practice_words_front_content #practice_words_front_buttons i.preference_button, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i.preference_button, #sentences .sentences_sentence_buttons i.preference_button, .word_definition_suggestions i.preference_button.word_definition_suggestion_word, .word_definition_suggestions i.preference_button.word_definition_suggestion_definition, #excluded_words .excluded_words_word_buttons i.preference_button, #excluded_words > p i.preference_button#excluded_words_reactivate_all, #word_list .word_list_word_buttons i.preference_button, #word_list #word_list_table i.preference_button#word_list_order_by_description_button, #word_list #word_list_table i.preference_button#word_list_order_by_word_button, #word_list #word_list_buttons i.preference_button, #word_lists_first_session_select_container i.preference_button.word_lists_first_session_select_option, #word_lists_first_session_select_container i.preference_button.listening_first_session_select_option, #listening_first_session_select_container i.preference_button.word_lists_first_session_select_option, #listening_first_session_select_container i.preference_button.listening_first_session_select_option, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i.preference_button, #word_lists #auto_word_lists_table .problem_words_info i.preference_button, #word_lists #auto_word_lists_table .problem_words_details i.preference_button, #word_lists #auto_word_lists_table_reverse .problem_words_info i.preference_button, #word_lists #auto_word_lists_table_reverse .problem_words_details i.preference_button, #word_lists_direction_switch_container i.preference_button#word_lists_direction_switch, #practice_conjugations_tatoeba_link i.preference_button, #practice_conjugations_report i.preference_button, #practice_conjugations_play_audio i.preference_button, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.preference_button.practice_conjugations_correct_question_icon, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.preference_button.practice_conjugations_correct_question_icon, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.preference_button.practice_conjugations_correct_question_icon, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i.preference_button, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text i.preference_button.playable_audio_container, .conjugation_group_intro i.preference_button.conjugation_group_intro_all_verbs_link, .conjugation_group_intro i.preference_button.conjugation_group_intro_verb, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i.preference_button, i.preference_button.play_sample_button, i.preference_button#delete_user_conjugation_preset_button, i.preference_button#edit_user_conjugation_preset_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table i.preference_button.quick_conjugation_presets_min_level_label, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content i.preference_button.dictionary_confusion_all_meanings_button:not(.disabled), #practice_conjugations_header i.preference_button.practice_conjugations_header_element:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences i.preference_button.practice_listening_session_end_audio, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i.preference_button, i.preference_button#practice_listening_tatoeba_link, i.preference_button#practice_listening_report_error_button, #practice_session_start_button_container i.preference_button#practice_session_start_button, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i.preference_button, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i.preference_button, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i.preference_button, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i.preference_button, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i.preference_button, #practice_rate_buttons_difficulty i.preference_button, i.preference_button#practice_rate_buttons_info_button, .registration_checkbox_container i.preference_button.info_dialog_button, #faq i.preference_button#feedback_form_link, #choose_language #choose_language_languages i.preference_button.choose_language_language, #index_box #index_text ul i.preference_button#index_text_more_button, .exercise_main_page_nav_buttons i.preference_button, .audio_player_buttons i.preference_button.audio_player_button, i.preference_button.go_back_button, i.preference_button.sentence_to_favorites, i.preference_button#feedback-btn, .ui-dialog-titlebar i.preference_button.side_popup_close_button, .section_title_container i.preference_button, #faq .faq_category .faq_title_container i.preference_button, i.preference_button.link { color: #087485; } i.clickable.preference_button.preference_button_off, i.preference_button.preference_button_off.word-history-floating-button, .verb-senses .verb_definition_add_word_to_list_button i.preference_button.preference_button_off, #practice_translation_main_elements #practice_translation #practice_translation_english_text i.preference_button.preference_button_off#practice_translation_copy_button, #practice_translation_main_elements #practice_translation i.preference_button.preference_button_off#practice_translation_report_error_button, #study #study_conjugations_container i.preference_button.preference_button_off.study_conjugation_verb, #study .study_word_comparisons_more_link_container i.preference_button.preference_button_off.study_word_comparisons_more_link, #tense_guide .tense_guide_verbs_list i.preference_button.preference_button_off.tense_guide_more_verbs, #error_report_explanation_warning i.preference_button.preference_button_off.error_report_explanation_link, .study_conjugations_tense_container i.preference_button.preference_button_off.study_conjugations_tense_label, #study_conjugations #study_conjugations_verb_not_found i.preference_button.preference_button_off.study_conjugations_potential_verb, i.preference_button.preference_button_off.conjugation_explanation_link_intext, #crossword_history #crossword_history_table_mobile a i.preference_button.preference_button_off.crossword_history_tenses_toggle, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses i.preference_button.preference_button_off.crossword_history_tenses_toggle, #crossword_history #crossword_history_table_container #crossword_history_table i.preference_button.preference_button_off.crossword_history_row, #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider i.preference_button.preference_button_off.ui-slider-handle, #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider i.preference_button.preference_button_off.ui-slider-handle, #crossword_change_style_container #crossword_change_color i.preference_button.preference_button_off.crossword_change_color_button, #crossword_change_style_container i.preference_button.preference_button_off#crossword_change_style_close_icon, #crossword_box #crossword_overlay_box i.preference_button.preference_button_off#crossword_overlay_close_icon, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i.preference_button.preference_button_off, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i.preference_button.preference_button_off, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i.preference_button.preference_button_off, #crossword_box #crossword_detailed_scorecard_overlay_box i.preference_button.preference_button_off#crossword_detailed_scorecard_overlay_close_icon, #crossword_box i.preference_button.preference_button_off#crossword_report_error_button, #crossword_box i.preference_button.preference_button_off#crossword_save_button, #crossword_box i.preference_button.preference_button_off.crossword_audio_button, #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner i.preference_button.preference_button_off.crossword_all_clues_entry, #crossword_box #crossword_all_clues i.preference_button.preference_button_off.crossword_all_clues_entry, #crossword_box #crossword_all_clues_mobile i.preference_button.preference_button_off.crossword_all_clues_entry, #crosswords_box i.preference_button.preference_button_off.crossword_list_box, #crosswords_box h2 i.preference_button.preference_button_off#crosswords_date_picker_trigger, #crosswords_box h2 i.preference_button.preference_button_off, #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table i.preference_button.preference_button_off.statistics_problem_verb_forms_verb, #statistics .statistics_conjugation_problem_areas i.preference_button.preference_button_off, #statistics #statistics_list_container .statistics_texts i.preference_button.preference_button_off, #statistics #statistics_list_container .statistics_conjugation_quick_presets i.preference_button.preference_button_off, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i.preference_button.preference_button_off, #statistics #statistics_list_container .statistics_conjugation_presets i.preference_button.preference_button_off, #statistics #statistics_list_container .statistics_word_lists i.preference_button.preference_button_off, #statistics #statistics_container h1.chart_title i.preference_button.preference_button_off, .dictionary .dictionary_footer i.preference_button.preference_button_off.dictionary_footer_click_here, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i.preference_button.preference_button_off, .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i.preference_button.preference_button_off, .dictionary .dictionary_add_word_all_senses_to_list_button i.preference_button.preference_button_off, #practice_words_quick_review_interval_selector_container i.preference_button.preference_button_off.interval_button, #practice_reverse_words_back .practice_reverse_words_back_synonyms_container i.preference_button.preference_button_off.practice_reverse_words_back_synonym, #practice_reverse_words_back h2 i.preference_button.preference_button_off, #practice_words_back h2 i.preference_button.preference_button_off, #practice_words_answers #practice_words_answers_content i.preference_button.preference_button_off.dictionary_confusion_all_meanings_button:not(.disabled), #practive_words_answers_on_back #practice_words_answers_content i.preference_button.preference_button_off.dictionary_confusion_all_meanings_button:not(.disabled), #practice_words_explanations #practice_words_answers_content i.preference_button.preference_button_off.dictionary_confusion_all_meanings_button:not(.disabled), #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i.preference_button.preference_button_off, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i.preference_button.preference_button_off, #practice_words_front #practice_words_front_content #practice_words_front_buttons i.preference_button.preference_button_off, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i.preference_button.preference_button_off, #sentences .sentences_sentence_buttons i.preference_button.preference_button_off, .word_definition_suggestions i.preference_button.preference_button_off.word_definition_suggestion_word, .word_definition_suggestions i.preference_button.preference_button_off.word_definition_suggestion_definition, #excluded_words .excluded_words_word_buttons i.preference_button.preference_button_off, #excluded_words > p i.preference_button.preference_button_off#excluded_words_reactivate_all, #word_list .word_list_word_buttons i.preference_button.preference_button_off, #word_list #word_list_table i.preference_button.preference_button_off#word_list_order_by_description_button, #word_list #word_list_table i.preference_button.preference_button_off#word_list_order_by_word_button, #word_list #word_list_buttons i.preference_button.preference_button_off, #word_lists_first_session_select_container i.preference_button.preference_button_off.word_lists_first_session_select_option, #word_lists_first_session_select_container i.preference_button.preference_button_off.listening_first_session_select_option, #listening_first_session_select_container i.preference_button.preference_button_off.word_lists_first_session_select_option, #listening_first_session_select_container i.preference_button.preference_button_off.listening_first_session_select_option, #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i.preference_button.preference_button_off, #word_lists #auto_word_lists_table .problem_words_info i.preference_button.preference_button_off, #word_lists #auto_word_lists_table .problem_words_details i.preference_button.preference_button_off, #word_lists #auto_word_lists_table_reverse .problem_words_info i.preference_button.preference_button_off, #word_lists #auto_word_lists_table_reverse .problem_words_details i.preference_button.preference_button_off, #word_lists_direction_switch_container i.preference_button.preference_button_off#word_lists_direction_switch, #practice_conjugations_tatoeba_link i.preference_button.preference_button_off, #practice_conjugations_report i.preference_button.preference_button_off, #practice_conjugations_play_audio i.preference_button.preference_button_off, #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.preference_button.preference_button_off.practice_conjugations_correct_question_icon, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.preference_button.preference_button_off.practice_conjugations_correct_question_icon, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.preference_button.preference_button_off.practice_conjugations_correct_question_icon, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i.preference_button.preference_button_off, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text i.preference_button.preference_button_off.playable_audio_container, .conjugation_group_intro i.preference_button.preference_button_off.conjugation_group_intro_all_verbs_link, .conjugation_group_intro i.preference_button.preference_button_off.conjugation_group_intro_verb, .practice_conjugations_verb_list .practice_conjugations_verb_list_row i.preference_button.preference_button_off, i.preference_button.preference_button_off.play_sample_button, i.preference_button.preference_button_off#delete_user_conjugation_preset_button, i.preference_button.preference_button_off#edit_user_conjugation_preset_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table i.preference_button.preference_button_off.quick_conjugation_presets_min_level_label, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content i.preference_button.preference_button_off.dictionary_confusion_all_meanings_button:not(.disabled), #practice_conjugations_header i.preference_button.preference_button_off.practice_conjugations_header_element:not(.practice_conjugations_header_selected_element), #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences i.preference_button.preference_button_off.practice_listening_session_end_audio, #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i.preference_button.preference_button_off, i.preference_button.preference_button_off#practice_listening_tatoeba_link, i.preference_button.preference_button_off#practice_listening_report_error_button, #practice_session_start_button_container i.preference_button.preference_button_off#practice_session_start_button, #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i.preference_button.preference_button_off, .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i.preference_button.preference_button_off, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i.preference_button.preference_button_off, .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i.preference_button.preference_button_off, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i.preference_button.preference_button_off, #practice_rate_buttons_difficulty i.preference_button.preference_button_off, i.preference_button.preference_button_off#practice_rate_buttons_info_button, .registration_checkbox_container i.preference_button.preference_button_off.info_dialog_button, #faq i.preference_button.preference_button_off#feedback_form_link, #choose_language #choose_language_languages i.preference_button.preference_button_off.choose_language_language, #index_box #index_text ul i.preference_button.preference_button_off#index_text_more_button, .exercise_main_page_nav_buttons i.preference_button.preference_button_off, .audio_player_buttons i.preference_button.preference_button_off.audio_player_button, i.preference_button.preference_button_off.go_back_button, i.preference_button.preference_button_off.sentence_to_favorites, i.preference_button.preference_button_off#feedback-btn, .ui-dialog-titlebar i.preference_button.preference_button_off.side_popup_close_button, .section_title_container i.preference_button.preference_button_off, #faq .faq_category .faq_title_container i.preference_button.preference_button_off, i.preference_button.preference_button_off.link { color: #e7e7e7; } input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], textarea { font-size: 1.6rem; font-weight: 400; padding: 0.3rem 0.7rem; border-radius: 0.4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); resize: none; overflow: auto; box-shadow: none; outline: none; } textarea { padding: 1rem; } input:not(input[type=radio]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } strong { font-weight: 600; } .italic { font-style: italic !important; } .page_title { text-align: center; } .pagination_container { text-align: center; margin-top: 2rem; } .pagination_container .pagination { display: inline-block; margin: auto; } .pagination_container .pagination * { font-weight: 600 !important; color: black; } .pagination_container .pagination i * { color: #087485; } .pagination_container .pagination li .ellipse { position: relative; top: 1rem; } .pagination_container .pagination li span:not(.ellipse) { border: 2px solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; box-shadow: none; padding: 0.15rem 0.4rem; margin: 0.3rem 0.2rem; display: inline-block; font-size: 1.2rem; } .pagination_container .pagination li span:not(.ellipse):hover { cursor: default; } .pagination_container .pagination li.disabled span:not(.ellipse) { background-color: rgb(206, 227, 231); color: rgb(170, 170, 170); } .pagination_container .pagination li.active span { background-color: #087485; color: white; } .rotate, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_featured_label, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label { transform: perspective(1px) rotate(-90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */ -webkit-transform: perspective(1px) rotate(-90deg); /* Firefox */ -moz-transform: perspective(1px) rotate(-90deg); /* IE */ -ms-transform: perspective(1px) rotate(-90deg); /* Opera */ -o-transform: perspective(1px) rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /* RADIO BUTTONS */ /* Customize the label (the container) */ .radio_button_container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .radio_button_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button */ .radio_button_checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; transition: all 0.3s ease-out; border: 1px solid #ddd; } /* On mouse-over, add a grey background color */ .radio_button_container:hover input ~ .radio_button_checkmark { background-color: #ccc; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } /* When the radio button is checked, add a blue background */ .radio_button_container input:checked ~ .radio_button_checkmark { background-color: #087485; border-color: #087485; } /* Create the indicator (the dot/circle - hidden when not checked) */ .radio_button_checkmark:after { content: ""; position: absolute; display: block; top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: white; transform: translate(-50%, -50%) scale(0); transition: transform 0.3s ease-out; } /* Show the indicator (dot/circle) when checked */ .radio_button_container input:checked ~ .radio_button_checkmark:after { transform: translate(-50%, -50%) scale(1); } /* KEYFRAMES */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } } @keyframes heartbeatOn { 0%, 100% { color: #f22e2e; } 50% { color: #e7e7e7; } } @keyframes heartbeatOff { 0%, 100% { color: #e7e7e7; } 50% { color: #f22e2e; } } .ui-autocomplete { font-size: 1.6rem; z-index: 1000; } .ui-tooltip { font-size: 1.6rem !important; } .ui-dialog .ui-dialog-title { white-space: normal; line-height: 1.5; } .notransition { transition: none !important; } .section_title_container, #faq .faq_category .faq_title_container { width: 100%; text-align: left; } .section_title_container .section_title, #faq .faq_category .faq_title_container .section_title, #faq .faq_category .faq_title_container .faq_title { font-size: 1.9rem; margin: 2rem 0 1rem 0; background-color: rgba(8, 116, 133, 0.075); padding: 0.8rem 1.6rem; border-radius: 0 1.5rem 0 1.5rem; border: 0.1rem solid #087485; display: inline-block; } .section_title_container .small_section_title, #faq .faq_category .faq_title_container .small_section_title { font-size: 1.5rem; margin: 2rem 0 1rem 0; background-color: rgba(8, 116, 133, 0.075); padding: 0.5rem 1rem; border-radius: 0 1rem 0 1rem; border: 0.1rem solid #087485; display: inline-block; } .section_title_container i, #faq .faq_category .faq_title_container i { margin-left: 0.6rem; font-size: 2.4rem; position: relative; top: 0.4rem; } /* Conjugations page: disclaimer for Portuguese reflexive proclisis note */ .study_conjugations_disclaimer { margin: 0.6rem 0 1.4rem 0; font-size: 1.5rem; line-height: 2; background: rgba(8, 116, 133, 0.075); border: none; border-left: 0.3rem solid #087485; padding: 0.6rem 0.9rem; border-radius: 0.4rem; text-align: left; } .study_conjugations_disclaimer a { color: #087485; text-decoration: underline; } .study_conjugations_disclaimer .disclaimer_italic { font-style: italic; font-weight: 400; } .box_label { position: absolute; top: -1.5rem; left: 2rem; height: 2rem; min-width: 10rem; background-color: white; border-radius: 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); text-align: center; padding: 0.3rem 1rem 0.7rem 1rem; font-size: 1.9rem; font-weight: 600; } .title_emphasis { font-weight: 600; font-style: italic; } .title_emphasis .tense_box { font-style: normal; } .title_emphasis .statistics_conjugations_quick_preset_text { margin-top: 1.5rem; font-weight: 400; font-size: 1.8rem; } .knowledge_score_icon { font-size: 100% !important; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 44px; height: 24px; /* Hide default HTML checkbox */ } .switch input { opacity: 0; width: 0; height: 0; } .switch { /* The slider */ } .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 24px; transition: all 0.4s; } .switch .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: all 0.4s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .switch input:checked + .slider { background-color: #087485; } .switch input:focus + .slider { box-shadow: 0 0 1px #087485; } .switch input:checked + .slider:before { transform: translateX(20px); } /*** COLORS ***/ .tense_box { white-space: nowrap; border: 0.1rem solid black; border-radius: 0.8rem; font-size: 1.4rem; margin: auto; padding: 0.4rem 0.6rem; width: min-content; font-weight: 600; } .tense_box.black { background-color: rgb(230, 230, 230); border-color: rgb(51, 51, 51); } .tense_box.blue_light { background-color: rgb(235, 250, 255); border-color: rgb(92, 214, 255); } .tense_box.blue_dark { background-color: rgb(230, 235, 245); border-color: rgb(51, 92, 173); } .tense_box.brown { background-color: rgb(240, 235, 230); border-color: rgb(133, 92, 51); } .tense_box.green_dark { background-color: rgb(230, 240, 230); border-color: rgb(51, 133, 51); } .tense_box.green_light { background-color: rgb(243, 251, 235); border-color: rgb(160, 222, 92); } .tense_box.grey { background-color: rgb(242, 242, 242); border-color: rgb(153, 153, 153); } .tense_box.orange { background-color: rgb(255, 243, 230); border-color: rgb(255, 173, 51); } .tense_box.purple { background-color: rgb(250, 240, 255); border-color: rgb(214, 133, 255); } .tense_box.purple_dark { background-color: rgb(245, 214, 235); border-color: rgb(214, 0, 255); } .tense_box.red_dark { background-color: rgb(248, 230, 230); border-color: rgb(195, 51, 51); } .tense_box.red_light { background-color: rgb(255, 230, 230); border-color: rgb(255, 51, 51); } .tense_box.black, .tense_box.black *, .crossword_all_clues_cloze_solved.black, .crossword_all_clues_cloze_solved.black * { color: rgb(0, 0, 0) !important; } .tense_box.blue_light, .tense_box.blue_light *, .crossword_all_clues_cloze_solved.blue_light, .crossword_all_clues_cloze_solved.blue_light * { color: rgb(51, 204, 255) !important; } .tense_box.blue_dark, .tense_box.blue_dark *, .crossword_all_clues_cloze_solved.blue_dark, .crossword_all_clues_cloze_solved.blue_dark * { color: rgb(0, 51, 153) !important; } .tense_box.brown, .tense_box.brown *, .crossword_all_clues_cloze_solved.brown, .crossword_all_clues_cloze_solved.brown * { color: rgb(102, 51, 0) !important; } .tense_box.green_dark, .tense_box.green_dark *, .crossword_all_clues_cloze_solved.green_dark, .crossword_all_clues_cloze_solved.green_dark * { color: rgb(0, 102, 0) !important; } .tense_box.green_light, .tense_box.green_light *, .crossword_all_clues_cloze_solved.green_light, .crossword_all_clues_cloze_solved.green_light * { color: rgb(136, 214, 51) !important; } .tense_box.grey, .tense_box.grey *, .crossword_all_clues_cloze_solved.grey, .crossword_all_clues_cloze_solved.grey * { color: rgb(127, 127, 127) !important; } .tense_box.orange, .tense_box.orange *, .crossword_all_clues_cloze_solved.orange, .crossword_all_clues_cloze_solved.orange * { color: rgb(255, 153, 0) !important; } .tense_box.purple, .tense_box.purple *, .crossword_all_clues_cloze_solved.purple, .crossword_all_clues_cloze_solved.purple * { color: rgb(204, 102, 255) !important; } .tense_box.purple_dark, .tense_box.purple_dark *, .crossword_all_clues_cloze_solved.purple_dark, .crossword_all_clues_cloze_solved.purple_dark * { color: rgb(204, 50, 220) !important; } .tense_box.red_dark, .tense_box.red_dark *, .crossword_all_clues_cloze_solved.red_dark, .crossword_all_clues_cloze_solved.red_dark * { color: rgb(180, 0, 0) !important; } .tense_box.red_light, .tense_box.red_light *, .crossword_all_clues_cloze_solved.red_light, .crossword_all_clues_cloze_solved.red_light * { color: rgb(255, 0, 0) !important; } .tense_color_black i { color: rgba(0, 0, 0, 0.8) !important; } .tense_color_grey i { color: rgba(127, 127, 127, 0.8) !important; } .tense_color_purple i { color: rgb(204, 102, 255) !important; } .tense_color_purple_dark i { color: rgb(177, 30, 178) !important; } .tense_color_orange i { color: rgba(255, 153, 0, 0.8) !important; } .tense_color_brown i { color: rgba(102, 51, 0, 0.8) !important; } .tense_color_green_light i { color: #88d633 !important; } .tense_color_green_dark i { color: rgba(0, 102, 0, 0.8) !important; } .tense_color_blue_light i { color: rgba(51, 204, 255, 0.8) !important; } .tense_color_blue_dark i { color: rgba(0, 51, 153, 0.8) !important; } .tense_color_red_light i { color: rgba(255, 0, 0, 0.8) !important; } .tense_color_red_dark i { color: rgba(180, 0, 0, 0.8) !important; } .correct_color { background-color: rgba(0, 255, 0, 0.15); } .incorrect_color { background-color: rgba(255, 0, 0, 0.15); } .note { text-align: justify; font-size: 1.2rem; font-style: italic; margin: 1.2rem 0.7rem; line-height: 1.5; } .note a { border-bottom: 0.1rem solid black; } .statistics_conjugation_crosswords_note { margin-top: -4rem; margin-left: 5rem; margin-bottom: 4rem; } .warning { text-align: justify; font-size: 1.2rem; padding: 0.6rem 0.7rem; margin: 0.6rem 0; border-radius: 0.8rem; line-height: 1.5; font-weight: 400; } .warning .warning_label { font-weight: 600; text-decoration: underline; } .warning.warning_strong { background-color: rgba(255, 0, 0, 0.15); } /*** DIALOGS ***/ .ui-dialog { border-radius: 1rem; padding: 0 !important; position: fixed; z-index: 1000; } .ui-dialog-content { padding-top: 1rem; padding: 0 !important; padding-bottom: 1rem !important; max-height: 50vh; } .ui-dialog-titlebar { font-size: 1.9rem; font-weight: bold; text-align: center; background: #ffffff !important; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem 0.5rem 0 0; } .ui-dialog-titlebar .ui-dialog-title { width: 90%; } .ui-dialog-titlebar .side_popup_close_button { position: absolute; right: 1.5rem; top: 1rem; font-size: 2rem; } .ui-dialog-buttonpane { font-size: 4rem; } .side_popup_container .side_popup { font-size: 1.7rem; line-height: 1.75; z-index: 10000; position: relative; } .side_popup_container .side_popup .inner { padding: 1rem 2.2rem 1rem 2.2rem; } .side_popup_container .side_popup .inner.justify { text-align: justify; } .side_popup_container .side_popup h2 { margin-bottom: 1rem; } .side_popup_container .side_popup ul, .side_popup_container .side_popup ol { list-style: disc; padding-left: 2rem; } .side_popup_container .side_popup ul li, .side_popup_container .side_popup ol li { margin-bottom: 0.5rem; } .side_popup_container .side_popup ol { list-style-type: decimal; } .side_popup_container .side_popup a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .side_popup_container .side_popup p { padding-bottom: 1rem; } .ui-dialog-content { border-radius: 0 0 1.2rem 1.2rem; } .info_dialog_source { float: right; font-size: 1.2rem; } #error_report_type_selector_container { margin-top: 1.5rem; margin-bottom: 0.5rem; } #error_report_type_error { color: red !important; margin-top: 1rem; font-size: 1.5rem; } #error_report_comment { margin-top: 1rem; width: 80%; } /*** FEEDBACK ***/ #feedback-module p { font-size: 1.6rem; margin: 1rem 0; text-align: justify; line-height: 1.5; } #feedback-module textarea { font-size: 1.6rem; line-height: 1.5; padding: 0.5rem 1rem; border-radius: 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #feedback-module .feedback-label { margin-bottom: 2rem; } #feedback-module .feedback-label i { margin-right: 1rem; font-size: 3.6rem; position: relative; top: 0.8rem; } #feedback-module .feedback-note-tmp { margin-top: 2rem; } #feedback-module #feedback_send_button_container { margin-top: 2rem; text-align: center; } #feedback-module #feedback-user-email { padding: 1rem 1rem; border-radius: 0.8rem; margin-bottom: 1rem; width: 25rem; } #feedback-module .feedback-next-btn, #feedback-module .feedback-back-btn, #feedback-module .feedback-submit-btn, #feedback-module .feedback-close-btn { width: auto; height: auto; line-height: auto; color: black; } #feedback-module > div { padding: 2rem 3.2rem 2.4rem 3.2rem; border: none; border-radius: 0.8rem; } #feedback-module #feedback-welcome #feedback-welcome-error { font-size: 1.6rem; } #feedback-module #feedback-welcome a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #feedback-module #feedback-highlighter { height: 30rem; } #feedback-module #feedback-highlighter label { font-size: 1.4rem; } #feedback-module #feedback-overview-screenshot #feedback-overview-no-screenshot { font-size: 2rem; text-align: center; position: relative; right: 7rem; top: 7rem; } #feedback-module #feedback-browser-info, #feedback-module #feedback-page-info { margin-left: 0.5rem; font-size: 1.4rem; } #feedback-module #feedback-session-data-info { margin-top: 1.6rem; } #feedback-btn { font-size: 1.8rem; padding: 0.5rem 1rem; border-radius: 1.2rem 1.2rem 0 0; border: none; background-color: #e7e7e7; } .vertical-right-aligned { transform: rotate(-90deg); transform-origin: 100% 100%; position: fixed; right: 0; bottom: 15%; z-index: 100; } /*** CUSTOM SELECT ***/ .custom_select_container { position: relative; } .custom_select_container select { display: none; /*hide original SELECT element: */ } .custom_select_container:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } .custom-select-wrapper { position: relative; display: inline-block; user-select: none; z-index: 300; } .custom-select-wrapper select { display: none; } .custom-select { position: relative; display: inline-block; } .custom-select-trigger { position: relative; display: block; padding: 0 70px 0 20px; font-size: 2rem; font-weight: 300; color: #fff; line-height: 4rem; background: #5c9cd8; border-radius: 4px; cursor: pointer; border: 0.1rem solid #e7e7e7; border-radius: 10px; } .custom-select-trigger:after { position: absolute; display: block; content: ""; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 0.1rem solid #fff; border-right: 0.1rem solid #fff; transform: rotate(45deg) translateY(-50%); transition: all 0.4s ease-in-out; transform-origin: 50% 0; } .custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); } .custom-options { width: 22rem; overflow-x: hidden; position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; margin: 1.5rem 0; border: 0.1rem solid #b5b5b5; border-radius: 0.5rem; box-sizing: border-box; box-shadow: 0 0.2rem 0.1rem rgba(0, 0, 0, 0.07); background: #fff; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); } .custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); } .custom-options:before { position: absolute; display: block; content: ""; bottom: 100%; right: 2.5rem; width: 0.7rem; height: 0.7rem; margin-bottom: -0.4rem; border-top: 0.1rem solid #b5b5b5; border-left: 0.1rem solid #b5b5b5; background: #fff; transform: rotate(45deg); transition: all 0.4s ease-in-out; } .option-hover:before { background: #f9f9f9; } .custom-option { position: relative; display: block; font-size: 1.8rem; padding: 0 0 0 1.1rem; font-weight: 300; color: #b5b5b5; line-height: 4.2rem; cursor: pointer; transition: all 0.4s ease-in-out; } .custom-option span { content: ""; } .custom-option a { padding: 0 1.1rem; } .custom-option:first-of-type { border-radius: 0.4rem 0.4rem 0 0; } .custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 0.4rem 0.4rem; } .custom-option:hover, .custom-option.selection { background: #f9f9f9; } #ui-datepicker-div { font-size: 1.6rem; } .sentence_to_favorites { font-size: 2.7rem; } .sentence_to_favorites i { transition: color 0.5s ease-in-out; } .sentence_to_favorites i.sentence_to_favorites_on { color: rgb(242, 46, 46); } .sentence_to_favorites i.sentence_to_favorites_off { color: #e7e7e7; } .go_back_button { position: absolute; left: 1.2rem; top: 0.6rem; font-size: 2.6rem; } .main_box .go_back_button { position: absolute; left: 2rem; top: 1.2rem; font-size: 3.2rem; } .audio_player_buttons { font-size: 4rem; margin: auto; width: 17rem; height: 8rem; position: relative; } .audio_player_buttons .audio_player_button { display: inline-block; position: absolute; background-color: #e7e7e7; width: 7.3rem; height: 7.3rem; border-radius: 25rem; } .audio_player_buttons .audio_player_button i { color: rgba(8, 116, 133, 0.45); position: relative; top: 1.1rem; } .audio_player_buttons .audio_player_button#audio_player_play_button, .audio_player_buttons .audio_player_button#audio_player_pause_button { left: 0; } .audio_player_buttons .audio_player_button#audio_player_play_button i { left: 0.4rem; } .audio_player_buttons .audio_player_button#audio_player_play_slow_button, .audio_player_buttons .audio_player_button#audio_player_pause_slow_button { right: 0; } .audio_player_buttons .audio_player_button#audio_player_play_slow_button i { left: 0.1rem; } .audio_player_buttons .audio_player_button:hover i { color: #087485; } .exercise_main_page_nav_buttons { text-align: right; margin-top: 1rem; margin-bottom: -1rem; } .exercise_main_page_nav_buttons i { margin-left: 1rem; font-size: 3rem; } .exercise_main_page_nav_buttons .nav_button_with_badge { position: relative; display: inline-block; } .exercise_main_page_nav_buttons .nav_button_with_badge .nav_button_new_badge { position: absolute; top: -0.5rem; right: -0.9rem; background-color: #e74c3c; color: white; font-size: 0.8rem; font-weight: 700; padding: 0.1rem 0.4rem; border-radius: 0.3rem; line-height: 1.2; letter-spacing: 0.5px; pointer-events: none; } /*** BREADCRUMBS - Reusable Component *** * * Basic usage: * * * Available modifiers: * - breadcrumb-nav--compact: Less bottom margin * - breadcrumb-nav--spaced: More bottom margin * - breadcrumb-nav--center: Center aligned * - breadcrumb-nav--right: Right aligned * - breadcrumb-nav--offset: Page-specific positioning * * - breadcrumb--small: Smaller size * - breadcrumb--large: Larger size * - breadcrumb--flat: Flat style without gradient * - breadcrumb--minimal: No background/border * - breadcrumb--arrows: Arrow separators (→) * - breadcrumb--dots: Dot separators (•) * - breadcrumb--slashes: Slash separators (/) ***/ .breadcrumb-nav { margin-bottom: 2rem; text-align: left; position: relative; } .breadcrumb-nav.breadcrumb-nav--compact { margin-bottom: 1rem; } .breadcrumb-nav.breadcrumb-nav--spaced { margin-bottom: 3rem; } .breadcrumb-nav.breadcrumb-nav--center { text-align: center; } .breadcrumb-nav.breadcrumb-nav--right { text-align: right; } .breadcrumb-nav.breadcrumb-nav--offset { top: -0.5rem; left: -0.5rem; } .breadcrumb { list-style: none; padding: 0.8rem 1.2rem; margin: 0; background: linear-gradient(135deg, rgba(8, 116, 133, 0.075), rgba(255, 255, 255, 0.3)); border-radius: 0.8rem; border: 1px solid rgba(8, 116, 133, 0.2); display: inline-flex; align-items: center; box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.05); font-size: 1.4rem; line-height: normal !important; transition: all 0.2s ease; } .breadcrumb.breadcrumb--small { padding: 0.6rem 1rem; font-size: 1.2rem; } .breadcrumb.breadcrumb--small li:not(:last-child)::after { margin: 0 0.6rem; font-size: 1.4rem; } .breadcrumb.breadcrumb--large { padding: 1rem 1.6rem; font-size: 1.6rem; } .breadcrumb.breadcrumb--large li:not(:last-child)::after { margin: 0 1rem; font-size: 1.8rem; } .breadcrumb.breadcrumb--flat { background: rgba(255, 255, 255, 0.8); box-shadow: none; border: 1px solid #e7e7e7; } .breadcrumb.breadcrumb--minimal { background: transparent; border: none; box-shadow: none; padding: 0.4rem 0.8rem; } .breadcrumb li { display: inline-flex; align-items: center; } .breadcrumb li:not(:last-child)::after { content: "›"; margin: 0 0.8rem; color: rgba(8, 116, 133, 0.45); font-size: 1.6rem; font-weight: 600; } .breadcrumb li a { color: #087485; text-decoration: none; font-weight: 500; transition: all 0.2s ease; border-radius: 0.4rem; padding: 0.3rem 0.6rem; margin: -0.3rem -0.6rem; } .breadcrumb li a:hover { color: rgba(8, 116, 133, 0.7); background-color: rgba(255, 255, 255, 0.6); transform: translateY(-1px); } .breadcrumb li.breadcrumb-item--active span, .breadcrumb li.active span { color: #434343; font-weight: 600; font-size: 1.3rem; } .breadcrumb.breadcrumb--arrows li:not(:last-child)::after { content: "→"; } .breadcrumb.breadcrumb--dots li:not(:last-child)::after { content: "•"; font-size: 1.2rem; } .breadcrumb.breadcrumb--slashes li:not(:last-child)::after { content: "/"; font-weight: 400; } .anno-btn { background: rgb(206, 227, 231) !important; color: black !important; } /*** BOXES ***/ .white_box, .word-history-item, #tense_guide, #study_conjugations, #statistics, #practice_reverse_words_back, #practice_words_back, #practice_words, #practice_reverse_words, #sentences, #excluded_words, #word_list, #word_lists_first_session_select_container, #listening_first_session_select_container, #word_lists_settings_container, #word_lists, #practice_conjugations, #practice_conjugations_setup_form > div, #practice_listening_solution, #practice_listening, #practice_session_start_button_container, #practice_listening_custom_settings_container, #practice_listening_setup_box, .practice_session_end, #language_index_box, .main_box { text-align: center; border-radius: 1.2rem; background-color: #ffffff; box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; } .main_centered_box, #tense_guide, #study_conjugations, #statistics, #practice_reverse_words_back, #practice_words_back, #practice_words, #practice_reverse_words, #sentences, #excluded_words, #word_list, #word_lists_first_session_select_container, #listening_first_session_select_container, #word_lists_settings_container, #word_lists, #practice_conjugations, #practice_conjugations_setup_form > div, #practice_listening_solution, #practice_listening, #practice_session_start_button_container, #practice_listening_custom_settings_container, #practice_listening_setup_box, .practice_session_end, #language_index_box, .main_box { margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; } /*** IMAGES ***/ .translation_flag { float: left; height: 2.6rem; width: 2.6rem; opacity: 0.7; } .language_selector_icon { position: relative; margin-right: 0.5rem; top: 0.6rem; right: 0.6rem; height: 2.6rem; width: 2.6rem; opacity: 0.9; } .tense_dialect_flag { width: 1.9rem; height: 1.9rem; position: relative; top: 0.3rem; left: 0.3rem; } .sentence_to_favorites img { width: 3.4rem; height: 2.9rem; } /*** GRAPHS ***/ .ct-chart { padding: 2rem 2rem 2rem 0; position: relative; background-color: rgba(8, 116, 133, 0.2) !important; border: 1px solid rgba(8, 116, 133, 0.2); } .ct-chart .loader { position: relative; left: 1rem; top: 15rem; } .ct-chart .ct-label.ct-horizontal { width: 7rem !important; font-size: 1.2rem; font-weight: 600; margin-top: 0.3rem; text-align: center; line-height: 1.25; } .ct-chart .ct-label.ct-vertical { font-size: 1.2rem; font-weight: 600; } .ct-chart .ct-line, .ct-chart .ct-bar:not(.ct-stacked-bar) { stroke: #087485; } .ct-chart .ct-series-a .ct-stacked-bar { stroke: #F0624D; } .ct-chart .ct-series-b .ct-stacked-bar { stroke: #38A6D8; } .ct-chart .ct-series-c .ct-stacked-bar { stroke: #81C14B; } .ct-chart .ct-series-d .ct-stacked-bar { stroke: rgba(246, 183, 92, 0.8); } .ct-chart .ct-line { stroke-width: 0.2rem; } .ct-chart .ct-bar-7 { stroke-width: 3.5rem; } .ct-chart .ct-bar-30 { stroke-width: 1.1rem; } .ct-chart .ct-bar-365 { stroke-width: 2.5rem; } .ct-chart .ct-area { fill: #087485; fill-opacity: 0.5; } .ct-chart .ct-point { opacity: 0; } .ct-chart .chartist-tooltip { background-color: white !important; border-radius: 1.2rem; padding: 0.5rem 0.7rem !important; } .ct-chart .chartist-tooltip .chartist-tooltip-meta { display: none; } .ct-chart .chartist-tooltip .chartist-tooltip-value { font-size: 1.6rem !important; line-height: 1.5; } .ct-chart .chartist-tooltip .chartist-tooltip-value .chartist-tooltip-time { font-size: 1.1rem; font-style: italic; } .ct-chart .chartist-tooltip:before { margin-left: -1.5rem; border-top-color: #087485 !important; opacity: 0.6; } .ct-chart .chartist-tooltip.ct-series-a:before { border-top-color: #F0624D !important; } .ct-chart .chartist-tooltip.ct-series-b:before { border-top-color: #38A6D8 !important; } .ct-chart .chartist-tooltip.ct-series-c:before { border-top-color: #81C14B !important; } .ct-chart .chartist-tooltip.ct-series-d:before { border-top-color: rgba(246, 183, 92, 0.8) !important; } .ct-chart .ct-legend { position: relative; z-index: 10; bottom: 2rem; left: 1rem; } .ct-chart .ct-legend li { position: relative; padding-left: 2.3rem; margin-right: 1rem; display: inline-block; font-size: 1.4rem; } .ct-chart .ct-legend li:before { width: 12px; height: 12px; position: absolute; left: 0; content: ""; border: 3px solid transparent; border-radius: 2px; } .ct-chart .ct-legend li.inactive:before { background: transparent; } .ct-chart .ct-legend.ct-legend-inside { position: absolute; top: 0; right: 0; } .ct-chart .ct-legend .ct-series-0:before { background-color: #F0624D; border-color: #F0624D; } .ct-chart .ct-legend .ct-series-1:before { background-color: #38A6D8; border-color: #38A6D8; } .ct-chart .ct-legend .ct-series-2:before { background-color: #81C14B; border-color: #81C14B; } .ct-chart .ct-legend .ct-series-3:before { background-color: rgba(246, 183, 92, 0.8); border-color: rgba(246, 183, 92, 0.8); } /* HEADER */ #page_header { height: 8rem; background-color: #087485; } #header_container { width: 95%; margin: auto; position: relative; top: 1.1rem; } #header_container > * { display: inline-block; } #header_container * { background-color: #087485; color: #e7e7e7; font-size: 1.8rem; } #header_title img { width: 15.9rem; height: 6.2rem; } #header_title span { position: relative; bottom: 0.8rem; right: 0.2rem; } #header_language_selector_container { margin-top: 0.5rem; display: inline; position: relative; top: 0.5rem; } #header_language_selector_container * { z-index: 999; } #header_initial_language_selector_container { margin-top: 0.5rem; display: inline; } #header_initial_language_selector_container * { z-index: 999; } #header_page_selector_container { display: inline; margin-right: 1rem; margin-top: 0.5rem; position: relative; top: 0.5rem; } #header_page_selector_container * { z-index: 999; } #header_buttons_container { display: inline; float: left; margin-right: 1rem; } #header_buttons_container .header_button { font-size: 2.2rem; } #header_nav_container { float: right; } /* INDEX */ #index_box #index_logo { padding-right: 1.5rem; padding-left: 1.5rem; height: 13rem; margin-bottom: 1rem; } #index_box h1 { font-size: 1.8rem; font-weight: 400; } #index_box #index_languages { margin-top: 1rem; display: grid; grid-template-columns: repeat(7, 1fr); } #index_box #index_languages .index_languages_language { font-size: 1.5rem; display: inline-block; } #index_box #index_languages .index_languages_language img { height: 6rem; width: 6rem; } #index_box #index_text { text-align: justify; margin-top: 0; margin-left: 2rem; margin-right: 2rem; padding-bottom: 3rem; padding-top: 3rem; line-height: 2; } #index_box #index_text ul { margin-top: 0.5rem; margin-left: 1.5rem; } #index_box #index_text ul li { list-style-type: disc; } #index_box #index_text ul #index_text_more_button { text-align: right; font-size: 1.4rem; } #index_box #index_text ul #index_text_more_button span { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #index_box #index_text .index_link { font-weight: 600; } #index_box #index_buttons { margin-top: 7rem; padding-bottom: 3rem; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #index_box #index_send_feedback_button { font-size: 2rem !important; margin-bottom: 3rem; } #choose_language { padding: 3rem 4rem 5rem 4rem; } #choose_language #choose_language_languages { margin-top: 3rem; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; } #choose_language #choose_language_languages .choose_language_language { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; font-size: 2.2rem; padding: 2rem 0 1rem 0; box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem rgba(8, 116, 133, 0.2); } #choose_language #choose_language_languages .choose_language_language img { height: 12rem; } #choose_language #choose_language_languages .choose_language_language:last-child { position: relative; left: 21.85rem; } /* CONTENT */ #content { padding-top: 0.5rem; } .loader { color: #087485; margin: auto; font-size: 4rem; } .main_box { width: 63.5rem; font-size: 1.8rem; } #document_box { line-height: 1.5; padding-bottom: 7rem; } #document_box #document_content { margin: 2rem; margin-bottom: 0; text-align: justify; } #document_box #document_content ul { margin-left: 2rem; } #document_box #document_content ul li { list-style-type: disc; margin-top: 0.8rem; } #document_box #document_content p { margin: 0.8rem 0; } #document_box #document_content h2 { margin-top: 3rem; margin-bottom: 1rem; } #faq { line-height: 1.75; } #faq h1 { margin-bottom: 3rem; } #faq #feedback_form_link { font-weight: 600; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #faq #faq_conjugation_ranks_table { display: grid; grid-template-columns: repeat(4, auto); } #faq #faq_conjugation_ranks_table > div, #faq #faq_conjugation_ranks_table > a { padding: 1.2rem 1.5rem; } #faq #faq_conjugation_ranks_table { text-align: center; } #faq #faq_conjugation_ranks_table div:nth-child(n+5):not(:nth-child(4n+1)) { padding-top: 5rem; } #faq #faq_conjugation_ranks_table img { width: 8.4rem; } #faq #faq_crossword_ranks_table, #faq #faq_listening_ranks_table { display: grid; grid-template-columns: repeat(3, auto); } #faq #faq_crossword_ranks_table > div, #faq #faq_crossword_ranks_table > a, #faq #faq_listening_ranks_table > div, #faq #faq_listening_ranks_table > a { padding: 1.2rem 1.5rem; } #faq #faq_crossword_ranks_table, #faq #faq_listening_ranks_table { text-align: center; } #faq #faq_crossword_ranks_table div:nth-child(n+4):not(:nth-child(3n+1)), #faq #faq_listening_ranks_table div:nth-child(n+4):not(:nth-child(3n+1)) { padding-top: 5rem; } #faq #faq_crossword_ranks_table img, #faq #faq_listening_ranks_table img { width: 8.4rem; } /* REGISTRATION */ .registration_label { font-size: 2rem; margin-top: 1rem; font-weight: 600; } #id_password_container { position: relative; display: grid; } #login_password_visibility_on, #login_password_visibility_off { position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin-right: 10px; cursor: pointer; } .registration_checkbox_container { padding-top: 2rem; font-size: 1.6rem; line-height: 1.75; } .registration_checkbox_container .switch { margin-right: 0.5rem; } .registration_checkbox_container .info_dialog_button { color: #087485; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); font-weight: 600; } .registration_input_text, #change_password_box #change_password_form input[type=password], #email_change_modal #email_change_modal_content input[type=email], #email_change_modal #email_change_modal_content input[type=password], #profile_box #profile_form input[type=number], #signup_box #signup_form input[name=email], #signup_box #signup_form input[name=password1], #signup_box #signup_form input[name=password2], #signup_box #complete_social_signup_form input[name=email], #signup_box #complete_social_signup_form input[name=password1], #signup_box #complete_social_signup_form input[name=password2], #password_reset_confirm_box #password_reset_confirm_form input[name=new_password1], #password_reset_confirm_box #password_reset_confirm_form input[name=new_password2], #password_reset_box #password_reset_form input[name=email], #login_box #login_form input[name=email], #login_box #login_form input[name=password] { padding: 1rem; font-size: 1.8rem; } .registration_submit_button, #change_password_box #change_password_form input[type=submit], #profile_box #profile_form input[type=submit], #signup_box #signup_form input[type=submit], #signup_box #complete_social_signup_form input[type=submit], #password_reset_confirm_box #password_reset_confirm_form input[type=submit], #password_reset_box #password_reset_form input[type=submit], #mobile_feedback_box #mobile_feedback_form input[type=submit], #login_box #login_form input[type=submit] { margin: auto; margin-top: 3rem; } .registration_form_errors, #import_words_errors { width: 95%; font-size: 1.6rem; margin: auto; margin-top: 2rem; padding: 1.2rem; padding-bottom: 0.2rem; border-radius: 0.8rem; background-color: rgba(255, 0, 0, 0.15); line-height: 1.5; font-weight: 600; text-align: justify; } .registration_form_errors li, #import_words_errors li { list-style-type: none; margin-bottom: 0.8rem; } #import_words_errors { padding-bottom: 1rem; } .password_rules { width: 90%; margin: auto; margin-top: 1rem; text-align: justify; list-style: disc; font-size: 1.4rem; line-height: 1.75; } #registration_promise { font-size: 1.4rem; text-align: justify; } #login_box { width: 40rem; padding-bottom: 3rem; } #login_box #login_box_or_label { margin-top: 1.8rem; } #login_box #login_form { text-align: left; display: grid; gap: 1rem; border-bottom: 1px solid rgba(8, 116, 133, 0.2); padding-bottom: 2.5rem; } #login_box #login_form #login_links { font-size: 1.4rem; margin-top: 2rem; position: relative; height: 2rem; } #login_box #login_form #login_links a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); position: absolute; bottom: 0; } #login_box #login_form #login_links a:nth-child(1) { left: 0; } #login_box #login_form #login_links a:nth-child(2) { right: 0; } #mobile_feedback_box { width: 40rem; padding: 2.5rem; } #mobile_feedback_box #mobile_feedback_form { margin-top: 2rem; text-align: left; display: grid; gap: 1rem; } #mobile_feedback_box #mobile_feedback_form input[type=text], #mobile_feedback_box #mobile_feedback_form textarea { font-size: 1.8rem; padding: 1rem; text-align: justify; line-height: 1.5; resize: none; overflow: auto; box-shadow: none; outline: none; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0.8rem; } #password_reset_box { width: 40rem; padding-bottom: 3rem; } #password_reset_box #password_reset_form { margin-top: 0.8rem; text-align: left; display: grid; gap: 1rem; } #password_reset_box #password_reset_form #password_reset_resend_activation_email_button { margin-top: 1rem; } #password_reset_done_box { line-height: 1.5; } #password_reset_done_box p { text-align: justify; margin-top: 2rem; } #password_reset_confirm_box { width: 40rem; padding-bottom: 3rem; } #password_reset_confirm_box #password_reset_confirm_form { text-align: left; padding: 1.5rem; margin: auto; display: grid; gap: 1rem; } #password_reset_confirm_box p { line-height: 1.5; } #account_activation_continue_button { margin-top: 3rem; } #simple_text_box { padding: 2.5rem; line-height: 1.75; } #simple_text_box a:not(:has(#mobile_logo)) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #simple_text_box p { margin-bottom: 1rem; } #simple_text_box #simple_text_homepage_button_container { text-align: center; } #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button { margin-top: 2rem; } #signup_box { width: 40rem; padding-bottom: 3rem; } #signup_box #signup_box_or_label { margin-top: 2rem; margin-bottom: 1rem; } #signup_box #signup_form, #signup_box #complete_social_signup_form { text-align: left; margin: auto; display: grid; gap: 1rem; } #signup_box .registration_note { margin-top: 2rem; margin-bottom: -2rem; font-size: 1.4rem; line-height: 1.5; font-style: italic; } #parental_consent_box { line-height: 1.5; } #parental_consent_box #parental_consent_buttons_container { margin-top: 2rem; } #terms_change_box { font-size: 2.2rem; line-height: 1.75; } #terms_change_box #accept_terms_change_button { margin-top: 4rem; } /* LANGUAGE INDEX */ .screenshot_header { width: 56rem; display: grid; grid-template-areas: "label button"; margin: auto; padding-bottom: 0.5rem; padding-top: 0.5rem; border-radius: 1.2rem 1.2rem 0 0; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: rgba(8, 116, 133, 0.075); } .screenshot_header .screenshot_header_label { padding-left: 1.5rem; margin-top: 0.8rem; grid-area: label; text-align: left; font-size: 2rem; font-weight: 600; } .screenshot_header .screenshot_header_button_container { grid-area: button; text-align: right; } .exercise_type_description { width: 53rem; margin: auto; padding: 1.5rem 1.5rem; background-color: rgba(8, 116, 133, 0.03); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-top: none; border-bottom: none; font-size: 1.6rem; line-height: 1.75; color: #333; text-align: justify; } .exercise_type_description a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .exercise_type_description.exercise_type_description_last { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0 0 1.2rem 1.2rem; } .screenshot { width: 56rem; height: 28rem; border-radius: 0 0 1.2rem 1.2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-top: none; } #language_index_box { min-height: 50rem; } #language_index_box.logged_out { padding-bottom: 5rem; } #language_index_box.logged_out #language_index_box_header { border-bottom: none; } #language_index_box .language_logged_out_exercise_type { margin-top: 3rem; } #language_index_box #language_index_lingu { position: absolute; right: -2rem; top: -4rem; height: 36rem; z-index: 400; } #language_index_box #language_index_lingu.lingu_spanish { right: -2rem; top: -4rem; } #language_index_box #language_index_lingu.lingu_portuguese { right: -8rem; top: -10.5rem; height: 40rem; } #language_index_box #language_index_lingu.lingu_german { right: -2rem; top: -2rem; } #language_index_box #language_index_lingu.lingu_italian { right: -4rem; top: -3rem; } #language_index_box #language_index_lingu.lingu_french { right: -2rem; top: -3rem; } #language_index_box #language_index_lingu.lingu_english { height: 33rem; right: -1.5rem; top: -0.5rem; } #language_index_box #language_index_box_header { height: 32rem; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #language_index_box #language_index_box_header .language_index_flag { width: 10rem; height: 10rem; position: absolute; left: 2rem; top: 2rem; z-index: 999; opacity: 0.85; } #language_index_box #language_index_box_header #language_index_language_name { font-size: 4.2rem; position: absolute; left: 14rem; top: 4.3rem; font-weight: 600; } #language_index_box #language_index_box_header #language_index_language_dialect { position: absolute; left: 14rem; top: 9.5rem; } #language_index_box #language_index_box_header #language_index_logged_out_text { position: absolute; width: 33rem; top: 20rem; left: 2rem; font-size: 2.2rem; line-height: 1.5; } #language_index_box #language_index_box_header #language_index_nav_buttons { position: absolute; width: 33rem; top: 14rem; left: 2rem; display: grid; grid-template-columns: 1fr 1fr; } #language_index_box #language_index_box_header #language_index_nav_buttons > div { position: relative; } #language_index_box #language_index_box_header #language_index_nav_buttons > div a { font-weight: 600; font-size: 1.8rem; width: 80%; padding: 0.6rem 1rem !important; } #language_index_box #language_index_tips { background-color: rgba(8, 116, 133, 0.2); border: 0.1rem solid rgba(8, 116, 133, 0.2); line-height: 1.5; padding: 2rem; margin: 2.5rem 2rem 0.5rem 2rem; border-radius: 1.2rem; text-align: justify; font-size: 1.6rem; } #language_index_box #language_index_tips h1 { margin-bottom: 1rem; font-size: 1.8rem; text-align: left; } #language_index_box #language_index_tips #language_index_tips_link { text-align: right; font-size: 1.4rem; } #language_index_box #language_index_tips #language_index_tips_link a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .new_label, .language_index_new_label { font-size: 1.2rem; color: red; font-weight: 600; position: absolute; /* anchored by container; adjusted in mobile.scss */ right: -0.6rem; top: -0.4rem; background: white; padding: 0.2rem 0.5rem; border-radius: 0.8rem; border: 1px solid rgba(8, 116, 133, 0.45); } #tips ul { margin-top: 2rem; margin-left: 2rem; text-align: justify; list-style: disc; } #tips ul li { line-height: 1.5; margin: 1.5rem; } #index_latest_updates { display: grid; grid-template-columns: 12rem auto; } #index_latest_updates > div, #index_latest_updates > a { padding: 1.2rem 1.5rem; } #index_latest_updates { padding: 0 1rem; margin-top: 2rem; font-size: 1.6rem; text-align: justify; line-height: 1.75; text-align: justify; } #index_latest_updates a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #index_latest_updates .index_update_title, #index_latest_updates .index_update_date { font-weight: 600; font-size: 1.8rem; } #index_latest_updates .index_update_content { padding-bottom: 3rem; } #index_latest_updates .index_update_content .index_update_read_more { margin-top: 1rem; font-weight: 600; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); float: right; line-height: 1.25; } #box_footer { border-top: 0.1rem solid rgba(8, 116, 133, 0.2); padding-top: 2rem; font-size: 1.4rem; } #box_footer span { margin: auto 1.5rem; } #box_footer a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #update { text-align: justify; padding-bottom: 7rem; } #update h1 { text-align: center; } #update ul { margin-top: 1rem; margin-bottom: 1rem; list-style-type: disc; padding-left: 2rem; } #update a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #update #update_date { text-align: right; margin: 4rem 3rem 2rem 0; font-weight: 600; } #update #update_content { margin: 0 3rem; line-height: 1.75; } /* PRACTICE */ .correct_solution { background-color: rgba(0, 255, 0, 0.15); color: black; } .incorrect_solution { background-color: rgba(255, 0, 0, 0.15); color: black; } #special_letters_block { font-size: 2rem; font-weight: 600; padding-top: 0.5rem; } #special_letters_block sup { margin-left: 2px; vertical-align: super; font-size: 1.2rem; } .practice_main_elements > img, .practice_main_elements > div { display: inline-block; } .practice_main_elements > img { z-index: 0; } .special_letters_block { height: 6rem; } .sentence_to_favorites { position: absolute; top: 1.3rem; right: 1.3rem; } .exercise_textbox, #practice_words_typing_textbox, #practice_conjugations_exercise_textbox_container, #practice_conjugations_exercise_second_textbox_container, .chapter_end_page_activity_block_cloze_exercise_textbox_container, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox, #practice_listening_exercise_textbox, #practice_listening_exercise_answerbox { border: none; resize: none; overflow: auto; box-shadow: none; outline: none; font-size: 2.3rem; font-weight: 600; padding: 0.8rem 2.8rem 0.8rem 1rem; border-radius: 0.5rem; line-height: 1.5; } .practice_progress_bar { background-color: #e7e7e7; margin: 1.5rem 2rem; height: 0.9rem; border-radius: 0.5rem; position: relative; z-index: 100; } .practice_progress_bar .progress_bar_done { background-color: #087485; width: 0%; height: 0.9rem; border-radius: 0.5rem; transition: width 1s ease-in-out; } .practice_progress_bar .progress_bar_end { left: calc(0% - 7px); background-color: #087485; height: 1.4rem; width: 1.4rem; border-radius: 0.7rem; position: absolute; top: -0.3rem; box-shadow: 0 0 0.4rem #e7e7e7; transition: left 1s ease-in-out; } #practice_rate_buttons_container { position: relative; } /* Give a bit more space below self-rate buttons on listening pages */ #practice_listening_buttons #practice_rate_buttons_container { margin-bottom: 1.2rem; } #practice_rate_buttons_info_button { position: absolute; right: 10.4rem; top: 0.2rem; } #practice_rate_buttons_info_button.practice_rate_buttons_3 { right: 15.4rem; } #practice_rate_buttons_difficulty { margin: auto; position: relative; } #practice_rate_buttons_difficulty > div, #practice_rate_buttons_difficulty i { display: inline-block; } #practice_rate_buttons_difficulty .practice_rate_buttons_difficulty_label { font-size: 1.6rem; font-weight: 600; position: relative; top: 0.1rem; padding: 0 0.5rem; right: 0.35rem; } #practice_rate_buttons_difficulty .practice_rate_buttons_difficulty_label.flipped { right: auto; left: 0.35rem; } #practice_rate_buttons_difficulty #practice_rate_buttons_difficulty_gradient { height: 0.9rem; width: 28rem; border-radius: 0.5rem; background-image: linear-gradient(to right, rgba(255, 0, 0, 0.8), rgba(255, 255, 100, 0.4), rgba(0, 102, 0, 0.8)); position: relative; right: 0.35rem; } #practice_rate_buttons_difficulty #practice_rate_buttons_difficulty_gradient.practice_rate_buttons_3 { width: 18rem; } #practice_rate_buttons_difficulty #practice_rate_buttons_difficulty_gradient.flipped { background-image: linear-gradient(to left, rgba(255, 0, 0, 0.8), rgba(255, 255, 100, 0.4), rgba(0, 102, 0, 0.8)); right: auto; left: 0.35rem; } #practice_rate_buttons_difficulty #practice_rate_buttons_dialog li { text-align: left; margin-bottom: 0.6rem; font-weight: 400; } #practice_rate_buttons_difficulty #practice_rate_buttons_dialog li .practice_rate_buttons_dialog_number { font-weight: 600; } .practice_rate_button { font-size: 2rem; padding: 0.3rem 1rem; width: 2rem; margin: 0.8rem 0.4rem; box-shadow: none; } .practice_rate_button#practice_rate_button_skip { width: 6rem; z-index: 999; } .practice_rate_button.recommended { font-weight: 600; padding: 0.6rem 1.3rem; font-size: 2.2rem; } .practice_rate_button.recommended#practice_rate_button_1 { background-color: rgba(255, 0, 0, 0.7) !important; color: white; } .practice_rate_button.recommended#practice_rate_button_2 { background-color: rgba(255, 0, 0, 0.35) !important; } .practice_rate_button.recommended#practice_rate_button_2.practice_rate_button_3 { background-color: rgba(255, 255, 100, 0.4) !important; } .practice_rate_button.recommended#practice_rate_button_3 { background-color: rgba(255, 255, 100, 0.4) !important; } .practice_rate_button.recommended#practice_rate_button_3.practice_rate_button_3 { background-color: rgba(0, 102, 0, 0.8) !important; color: white; } .practice_rate_button.recommended#practice_rate_button_4 { background-color: rgba(0, 102, 0, 0.35) !important; } .practice_rate_button.recommended#practice_rate_button_5 { background-color: rgba(0, 102, 0, 0.8) !important; color: white; } .practice_session_end { width: 63.5rem; text-align: left; position: relative; } .practice_session_end:has(.word-history-floating-button) { padding-bottom: 10rem; } .practice_session_end .practice_session_end_user_score { font-weight: 400; } .practice_session_end #practice_session_end_previous_label { position: absolute; bottom: -2.5rem; width: 30%; left: 13%; } .practice_session_end #practice_session_end_new_label { position: absolute; bottom: -2.5rem; width: 30%; right: 13%; } .practice_session_end #practice_session_end_charts_section, .practice_session_end #practice_demo_session_end_charts_section { display: grid; grid-template-columns: 1fr 1fr; margin-top: 6rem; margin-bottom: 2rem; text-align: center; } .practice_session_end #practice_session_end_charts_section.unrated, .practice_session_end #practice_demo_session_end_charts_section.unrated { opacity: 0.1; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart { position: relative; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label { color: black; font-size: 2rem; font-weight: 600; position: relative; bottom: 2.2rem; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label i { font-size: 1.8rem; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart .single-chart, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart .single-chart { width: 75%; margin: auto; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart .circular-chart, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart .circular-chart { display: block; margin: 1rem auto; max-width: 80%; max-height: 25rem; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart .circle-bg, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart .circle-bg { fill: none; stroke: #eee; stroke-width: 3.8; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart .circle, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart .circle { fill: none; stroke-width: 2.8; stroke-linecap: round; animation: progress 1s ease-out forwards; } @keyframes progress { 0% { stroke-dasharray: 0 100; } } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart .circular-chart .circle, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart .circular-chart .circle { stroke: #087485; } .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart .percentage, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart .percentage { fill: #666; font-family: sans-serif; font-size: 0.7rem; font-weight: 600; text-anchor: middle; } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner { position: relative; top: 5%; margin: auto; width: 80%; height: 90%; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; background-color: rgba(8, 116, 133, 0.2); } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label { color: black; font-size: 2rem; font-weight: 600; position: relative; bottom: 3.5rem; } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i { font-size: 1.8rem; } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar { background-color: #087485; position: absolute; width: 30%; bottom: 0; border-radius: 1.5rem 1.5rem 0 0; } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar span, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar span { color: #087485; position: relative; bottom: 2.8rem; font-size: 2rem; font-weight: 600; } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar#practice_session_end_start_progress_bar, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar#practice_session_end_start_progress_bar { left: 13%; } @keyframes bar_slide_in { 0% { max-height: 0; } 100% { max-height: 100%; } } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar#practice_session_end_end_progress_bar, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar#practice_session_end_end_progress_bar { max-height: 0; animation: bar_slide_in 1.5s ease-in-out forwards; animation-delay: 0s; right: 13%; } @keyframes show_block { 0% { opacity: 0; } 100% { opacity: 1; } } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar#practice_session_end_end_progress_bar span, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar#practice_session_end_end_progress_bar span { opacity: 0; animation: show_block 0.1s ease-in-out forwards; animation-delay: 1.35s; } .practice_session_end #practice_session_end_charts_section #practice_demo_session_end_text_box, .practice_session_end #practice_demo_session_end_charts_section #practice_demo_session_end_text_box { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; padding: 2rem; text-align: justify; line-height: 2; } .practice_session_end #practice_session_end_charts_section #practice_demo_session_end_text_box a, .practice_session_end #practice_demo_session_end_charts_section #practice_demo_session_end_text_box a { font-weight: 600; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .practice_session_end #practice_session_end_signup_button_container { text-align: center; margin-top: 6rem; margin-bottom: 1rem; } .practice_session_end #practice_session_end_signup_button_container a { font-size: 2.4rem; padding: 1.2rem 4rem; } .practice_session_end #practice_session_end_no_mistakes { text-align: center; margin-top: 5rem; margin-bottom: 4rem; font-size: 2.8rem; font-weight: 600; } .practice_session_end #practice_session_end_no_mistakes #practice_session_end_no_mistakes_note { font-size: 1.6rem; font-weight: 400; width: 90%; margin: auto; margin-top: 2rem; line-height: 1.5; } .practice_session_end #practice_session_end_no_mistakes #practice_session_end_no_mistakes_note span { text-decoration: underline; font-weight: 600; } .practice_session_end #practice_session_end_button_container { width: 100%; text-align: center; margin-top: 5rem; } .practice_session_end_conjugation_rank_promoted { margin-top: 2rem; } .practice_session_end_conjugation_rank_promoted span { background-color: rgba(0, 255, 0, 0.15); border: green 0.1rem solid; border-radius: 1.2rem; padding: 1.4rem 2rem; font-weight: 600; white-space: nowrap; } .practice_session_end_conjugation_rank_promoted i { color: green; font-size: 2.8rem; position: relative; top: 0.4rem; right: 0.6rem; } .practice_session_end_listening_rank_promoted { margin-top: 2rem; } .practice_session_end_listening_rank_promoted span { background-color: rgba(0, 255, 0, 0.15); border: green 0.1rem solid; border-radius: 1.2rem; padding: 1.4rem 2rem; font-weight: 600; } .practice_session_end_listening_rank_promoted i { color: green; font-size: 2.8rem; position: relative; top: 0.4rem; right: 0.6rem; } #practice_session_end_v2_performance_container { text-align: center; font-size: 2rem; } #practice_session_end_current_conjugation_rank_label, #practice_session_end_current_listening_rank_label { font-weight: 600; margin-top: 3rem; margin-bottom: 0.5rem; font-size: 2rem; } #practice_session_end_hide_rank span { color: rgba(8, 116, 133, 0.45); position: absolute; right: 2.8rem; top: -1.8rem; font-size: 1.4rem; text-decoration: underline; font-weight: 600; } #practice_session_end_hide_rank i { font-size: 2rem; position: absolute; right: 0.5rem; top: -0.4rem; } #practice_session_end_show_rank span { color: rgba(8, 116, 133, 0.45); font-weight: 600; text-decoration: underline; font-size: 1.4rem; } #practice_session_end_show_rank i { font-size: 2rem; } .conjugation_rank_change_positive, .listening_rank_change_positive, .crossword_rank_change_positive { color: limegreen !important; } .conjugation_rank_change_negative, #crossword_rank_change_negative { color: red !important; } #practice_session_end_v2_performance_label { font-weight: 600; margin-top: 3rem; margin-bottom: 0.5rem; } #practice_session_end_v2_performance_value { font-size: 2.2rem; } .practice_session_end_conjugation_rank_label, .practice_session_end_listening_rank_label { font-weight: 600; font-variant: small-caps; } @keyframes horizontal_bar_slide_in { 0% { max-width: 0; } 100% { max-width: 100%; } } .practice_session_end_conjugation_rank_progress_bar, .practice_session_end_listening_rank_progress_bar { height: 100%; background-color: #087485; animation: horizontal_bar_slide_in 1.5s ease-in-out forwards; animation-delay: 0s; position: absolute; left: 0; } .practice_session_end_conjugation_rank_progress_bar_container, .practice_session_end_listening_rank_progress_bar_container { position: relative; background-color: rgba(8, 116, 133, 0.2); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; width: 28rem; height: 3rem; margin: 2.7rem auto 1rem auto; } .practice_session_end_conjugation_rank_progress_label, .practice_session_end_listening_rank_progress_label { font-size: 1.6rem; line-height: 1.75; } /* LISTENING PRACTICE */ #practice_listening_setup_box { width: 44rem; text-align: left; border-radius: 0.8rem; font-size: 1.9rem; font-weight: 600; position: relative; } #practice_listening_setup_box .exercise_main_page_nav_buttons { margin-top: 7rem; margin-bottom: -8rem; } #practice_listening_setup_box .exercise_main_page_nav_buttons a { position: relative; z-index: 99; } #practice_listening_setup_box #listening_rank_container { width: 96%; position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; font-size: 1.3rem; font-style: italic; background-color: rgba(8, 116, 133, 0.2); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-bottom: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0.8rem 0.8rem 0 0; padding: 1.5% 2%; font-weight: 400; } #practice_listening_setup_box #listening_rank_container .listening_badge { width: 6rem; } #practice_listening_setup_box #listening_rank_container > div { min-height: 9rem; } #practice_listening_setup_box #listening_rank_container #listening_rank_container_left { text-align: left; } #practice_listening_setup_box #listening_rank_container #listening_rank_container_right { text-align: right; } #practice_listening_setup_box .inner { margin: 4rem auto 2.5rem 0; display: grid; grid-template-rows: repeat(5, minmax(3rem, min-content) minmax(4.5rem, min-content)); grid-template-columns: 1fr; gap: 0.3rem 0.5rem; } #practice_listening_setup_box .inner.english { grid-template-rows: repeat(4, minmax(3rem, min-content) minmax(4.5rem, min-content)); } #practice_listening_setup_box .inner label { position: relative; top: 0.25rem; } #practice_listening_setup_box .inner label[for=practice_listening_complexity_selector] { grid-column: 1; grid-row: 1; } #practice_listening_setup_box .inner label[for=practice_listening_translang_selector] { grid-column: 1; grid-row: 3; } #practice_listening_setup_box .inner label[for=practice_listening_multi_voice_selector_container] { grid-column: 1; grid-row: 5; } #practice_listening_setup_box .inner label[for=practice_listening_exercises_per_session_container] { grid-column: 1; grid-row: 7; } #practice_listening_setup_box .inner label[for=practice_listening_self_rate_buttons_container] { grid-column: 1; grid-row: 9; } #practice_listening_setup_box .inner #practice_listening_complexity_selector_container { grid-column: 1; grid-row: 2; } #practice_listening_setup_box .inner #practice_listening_translang_selector_container { grid-column: 1; grid-row: 4; } #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container { grid-column: 1; grid-row: 6; position: relative; } #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i { font-size: 2.2rem; margin-left: 0.5rem; position: relative; top: 0.25rem; } #practice_listening_setup_box .inner #practice_listening_exercises_per_session_container { grid-column: 1; grid-row: 8; } #practice_listening_setup_box .inner #practice_listening_self_rate_buttons_container { grid-column: 1; grid-row: 10; font-weight: 400; } .multi_select_list { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 6px; font-size: 1.6rem; font-weight: 400; } .multi_select_list li { padding: 0.5rem 0.5rem 0.5rem 2rem; border: 0; } .multi_select_list li:first-of-type { border-radius: 5px 5px 0 0; } .multi_select_list li:last-of-type { border-radius: 0 0 5px 5px; } .multi_select_list li.ui-selected { background: rgba(8, 116, 133, 0.2); padding-left: 0.8rem; } .multi_select_list li.ui-selected::before { content: "►"; font-size: 1.2rem; position: relative; right: 0.3rem; bottom: 0.15rem; } .multi_select_list li.ui-selecting { background: rgba(8, 116, 133, 0.2); } #practice_listening_multi_voice_selector_container { margin-bottom: 1.8rem; } #practice_listening_multi_voice_selector_container .multi_select_list { max-height: 16.5rem; width: 31rem; overflow-y: auto; } #practice_listening_multi_voice_selector_container .multi_select_list li { position: relative; padding-top: 0.8rem; padding-bottom: 0.8rem; } #practice_listening_multi_voice_selector_container .multi_select_list li > div { display: inline-grid; grid-template-columns: 9 1; grid-template-areas: "voice icon"; } #practice_listening_multi_voice_selector_container .multi_select_list li > div > div { grid-area: voice; line-height: 1.25; } #practice_listening_multi_voice_selector_container .multi_select_list li > div > div div { margin-top: 0.3rem; font-size: 1.4rem; font-style: italic; } #practice_listening_multi_voice_selector_container .multi_select_list li > div .playable_audio_container { grid-area: icon; text-align: center; font-size: 2rem; position: absolute; top: 0.3rem; right: 1rem; } #practice_listening_tenses_list_container { margin-bottom: 1.8rem; } #practice_listening_tenses_list_container .multi_select_list { max-height: 16.5rem; overflow-y: auto; } #practice_listening_tenses_list_container .multi_select_list li { position: relative; padding-top: 0.8rem; padding-bottom: 0.8rem; } #practice_listening_tenses_list_container .multi_select_list li > div { display: inline-grid; grid-template-columns: 24rem 3rem; grid-template-areas: "tense info"; } #practice_listening_tenses_list_container .multi_select_list li > div > div { grid-area: tense; line-height: 1.25; } #practice_listening_tenses_list_container .multi_select_list li > div > div div { margin-top: 0.3rem; font-size: 1.4rem; font-style: italic; } #practice_listening_tenses_list_container .multi_select_list li > div i { grid-area: info; text-align: center; font-size: 2rem; position: absolute; top: 1.1rem; right: 1rem; } #practice_listening_settings_submit_container { width: 100%; text-align: center; position: relative; } #practice_listening_settings_submit_container #practice_listening_settings_submit_button { margin: 0.4rem auto 0.5rem auto; } #practice_listening_custom_settings_container { text-align: left; padding-bottom: 3rem; width: 44rem; } #practice_listening_custom_settings_container #practice_listening_preferences_box { position: relative; background-color: #ffffff; width: 90%; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; margin: 4rem auto 2.5rem auto; padding: 2rem; font-size: 1.9rem; font-weight: 600; padding-top: 3.5rem; } #practice_listening_custom_settings_container #practice_listening_preferences_box .inner { display: grid; grid-template-rows: repeat(3, minmax(3rem, min-content)); grid-template-columns: auto auto; gap: 2rem 2rem; } #practice_listening_custom_settings_container #practice_listening_preferences_box .inner #practice_listening_self_rate_buttons_container { font-weight: 400; font-size: 1.8rem; } #practice_listening_demo_guide_loop { right: -40.6rem; top: 2.5rem; width: 36.6rem; } #practice_listening_demo_guide_repeat { right: -40.6rem; top: 7.5rem; width: 36.6rem; } #practice_listening_demo_guide_slow_play { left: 21.5rem; top: -8rem; } #practice_listening_demo_guide_normal_play { top: 7rem; left: -15rem; } #practice_listening_demo_guide_sentence { bottom: -21.5rem; right: -34rem; width: 30rem; } #practice_listening_demo_guide_translation { bottom: -24.5rem; left: -39rem; width: 35rem; } #practice_listening_demo_guide_corrected_answer { top: 21rem; left: -38.5rem; width: 34.5rem; } #practice_demo_guide_rate_buttons { bottom: -10.5rem; left: -38.5rem; width: 34.5rem; } #practice_session_start_button_container { padding-top: 4rem !important; padding-bottom: 5rem !important; font-size: 2.4rem; line-height: 1.5; margin-left: calc(50vw-63.5rem/2); } #practice_session_start_button_container #practice_session_start_button { font-size: 4.8rem; margin: auto; margin-top: 5rem; background: rgba(8, 116, 133, 0.2); width: 15rem; border-radius: 2rem; padding: 0.8rem 0; text-align: center; font-weight: 600; } #practice_listening { padding: 0 0 3rem 0 !important; height: min-content; min-height: 42.2rem; margin-left: calc(50vw-63.5rem/2); } #practice_listening #practice_listening_mistakes_progress_bar_container { display: grid; grid-template-columns: 13rem auto; } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_label { position: relative; left: 1rem; top: 0.5rem; padding: 0.2rem; height: 2.4rem; width: 11rem; border: rgb(200, 0, 0) 0.2rem solid; background-color: rgba(200, 0, 0, 0.15); border-radius: 1.2rem; color: rgb(200, 0, 0); } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_label i { color: rgb(200, 0, 0); } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_progress_bar { background-color: rgba(200, 0, 0, 0.15); } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_progress_bar .progress_bar_done { background-color: rgb(200, 0, 0); } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_progress_bar .progress_bar_end { background-color: rgb(200, 0, 0); } #practice_listening .practice_listening_performance_tag { padding: 0.4rem 0.8rem; font-size: 1.5rem; position: absolute; bottom: -1.7rem; right: 2.7rem; border-radius: 0.8rem; font-weight: 600; } #practice_listening .practice_listening_performance_tag i.listening_evaluation_icon { margin-right: 0.4rem; } #practice_listening #practice_listening_performance_tag_passed { background-color: rgba(0, 255, 0, 0.15); color: green; border: 0.1rem solid green; } #practice_listening #practice_listening_performance_tag_passed i { color: green !important; } #practice_listening #practice_listening_performance_tag_passed_with_mistake { background-color: rgba(255, 140, 0, 0.15); color: darkorange; border: 0.1rem solid darkorange; } #practice_listening #practice_listening_performance_tag_passed_with_mistake i { color: green !important; } #practice_listening #practice_listening_performance_tag_mistake { background-color: rgba(255, 0, 0, 0.15); color: red; border: 0.1rem solid red; } #practice_listening #practice_listening_performance_tag_mistake i { color: red !important; } #practice_listening #practice_listening_performance_tag_slow_play { background-color: lightgrey; color: black; border: 0.1rem solid darkslategrey; } #practice_listening #practice_listening_performance_tag_slow_play i { color: black !important; } #practice_listening_snowballs { top: 7.7rem; position: absolute; left: calc(50vw-92.5rem); } #practice_listening_lingu_headphones { width: 65rem; top: 5rem; position: absolute; left: calc(50vw25rem); } @media only screen and (max-width: 1500px) { #practice_listening_lingu_headphones { display: none; } } #practice_listening_play_buttons { width: 63.5rem; height: 9rem; margin: auto; margin-bottom: 2.7rem; position: relative; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #practice_listening_play_buttons .audio_player_buttons { position: relative; } #practice_listening_play_buttons i.preference_button { font-size: 2.6rem; display: inline-block; position: absolute; } #practice_listening_play_button, #practice_listening_play_slow_button { top: 2.5rem; } #practice_listening_play_button { right: calc(63.5rem / 2 + 1.2rem); } #practice_listening_play_slow_button { left: calc(63.5rem / 2 + 1.2rem); } #practice_listening_repeat_button { bottom: 2.7rem; right: 2.5rem; z-index: 10; } #practice_listening_loop_button { bottom: 6rem; right: 2.2rem; z-index: 10; } #practice_listening_type_section { position: relative; background-color: #ffffff; padding-top: 0.5rem; padding-bottom: 2rem; margin-top: 0.5rem; min-height: 14.3rem; } #practice_listening_session_instructions { font-size: 2.3rem; color: #434343; font-weight: 600; padding: 1rem; } #practice_listening_exercise_textbox, #practice_listening_exercise_answerbox { border: 0.1rem solid rgba(8, 116, 133, 0.2); overflow: hidden; padding-right: 0.8rem; max-width: 90%; z-index: 1; position: relative; } #practice_listening_exercise_textbox:disabled, #practice_listening_exercise_answerbox:disabled { background-color: #ffffff; } #practice_listening_exercise_answerbox { background: white; min-height: 5.8rem; width: 56.7rem; text-align: left; margin-left: auto; margin-right: auto; } #practice_listening_explanations_container { max-width: 100%; padding-left: 3rem; text-align: left; position: relative; bottom: 6.5rem; margin-bottom: -3rem; } #practice_listening_explanations_container #practice_listening_explanations_title { font-size: 1.6rem; margin-bottom: 0.5rem; } #practice_listening_explanations_container #practice_listening_explanations { display: grid; grid-template-columns: min-content auto; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_asterisks { font-size: 2.5rem; font-weight: bold; margin-right: 0.5rem; padding-top: 0.9rem; letter-spacing: 0.2rem; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button { width: min-content; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button { width: min-content; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button .practice_listening_conjugation_table_button_verb { text-transform: uppercase; } #practice_listening_buttons { height: 5rem; font-size: 2rem; font-weight: bold; } #practice_listening_buttons p { margin: 0; /* Remove auto margins since it's in a grid */ } #practice_listening_buttons #practice_rate_buttons_difficulty { margin-top: -2.3rem; } #practice_listening_report_button { position: absolute; right: 1.3rem; top: 3.1rem; } #practice_listening_report_error_button { font-size: 2.4rem; position: absolute; right: 5rem; top: 1.5rem; } #practice_listening_report_error_button_mobile_container { text-align: right; margin-top: 1rem; margin-bottom: 2rem; padding-right: 1.6rem; } #practice_listening_tatoeba_link { font-size: 2.4rem; position: absolute; right: 8.9rem; top: 1.5rem; } #practice_listening_solution { padding: 1.8rem 0; width: 63.5rem; margin-left: calc(50vw-63.5rem/2); } #practice_listening_solution h2 { font-size: 2.3rem; font-weight: 600; } #practice_listening_solution.demo #practice_listening_tatoeba_link { right: 2rem; } #practice_listening_solution_text { margin: 2.4rem 2.4rem 2rem 2.4rem; font-size: 2.3rem; font-weight: 600; line-height: 1.5; } #practice_listening_translation_text { position: relative; top: 0.6rem; font-size: 1.6rem; font-weight: 400; margin-bottom: 1.5rem; margin-left: 1.2rem; text-align: left; max-width: 95%; } #practice_listening_translation_text #practice_listening_human_translations { display: grid; grid-template-columns: minmax(min-content, 2.5rem) auto; } #practice_listening_translation_text span { position: relative; left: 0.8rem; line-height: 1.5; } #practice_listening_translation_text i { font-size: 3rem; position: relative; top: 0.5rem; } #practice_listening_translation_text img { height: 2.6rem; width: 2.6rem; opacity: 0.7; } #practice_listening_translation_text #practice_listening_machine_translations { margin-top: -3rem; margin-left: 1rem; } #practice_listening_translation_text #practice_listening_machine_translations .practice_listening_deepl_translation, #practice_listening_translation_text #practice_listening_machine_translations .practice_listening_google_translation { display: grid; grid-template-columns: minmax(min-content, 2.5rem) auto; margin-top: 0.5rem; } #practice_listening_translation_text #practice_listening_machine_translations .section_title_container i, #practice_listening_translation_text #practice_listening_machine_translations #faq .faq_category .faq_title_container i, #faq .faq_category #practice_listening_translation_text #practice_listening_machine_translations .faq_title_container i { font-size: 1.8rem; top: 0.3rem; margin-left: 0.2rem; } .practice_listening_correction_missing { color: red; } .num2word { color: red; font-weight: 400; font-size: 1.8rem; } .practice_listening_correction_wrong { border-bottom: 2px solid red; } .practice_listening_correction_excess { text-decoration: line-through; text-decoration-color: red; } .practice_listening_correction_correct, .practice_listening_correction_incorrect { border-radius: 5px; padding: 0 5px; margin-left: -5px; } .practice_listening_correction_correct { background-color: rgba(0, 255, 0, 0.15); } .practice_listening_correction_asterisks { letter-spacing: 0.2rem; } .practice_listening_correction_incorrect { background-color: rgba(255, 0, 0, 0.15); } #practice_listening_session_end { width: 63.5rem; margin-left: auto; margin-right: auto; text-align: center; } #practice_listening_session_end #practice_session_end_adaptive_score_container { padding-top: 3rem; } #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label { color: black; font-size: 2rem; font-weight: 600; } #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i { font-size: 1.8rem; } #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_values { margin-top: 1.8rem; font-size: 1.6rem; } #practice_listening_session_end #practice_session_end_adaptive_score_container .practice_session_end_adaptive_score_change_positive { color: limegreen !important; } #practice_listening_session_end #practice_session_end_adaptive_score_container .practice_session_end_adaptive_score_change_negative { color: red !important; } #practice_listening_session_end #practice_listening_session_end_mistakes_label { margin-top: 5rem; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences { display: grid; grid-template-columns: 3.5rem auto 3.5rem min-content 13rem; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences > div, #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences > a { padding: 1.2rem 1.5rem; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_sentence_text { font-weight: 600; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_answer { font-weight: 600; font-size: 1.2rem; margin-top: 1.6rem; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_answer .practice_listening_session_end_answer_label { text-decoration: underline; font-style: italic; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_answer .practice_listening_correction_wrong { border-bottom-width: 1px; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_sentence_translation { font-weight: 400; font-size: 1.4rem; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance { font-weight: 600; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance .practice_listening_session_end_slow_play_info_label { font-weight: 400; font-size: 1.2rem; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_sentence_score_gain { font-weight: 600; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance_tag_mistake { background-color: rgba(255, 0, 0, 0.15); } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance_tag_passed_with_mistake { background-color: rgba(255, 140, 0, 0.15); } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance_tag_passed { background-color: rgba(0, 255, 0, 0.15); } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance_tag_slow_play { background-color: lightgrey; } #practice_listening_session_end #practice_session_unrated_label { position: absolute; top: 12rem; left: 0; font-size: 2.4rem; font-weight: 600; padding: 5rem; line-height: 2; } /* CONJUGATIONS PRACTICE */ #practice_conjugations_header { position: absolute; } #practice_conjugations_header .practice_conjugations_header_element { border: 1px solid rgba(8, 116, 133, 0.45); border-bottom: none; padding: 1rem 2rem; border-radius: 1.2rem 1.2rem 0 0; position: relative; bottom: 5.2rem; margin-right: 0.5rem; left: 0.4rem; } #practice_conjugations_header .practice_conjugations_header_element.practice_conjugations_header_selected_element { font-weight: 600; background-color: white; } #practice_conjugations_header .practice_conjugations_header_element:not(.practice_conjugations_header_selected_element) { background-color: #cee3e7; -webkit-box-shadow: inset 0px -18px 23px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px -18px 23px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px -18px 23px -25px rgba(0, 0, 0, 0.75); } #practice_conjugations_header .practice_conjugations_header_element:not(.practice_conjugations_header_selected_element):hover { background-color: #90c0c8; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes { margin-bottom: 3rem; margin-top: 1.5rem; text-align: left; margin-left: 3.8rem; font-size: 1.4rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_label { font-weight: 600; margin-top: 0.8rem; margin-bottom: 0.8rem; /*span { background-color: $incorrect-color; padding: 0.5rem; border-radius: 0.8rem; border: red 0.1rem solid; }*/ } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content { list-style: disc; margin-left: 2.2rem; line-height: 1.4; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button { margin-right: 0.2rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button.disabled { opacity: 0.35; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .loader { font-size: 1.4rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_words_wrong_answer_arrow { font-size: 1.5rem; font-weight: 600; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_words_wrong_answer_flag { position: relative; top: 0.3rem; height: 1.6rem; width: 1.6rem; opacity: 0.8; margin-left: 0.2rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_words_wrong_answer_confusion { display: inline-block; margin-right: 0.8rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_words_wrong_answer_confusion span { font-style: normal; margin-left: 0.3rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_conjugations_hidden_verb_wrong_answer_text { color: red; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_conjugations_hidden_verb_correct_answer_text { color: green; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .practice_conjugations_hidden_verb_correct_answer_text.practice_conjugations_hidden_verb_primary_correct_answer_text { font-weight: 600; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons { height: 9rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button { position: relative; top: 1rem; margin-right: 0; z-index: 1; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section { display: grid; grid-template-columns: 6fr 4fr 3fr 2fr; width: 96%; position: relative; margin: auto; margin-top: 2rem; height: 6rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox { height: 3.6rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox::-webkit-input-placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox::-ms-input-placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox::-moz-placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox::placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox.incorrect { background-color: rgba(255, 0, 0, 0.15); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox.almost_correct { background-color: rgba(255, 140, 0, 0.15); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox { height: 3.6rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); width: 9rem; margin-left: 1rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox.incorrect { background-color: rgba(255, 0, 0, 0.15); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox.almost_correct { background-color: rgba(255, 140, 0, 0.15); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_special_letters_block #special_letters_block { text-align: left; padding: 0.9rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_almost_correct_label { position: absolute; top: 6rem; left: 5.8rem; font-size: 1.6rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_correct { position: relative; display: grid; grid-template-columns: auto minmax(5rem, min-content); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-right: none; border-radius: 0.8rem 0 0 0.8rem; text-align: center; margin-left: 3.5rem; margin-bottom: 1rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_correct > i { position: absolute; left: 0.5rem; top: 0.3rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_correct > div { font-size: 1.6rem; height: 100%; display: grid; justify-items: center; align-items: center; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_correct > div:nth-child(3) { background-color: rgba(0, 255, 0, 0.15); font-weight: 600; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_correct > div > div { margin: auto; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect { display: grid; grid-template-columns: 1fr; margin-right: 6rem; margin-bottom: 1rem; grid-column: span 2; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div { display: grid; grid-template-columns: auto minmax(5rem, min-content); border: 0.1rem solid rgba(8, 116, 133, 0.2); text-align: center; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div:nth-child(1) { border-radius: 0 0.8rem 0 0; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div:nth-child(2) { border-top: none; border-radius: 0 0 0.8rem 0; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div > div { font-size: 1.6rem; height: 100%; display: grid; justify-items: center; align-items: center; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div > div.highest { background-color: rgba(255, 0, 0, 0.15); font-weight: 600; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div > div.highest#practice_conjugations_hidden_verb_exercise_result_incorrect_missed_solutions_score_container { border-radius: 0 0.7rem 0 0; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div > div.highest#practice_conjugations_hidden_verb_exercise_result_incorrect_incorrect_answers_score_container { border-radius: 0 0 0.7rem 0; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_exercise_result_incorrect > div > div > div { margin: auto; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_help { width: 96%; margin: auto; height: 2rem; font-size: 1.4rem; font-style: italic; text-align: left; padding-left: 1rem; position: relative; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_help #practice_conjugations_hidden_verb_typing_help_reveal { position: absolute; right: 2.7rem; top: -0.5rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_textbox { height: 3.6rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #quick_conjugations_start_box { width: 71rem; margin-top: 6rem; } #quick_conjugations_start_box h1 { margin-bottom: 3rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container { margin-left: 2.5rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table { display: grid; grid-template-columns: auto auto minmax(10rem, min-content); } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > div, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > a { padding: 1.2rem 1.5rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table { text-align: center; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_table_multi_tense > a { margin-bottom: 1.5rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > div { padding: 1.2rem 0.6rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_table_featured { background-color: rgba(8, 116, 133, 0.075); min-height: 8.7rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_featured_label, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label { position: absolute; top: 4.2rem; left: -6.4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: rgb(8, 116, 133); padding: 0.1rem 0.8rem; border-radius: 0.8rem 0.8rem 0 0; color: rgba(255, 255, 255, 0.8); font-size: 1.6rem; font-family: Quicksand !important; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label { top: 2.5rem; left: -2rem; border-bottom: none; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label.level_label_a1 { background-color: #ffecd5; color: black; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label.level_label_a2 { background-color: #ffceb8; color: black; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label.level_label_b1 { background-color: #ffaf93; color: black; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label.level_label_b2 { background-color: #ff917e; color: black; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label.level_label_c1 { background-color: #ff917e; color: white; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label.level_label_c2 { background-color: #ff5452; color: white; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_tenses { text-align: center; position: relative; padding: 1.2rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_tenses > a { display: block; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_tenses > a > span { position: relative; top: 0.8rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_text { font-size: 1.6rem; text-align: center; font-weight: 600; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_text > span { position: relative; top: 1rem; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button { background-color: rgb(206, 227, 231); } #quick_conjugations_start_box #quick_conjugation_preset_guide_1, #quick_conjugations_start_box #quick_conjugation_preset_guide_2 { margin: auto; margin-top: 3rem; margin-bottom: 1rem; text-align: justify; font-size: 1.6rem; line-height: 2; width: 100%; } #quick_conjugations_start_box #quick_conjugation_preset_guide_1 a, #quick_conjugations_start_box #quick_conjugation_preset_guide_2 a { text-decoration: underline; font-weight: 600; color: #087485; } #quick_conjugations_start_box #quick_conjugation_preset_guide_1 { margin-top: 6rem; } #conjugation_page_introduction_text { margin: auto; margin-top: 1rem; margin-bottom: 1rem; text-align: justify; font-size: 1.6rem; line-height: 2; width: 100%; } #conjugation_page_introduction_text a { text-decoration: underline; font-weight: 600; color: #087485; } .quick_conjugations_preset_group_min_level_a1 { background-color: rgba(255, 228, 196, 0.4); } .quick_conjugations_preset_group_min_level_a2 { background-color: rgba(255, 185, 154, 0.4); } .quick_conjugations_preset_group_min_level_b1 { background-color: rgba(255, 142, 102, 0.4); } .quick_conjugations_preset_group_min_level_b2 { background-color: rgba(255, 99, 71, 0.4); } #quick_conjugation_preset_group_box h2 { margin-top: 1.2rem; } #quick_conjugation_preset_group_box h3 { margin-top: 1.5rem; font-style: italic; } #quick_conjugation_preset_group_box #quick_conjugation_preset_group_study_text { text-align: left; margin: auto; margin-top: 1rem; margin-bottom: 1rem; text-align: justify; font-size: 1.6rem; line-height: 2; width: 100%; } #quick_conjugation_preset_group_box #quick_conjugation_preset_group_study_links { text-align: left; list-style-type: disc; line-height: 2; margin-left: 2.5rem; font-size: 1.6rem; } #quick_conjugation_preset_group_box #quick_conjugation_preset_group_study_links a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); color: #087485; } #quick_conjugation_preset_group_box .loader { font-size: 2.4rem; } #quick_conjugation_preset_group_box .quick_conjugation_preset_group_guide { margin: auto; margin-bottom: 1rem; text-align: justify; font-size: 1.5rem; line-height: 1.75; width: 95%; } #quick_conjugation_preset_group_box .quick_conjugation_preset_group_guide a { text-decoration: underline; font-weight: 600; color: #087485; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container { margin-top: 2.5rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table { display: grid; grid-template-columns: auto auto auto 12rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > div, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > a { padding: 1.2rem 1.5rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table { text-align: center; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table > div { padding: 1.2rem 0.6rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_level, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_sentence_difficulty, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_verbs, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button_container { height: 4rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_level > span, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_sentence_difficulty > span, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_verbs > span, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button_container > span { position: relative; top: 0.6rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button_container .loader { position: relative; bottom: 0.6rem; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button { background-color: rgb(206, 227, 231); } #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences { position: relative; background-color: #ffffff; width: 90%; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; margin: 4rem auto 2.5rem auto; padding: 2rem; font-size: 1.9rem; font-weight: 600; padding-top: 3.5rem; padding-bottom: 2.5rem; } #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences .inner { text-align: left; display: grid; grid-template-rows: 3rem; grid-template-columns: 18rem auto; gap: 2rem 2rem; } #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences .inner label { font-weight: 600; } .demo_start_form { padding-bottom: 4rem; } .demo_start_form .practice_start_demo_flag { position: absolute; right: 1.5rem; top: 1.5rem; } .demo_start_form #practice_demo_text { margin-top: 4rem; margin-bottom: 2rem; text-align: justify; line-height: 2; } .demo_start_form #practice_demo_text ul { margin-bottom: 1rem; margin-top: 1rem; margin-left: 2rem; list-style: disc; } .demo_start_form #demo_start_language_selector { font-size: 2rem; } .practice_conjugations_quick_select_dialog { padding: 0rem 1.4rem 2.3rem 1.4rem !important; line-height: 2 !important; } .practice_conjugations_quick_select_dialog .loader { font-size: 2.2rem; } .practice_conjugations_quick_select_dialog > div { padding-top: 1.3rem; padding-bottom: 1.3rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container { text-align: center; display: grid; grid-template-columns: repeat(4, 1fr); height: 4.4rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button] { margin-top: 0.8rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .loader { font-size: 1.8rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found { margin-top: 1rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found .practice_conjugations_quick_select_word_list_found_note { font-weight: 600; } #practice_conjugations_demo, #practice_listening_demo, #practice_words_demo { width: 58.5rem; } #practice_conjugations_demo #practice_words_demo_signup_link, #practice_listening_demo #practice_words_demo_signup_link, #practice_words_demo #practice_words_demo_signup_link { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #practice_conjugations_main_container { margin-top: 6rem !important; } #practice_conjugations_setup_form > div { text-align: left; padding-bottom: 3rem; width: 71rem; } #practice_conjugations_setup_form .exercise_main_page_nav_buttons { margin-right: 0.5rem; } #practice_conjugations_setup_form .multi_select_list { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 6px; font-size: 1.6rem; font-weight: 400; } #practice_conjugations_setup_form .multi_select_list li { padding: 0.5rem 0.5rem 0.5rem 2rem; border: 0; } #practice_conjugations_setup_form .multi_select_list li:first-of-type { border-radius: 5px 5px 0 0; } #practice_conjugations_setup_form .multi_select_list li:last-of-type { border-radius: 0 0 5px 5px; } #practice_conjugations_setup_form .multi_select_list li.ui-selected { background: rgba(8, 116, 133, 0.2); padding-left: 0.8rem; } #practice_conjugations_setup_form .multi_select_list li.ui-selected::before { content: "►"; font-size: 1.2rem; position: relative; right: 0.3rem; bottom: 0.15rem; } #practice_conjugations_setup_form .multi_select_list li.ui-selecting { background: rgba(8, 116, 133, 0.2); } #practice_conjugations_setup_form select { border-radius: 0.5rem; font-size: 1.6rem; } #practice_conjugations_setup_form select:not([multiple]) { padding: 0.5rem; } .practice_conjugations_setup_box { background-color: #ffffff; width: 90%; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; margin: 4rem auto 2.5rem auto; padding: 2rem; font-size: 1.9rem; font-weight: 600; } .practice_conjugations_preset_label { font-weight: bold; } #default_conjugation_new_preset_name { width: 25rem; background: lightgoldenrodyellow; } #practice_conjugations_preset_box, #practice_conjugations_main_settings_box, #practice_conjugations_advanced_settings_box, #practice_conjugations_preferences_box { position: relative; padding-top: 3.5rem; } #practice_conjugations_presets_instructions { font-size: 1.6rem !important; font-weight: 400; margin-bottom: 1rem; line-height: 1.75; text-align: justify; } #practice_conjugations_presets_instructions .info_dialog_button { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); font-weight: 600; } #practice_conjugations_preset_box .inner { padding-top: 0.5rem; display: grid; grid-template-columns: 15rem auto; gap: 1.5rem 0; } #practice_conjugations_preset_box .inner #practice_conjugations_load_preset_button { position: absolute; top: 0.5rem; right: 0.5rem; font-weight: 400; } #practice_conjugations_preset_box .inner #practice_conjugations_share_preset_button { position: absolute; top: 0.5rem; right: 9.6rem; font-weight: 400; } #practice_conjugations_preset_knowledge_score { display: grid; grid-template-columns: min-content min-content auto min-content; column-gap: 0.6rem; margin-top: 0.3rem; } #practice_conjugations_preset_knowledge_score i { position: relative; bottom: 0.1rem; } #practice_conjugations_preset_knowledge_score #practice_conjugations_preset_knowledge_score_value { padding-left: 0.3rem; } #practice_conjugations_preset_knowledge_score #practice_conjugations_preset_knowledge_score_progress_bar { width: calc(100% - 0.4rem); height: 1rem; border-radius: 1rem; position: relative; top: 0.7rem; /*background-image: linear-gradient( to right, white, rgba(255, 255, 100, 0.2), // yellow rgba(0, 102, 0, 0.4), // green rgba(0, 102, 0, 0.6), // green rgba(0, 102, 0, 0.8) // green );*/ background-image: linear-gradient(to right, white, rgb(255, 255, 224), rgb(153, 194, 153), rgb(102, 163, 102), rgb(51, 133, 51)); box-shadow: 0 0 0 0.1rem #e7e7e7; } #practice_conjugations_preset_knowledge_score #practice_conjugations_preset_knowledge_score_progress_bar #practice_conjugations_preset_knowledge_score_progress_bar_not_done { height: 100%; border-radius: 0 1rem 1rem 0; position: absolute; right: 0; top: 0; background-color: #e7e7e7; } #practice_conjugations_preset_knowledge_score #practice_conjugations_preset_knowledge_score_progress_bar #practice_conjugations_preset_knowledge_score_progress_bar_end { position: absolute; top: -0.3rem; height: 1.6rem; width: 1.6rem; border-radius: 1.6rem; background-color: rgb(0, 102, 0); z-index: 1000; } label[for=user_conjugation_preset_container] { grid-column: 1; grid-row: 1; } label[for=default_conjugation_preset_container] { grid-column: 1; grid-row: 2; } #user_conjugation_preset_container { grid-column: 2; grid-row: 1; } #default_conjugation_preset_container { grid-column: 2; grid-row: 2; } #user_conjugation_preset_selector, #default_conjugation_preset_selector { max-width: 22rem; } #edit_user_conjugation_preset_button { margin-left: 0.5rem; } #delete_user_conjugation_preset_button { margin-left: 0.5rem; } .practice_conjugations_rename_new_name { max-width: 60%; } #practice_conjugations_preset_details { grid-column: 1; grid-row: 3; } #practice_conjugations_preset_details .icon-spinner i { font-size: 2.5rem; } #practice_conjugations_preset_details p:first-of-type { text-align: left; } #practice_conjugations_preset_details p:first-of-type .tense_box { line-height: 2.5; padding: 0.5rem 0.6rem; font-size: 1.2rem; } #practice_conjugations_preset_details p:first-of-type .tense_box .tense_dialect_flag { width: 1.6rem; height: 1.6rem; top: 0.4rem; left: 0.1rem; } #practice_conjugations_preset_details { font-size: 1.4rem; font-weight: 400; grid-column: 2; grid-row: 3; line-height: 1.75; text-align: justify; } #practice_conjugations_customize_info, #practice_conjugations_new_preset_info { font-size: 1.3rem; margin-top: 2rem; font-style: italic; font-weight: 400; line-height: 1.75; text-align: justify; } #practice_conjugations_main_settings_box > .inner { display: grid; grid-template-rows: 3rem 3rem 3rem auto; grid-template-columns: 50% 27% 18%; gap: 0.7rem 1.5rem; } label[for=practice_conjugations_tense_selector] { grid-column-start: 1; grid-column-end: 3; grid-row: 1; } label[for=practice_conjugations_verb_inputter] { grid-column: 2; grid-row: 1; } #practice_conjugations_tense_selector_container { grid-column: 1; grid-row-start: 2; grid-row-end: 5; } #practice_conjugations_tense_selector_container .multi_select_list { max-height: 40rem; overflow-y: scroll; } #practice_conjugations_tense_selector_container .multi_select_list li { position: relative; } #practice_conjugations_tense_selector_container .multi_select_list li > div { display: inline-grid; grid-template-columns: 24rem 3rem; grid-template-areas: "tense info"; } #practice_conjugations_tense_selector_container .multi_select_list li > div > div { grid-area: tense; line-height: 1.25; } #practice_conjugations_tense_selector_container .multi_select_list li > div > div div { margin-top: 0.3rem; font-size: 1.4rem; font-style: italic; } #practice_conjugations_tense_selector_container .multi_select_list li > div i { grid-area: info; text-align: center; font-size: 2rem; position: absolute; top: 1.1rem; right: 1rem; } #practice_conjugations_verb_inputter { grid-column: 2; grid-row: 2; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #practice_conjugations_selected_verbs_all { font-weight: 400; font-size: 2rem; } #practice_conjugations_select_all_verbs_header { display: grid; grid-template-columns: 3fr 1fr; margin-bottom: 1.5rem; } #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_note { font-size: 1.3rem; line-height: 1.75; font-style: italic; font-weight: 400; } #practice_conjugations_quick_select_button_container { grid-column: 3; grid-row: 1; } #practice_conjugations_quick_select_button { font-weight: 500; margin: auto; } #practice_conjugations_select_verb_button_container { grid-column: 3; grid-row: 2; } #practice_conjugations_select_verb_button { font-weight: 500; margin: auto; } #practice_conjugations_selected_verbs_label { grid-column-start: 2; grid-column-end: 4; grid-row: 3; margin: auto 0; } #practice_conjugations_selected_verbs { grid-column-start: 2; grid-column-end: 4; grid-row: 4; max-width: 31rem; max-height: 32.6rem; overflow-y: auto; } .practice_conjugations_selected_verb { background-color: white; font-size: 1.6rem; height: 2rem; font-weight: 400; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 0.4rem 0.8rem; margin: 0 1rem 0.5rem 0; display: inline-block; text-align: center; } #practice_conjugations_advanced_settings_box .inner { display: grid; grid-template-rows: 3rem auto; grid-template-columns: 1fr 1fr 1fr; gap: 1rem 2rem; } label[for=practice_conjugations_pronoun_selector] { grid-column: 1; grid-row: 1; } label[for=practice_conjugations_regularity_selector] { grid-column: 2; grid-row: 1; } label[for=practice_conjugations_reflexivity_selector] { grid-column: 3; grid-row: 1; } #practice_conjugations_pronoun_selector_container { grid-column: 1; grid-row: 2; } #practice_conjugations_regularity_selector_container { grid-column: 2; grid-row: 2; } #practice_conjugations_reflexivity_selector_container { grid-column: 3; grid-row: 2; } #practice_conjugations_preferences_box { padding-bottom: 3rem; } #practice_conjugations_preferences_box .inner { display: grid; grid-template-rows: repeat(3, 3rem); grid-template-columns: 22rem auto; gap: 2rem 2rem; } label[for=practice_conjugations_complexity_selector] { grid-column: 1; grid-row: 1; } label[for=practice_conjugations_translang_selector] { grid-column: 1; grid-row: 2; } label[for=practice_conjugations_voice_selector_container] { grid-column: 1; grid-row: 3; } #practice_conjugations_complexity_selector_container { grid-column: 2; grid-row: 1; } #practice_conjugations_translang_selector_container { grid-column: 2; grid-row: 2; } #practice_conjugations_voice_selector_container { grid-column: 2; grid-row: 3; } #practice_conjugations_voice_selector_container select { display: inline-block; } #practice_conjugations_voice_selector_container .play_sample_button { display: inline-block; font-size: 2.2rem; margin-left: 0.5rem; } #practice_conjugations_settings_buttons_container { width: 100%; text-align: center; position: relative; } #practice_conjugations_settings_buttons_container input[type=submit], #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button { margin: 0.4rem 1rem 0.5rem 0; } .practice_conjugations_verb_list { font-size: 1.8rem; text-align: center; padding: 0 2rem; } .practice_conjugations_verb_list .practice_conjugations_verb_list { display: grid; grid-template-columns: auto 5rem; } .practice_conjugations_verb_list { font-size: 1.8rem; padding: 0 2rem; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row { padding: 0.5rem 1.2rem; text-align: center; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row i { position: absolute; right: 1rem; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_remove_button { color: rgba(255, 0, 0, 0.5) !important; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_remove_button:hover { color: rgb(255, 0, 0) !important; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row > span { font-weight: 600; margin: auto; } .practice_conjugations_verb_list_verb_definition { font-size: 1.5rem; font-style: italic; font-weight: 400; } #practice_quick_conjugations_progress_container { display: grid; grid-template-columns: 1fr 1fr 1fr; position: relative; height: 4.5rem; padding: 1rem 1rem 0.5rem 1rem; background-color: rgba(8, 116, 133, 0.075); z-index: 1; } #practice_quick_conjugations_progress_container #conjugation_drills_stars_info_dialog_button { margin-left: 0.7rem; position: relative; top: 0.7rem; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label { position: relative; font-weight: 400; border: 1px solid rgba(8, 116, 133, 0.45); border-bottom: none; background: rgba(8, 116, 133, 0.2); padding: 0.4rem 1rem 0.6rem 1rem; border-radius: 0.8rem 0.8rem 0 0; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .inner { /*display: grid; grid-template-columns: minmax(5rem, min-content) minmax(5rem, min-content); gap: 0.7rem;*/ white-space: nowrap; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .practice_mini_progress_bar { background-color: white; position: absolute; width: 102%; height: 0.6rem; bottom: -0.6rem; left: -0.1rem; border-radius: 0 0 0.8rem 0.8rem; overflow: hidden; border-top: none; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .practice_mini_progress_bar#practice_quick_conjugations_rank_progress_bar { background-color: rgba(0, 0, 0, 0.04); width: 100%; border: 1px solid rgba(8, 116, 133, 0.45); border-top: none; bottom: -0.7rem; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .practice_mini_progress_bar .progress_bar_correct { position: absolute; background-color: rgba(0, 102, 0, 0.8); height: 100%; width: 50%; left: 0; transition: width 1s ease-in-out; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .practice_mini_progress_bar .progress_bar_incorrect { position: absolute; background-color: rgba(220, 0, 0, 0.7); height: 100%; width: 50%; right: 0; border-radius: 0 0 0.8rem 0; transition: width 1s ease-in-out; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .practice_mini_progress_bar .progress_bar_done { position: absolute; background-color: rgba(8, 116, 133, 0.45); height: 100%; width: 0%; left: 0; transition: width 1s ease-in-out; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label .practice_quick_conjugations_right_text { font-weight: 600; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_right_label { margin: auto; width: -moz-fit-content; width: fit-content; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_right_label #practice_quick_conjugations_right_label_value { display: grid; grid-template-columns: 1fr 1.4rem 1fr; text-align: center; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_right_label #practice_quick_conjugations_right_label_value #practice_quick_conjugations_right_label_value_correct, #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_right_label #practice_quick_conjugations_right_label_value #practice_quick_conjugations_right_label_value_incorrect { min-width: 2.5rem; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_left_label { float: left; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_left_label #practice_quick_conjugations_level_up_icon { position: absolute; font-size: 2.4rem; right: -3.5rem; bottom: 0; color: rgba(0, 102, 0, 0.8); } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_left_label #practice_quick_conjugations_level_up_label { position: absolute; font-size: 1.8rem; right: -12.8rem; bottom: 0.4rem; font-weight: 600; white-space: nowrap; } #practice_quick_conjugations_progress_container .practice_quick_conjugations_label#practice_quick_conjugations_left_label #practice_quick_conjugations_level_down_icon { position: absolute; font-size: 2.4rem; right: -3.5rem; bottom: 0; color: rgba(220, 0, 0, 0.7); } #practice_conjugations { padding: 0 0 3rem 0; min-height: 41.4rem; margin-left: calc(50vw-63.5rem/2); } #practice_conjugations.demo #practice_conjugations_tatoeba_link { right: 6rem; } #practice_conjugations.demo #practice_conjugations_play_audio { right: 2rem; } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container { display: grid; grid-template-columns: 13rem auto; margin-bottom: -1.2rem; } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_label { position: relative; left: 1rem; top: 0.5rem; padding: 0.2rem; height: 2.4rem; width: 11rem; border: rgb(200, 0, 0) 0.2rem solid; background-color: rgba(200, 0, 0, 0.15); border-radius: 1.2rem; color: rgb(200, 0, 0); } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_label i { color: rgb(200, 0, 0); } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_progress_bar { background-color: rgba(200, 0, 0, 0.15); } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_progress_bar .progress_bar_done { background-color: rgb(200, 0, 0); } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_progress_bar .progress_bar_end { background-color: rgb(200, 0, 0); } .practice_quick_conjugations_rank_full_star { color: goldenrod; } .conjugation_group_intro { padding: 0.5rem 2.5rem; margin-bottom: 3rem; line-height: 1.75; } .conjugation_group_intro .conjugation_form { white-space: normal !important; overflow-wrap: break-word; } .conjugation_group_intro h1 { font-weight: 600; font-size: 2.4rem; text-decoration: underline; } .conjugation_group_intro h2 { font-size: 2.2rem; margin-bottom: 1.2rem; } .conjugation_group_intro h2 span.tense_box { margin-left: 0.5rem; position: relative; bottom: 0.2rem; } .conjugation_group_intro .conjugation_group_intro_middle_buttons { margin-top: 2rem; } .conjugation_group_intro .conjugation_group_intro_verb { font-style: italic; font-weight: 600; } .conjugation_group_intro .conjugation_group_model_verb_translation { font-size: 1.6rem; font-style: italic; } .conjugation_group_intro .conjugation_group_model_verb { text-align: center; margin-top: 2.8rem; } .conjugation_group_intro .conjugation_group_model_verb > span { padding: 0.8rem 1.5rem; background-color: rgba(8, 116, 133, 0.2); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } .conjugation_group_intro .conjugation_group_conjugation_arrow { margin-bottom: 0.5rem; margin-top: 0.8rem; } .conjugation_group_intro .conjugation_group_intro_bottom_text { text-align: justify; } .conjugation_group_intro .study_conjugations_tense_container { padding-top: 1rem; margin: auto; width: 65%; margin-bottom: 1.5rem; } .conjugation_group_intro .conjugation_group_intro_all_verbs_link { text-decoration: underline; } .conjugation_group_intro .conjugation_group_intro_explanations_label { text-align: justify; margin-top: 0.5rem; } .conjugation_group_intro .conjugation_group_intro_explanations { text-align: justify; margin-top: 1rem; list-style: disc; } .conjugation_group_intro .conjugation_group_intro_explanations li { text-decoration: underline; margin-left: 2rem; } .conjugation_group_intro .conjugation_group_intro_example_sentences { text-align: justify; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence { display: grid; grid-template-areas: "person sentence" "person translation"; grid-template-columns: 5rem auto; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_person { grid-area: person; padding-bottom: 0.5rem; margin-bottom: 0.5rem; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text { grid-area: sentence; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .highlighted_token { font-weight: 600; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .playable_audio_container { position: relative; top: 0.1rem; left: 0.2rem; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_translation { grid-area: translation; font-size: 1.6rem; font-style: italic; padding-bottom: 0.5rem; margin-bottom: 0.5rem; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence:not(:last-child) .conjugation_group_intro_example_sentence_person, .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence:not(:last-child) .conjugation_group_intro_example_sentence_translation { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #demo_guide_info { position: fixed; left: 5rem; top: 2rem; width: 40rem; padding: 1rem; display: block; } #practice_conjugation_demo_guide_verb { left: 17.5rem; top: -10rem; width: 26rem; } #practice_conjugation_demo_guide_verb_delayed { left: 15rem; top: -8.6rem; width: 32rem; } #practice_conjugation_demo_guide_person { left: -35.7rem; top: 10rem; } #practice_conjugation_demo_guide_translation { left: -39rem; top: 15.3rem; width: 35rem; } #practice_demo_guide_special { left: -34rem; bottom: 0; width: 30rem; } @media only screen and (max-width: 1420px) { #practice_demo_guide_special { left: -24rem; bottom: 0; width: 20rem; } } #practice_conjugation_demo_guide_tense { right: -34.2rem; top: 10rem; } #practice_conjugation_demo_guide_sentence { right: -34.2rem; top: 27rem; width: 30rem; padding-bottom: 1rem; } #practice_conjugation_demo_guide_sentence_delayed { top: 27rem; left: -34rem; width: 30rem; padding-bottom: 1rem; } #practice_demo_guide_progress_bar { left: -35.8rem; top: -0.3rem; } #practice_demo_guide_button { left: 15rem; bottom: -10rem; width: 32rem; padding-top: 0.5rem; } #practice_conjugation_demo_guide_buttons_delayed { right: -34.2rem; top: 21.1rem; width: 30rem; padding-bottom: 1rem; } #practice_conjugation_demo_guide_keep_going { left: 16rem; bottom: -7rem; padding-top: 0.5rem; } .guide, .delayed_guide { position: absolute; background-color: lightyellow; border: rgba(8, 116, 133, 0.45) 0.1rem solid; border-radius: 1.2rem; z-index: 999; display: grid; } .guide .guide_text, .delayed_guide .guide_text { font-weight: 600; grid-area: text; line-height: 1.5; font-size: 2.2rem; } .guide .guide_text .guide_parentheses, .delayed_guide .guide_text .guide_parentheses { font-weight: 400; font-size: 1.6rem; text-align: justify; } @media only screen and (max-width: 1420px) { .guide .guide_text, .delayed_guide .guide_text { font-size: 1.5rem; line-height: 1.25; } .guide .guide_text .guide_parentheses, .delayed_guide .guide_text .guide_parentheses { font-size: 1.4rem; } } .guide .guide_arrow, .delayed_guide .guide_arrow { grid-area: arrow; font-size: 2.8rem; } .guide.guide_right, .guide.guide_left, .delayed_guide.guide_right, .delayed_guide.guide_left { padding: 0.5rem 1.5rem; gap: 1rem; } @media only screen and (max-width: 1420px) { .guide.guide_right, .guide.guide_left, .delayed_guide.guide_right, .delayed_guide.guide_left { padding: 0.3rem 0.7rem; gap: 0.5rem; } } .guide.guide_right .guide_arrow, .guide.guide_left .guide_arrow, .delayed_guide.guide_right .guide_arrow, .delayed_guide.guide_left .guide_arrow { position: relative; bottom: 0.4rem; } @media only screen and (max-width: 1420px) { .guide.guide_right .guide_arrow, .guide.guide_left .guide_arrow, .delayed_guide.guide_right .guide_arrow, .delayed_guide.guide_left .guide_arrow { bottom: 1.2rem; } } .guide.guide_right, .delayed_guide.guide_right { grid-template-areas: "text arrow"; } .guide.guide_left, .delayed_guide.guide_left { grid-template-areas: "arrow text"; } .guide.guide_down, .delayed_guide.guide_down { padding: 1rem; grid-template-areas: "text" "arrow"; } .guide.guide_up, .delayed_guide.guide_up { padding: 1rem; padding-top: 0.5rem; padding-bottom: 1.5rem; grid-template-areas: "arrow" "text"; } .guide_arrow { font-size: 3rem; } .anno-inner { background-color: lightyellow !important; border: rgba(8, 116, 133, 0.45) 0.1rem solid !important; border-radius: 1.2rem !important; } .anno-inner .anno-content { font-size: 2.2rem !important; line-height: 1.5 !important; color: black !important; text-align: center !important; } .anno-inner .anno-content .guide_parentheses { margin-top: 1rem; font-weight: 400 !important; font-size: 1.6rem !important; } .guide_tour_intro .anno-inner { padding-top: 2rem; } .guide_tour_intro .anno-inner .anno-content { padding: 2rem !important; display: grid; grid-template-columns: min-content auto; gap: 3rem; } .guide_tour_intro .anno-inner .anno-content p { margin-bottom: 1rem; text-align: justify; } #practice_conjugations_snowballs { position: absolute; top: 10rem; left: calc(50vw-92.5rem); } #practice_conjugations_lingu_chalkboard { position: absolute; height: 55rem; top: 8rem; left: calc(50vw25rem); } @media only screen and (max-width: 1550px) { #practice_conjugations_lingu_chalkboard { display: None; } } #practice_conjugations_details { margin: 1.2rem; display: grid; grid-template-areas: "person_icon verb verb verb verb tense_icon" "person_name person_name person_name tense_name tense_name tense_name"; } #practice_conjugations_verb { font-size: 5rem; font-weight: 900; grid-area: verb; margin-top: -0.8rem; padding-top: 0; } #practice_conjugations_verb_description { font-size: 3.2rem; font-weight: 900; grid-area: verb; margin-top: -0.8rem; padding-top: 0; padding-left: 1rem; padding-right: 1rem; } #practice_conjugations_verb_description p { font-weight: 400; font-size: 2.2rem; } #practice_conjugations_hidden_verb_special_letters_block { grid-column: span 2; } .practice_conjugations_hidden_verb_sentence_block { margin: auto; width: 85%; line-height: 1.5; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; margin-top: 2rem; } .practice_conjugations_hidden_verb_sentence_block.correct { background-color: rgba(0, 255, 0, 0.15); } .practice_conjugations_hidden_verb_sentence_block.correct .practice_conjugations_hidden_verb_sentence_block_cloze_html, .practice_conjugations_hidden_verb_sentence_block.correct .practice_conjugations_hidden_verb_sentence_block_second_cloze_html { color: black; } .practice_conjugations_hidden_verb_sentence_block.incorrect .practice_conjugations_hidden_verb_sentence_block_cloze_html, .practice_conjugations_hidden_verb_sentence_block.incorrect .practice_conjugations_hidden_verb_sentence_block_second_cloze_html { color: red; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_cloze_html, .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_second_cloze_html { color: white; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.7); } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header { display: grid; grid-template-columns: auto auto; min-height: 3rem; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1rem 1rem 0 0; height: 4.05rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_notes { text-align: left; font-size: 1.6rem; padding-left: 1rem; position: relative; top: 0.8rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_notes .practice_conjugations_hidden_verb_sentence_block_notes_lemma_text { font-size: 1.8rem; font-weight: 600; text-transform: uppercase; position: relative; left: 0.2rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_notes .practice_conjugations_hidden_verb_sentence_block_notes_dialects { display: inline-block; margin-left: 1rem; font-style: italic; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_notes .practice_conjugations_hidden_verb_sentence_block_notes_dialects .practice_conjugations_dialect_abbreviation { display: inline-block; margin-left: 0.5rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_notes .practice_conjugations_hidden_verb_sentence_block_notes_dialects .practice_conjugations_dialect_flag { display: inline-block; margin-left: 0.8rem; position: relative; top: 0.3rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner { position: relative; top: 0.5rem; padding-right: 0.5rem; display: grid; grid-auto-columns: minmax(min-content, 3rem); grid-auto-flow: column; justify-content: flex-end; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i { z-index: 999; font-size: 2rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner .sentence_to_favorites { position: static; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner .sentence_to_favorites i { color: rgba(8, 116, 133, 0.2) !important; position: relative; bottom: 0.7rem; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner .sentence_to_favorites i.sentence_to_favorites_on { color: #f22e2e !important; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_sentence { min-height: 3rem; font-size: 2.4rem; padding: 1rem; font-weight: 600; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_translation { min-height: 3rem; font-size: 1.8rem; font-style: italic; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; } #practice_conjugations_hidden_verb_reveal_button, #practice_conjugations_hidden_verb_buttons { z-index: 999; } .practice_conjugations_hidden_verb_sentence_block.primary .practice_conjugations_hidden_verb_sentence_block_header { background-color: rgba(8, 116, 133, 0.2); } .practice_conjugations_hide_tense i { transition: all 1s ease-in-out; } #practice_conjugations_tense_icon { grid-area: tense_icon; font-size: 5.2rem; text-align: right; } #practice_conjugations_person_icon { grid-area: person_icon; font-size: 5.2rem; text-align: left; } #practice_conjugations_reveal_tense { font-size: 1.8rem; font-weight: 400; font-style: italic; } #practice_conjugations_tense, #practice_conjugations_person { margin-top: 0.5rem; font-size: 2.2rem; font-weight: 600; } #practice_conjugations_tense { text-align: right; grid-area: tense_name; } #practice_conjugations_person { text-align: left; grid-area: person_name; } #practice_conjugations_person #practice_conjugations_person_text { font-size: 1.75rem; font-weight: 400; } #practice_conjugations_type_section { position: relative; background-color: #ffffff; border-top: 0.1rem solid rgba(8, 116, 133, 0.2); margin-top: 0.5rem; min-height: 14.3rem; z-index: 300; } #practice_conjugations_type_section #practice_conjugations_exercise_textbox { background-color: white; } #practice_conjugations_top_buttons { height: 6rem; padding: 1.5rem; position: relative; display: grid; grid-template-columns: auto repeat(4, min-content); } #practice_conjugations_top_buttons > * { padding-right: 0.7rem; padding-left: 0.7rem; } #practice_conjugations_top_buttons .sentence_to_favorites { position: relative; top: auto; right: auto; } #practice_conjugations_text { font-size: 2.3rem; font-weight: 600; margin: 0 2rem; line-height: 2; position: relative; } #practice_conjugations_pre_cloze_text, #practice_conjugations_post_cloze_text { position: relative; } .practice_conjugations_solutions_label { font-weight: 400; font-size: 1.8rem; text-decoration: underline; } #practice_conjugations_exercise_second_textbox_container_container, #practice_conjugations_hidden_verb_typing_second_textbox_container { white-space: nowrap; } #practice_conjugations_exercise_second_textbox_container_container i, #practice_conjugations_hidden_verb_typing_second_textbox_container i { position: relative; bottom: 2.9rem; right: 1.5rem; margin-right: -2.05rem; background: white; border-radius: 1.2rem; } #practice_conjugations_hidden_verb_typing_second_textbox_container { text-align: left; } #practice_conjugations_exercise_textbox_container_container, .chapter_end_page_activity_block_cloze_exercise_textbox_container_container { display: inline-grid; position: relative; white-space: nowrap; } #practice_conjugations_exercise_textbox_container_container #practice_conjugations_person_indicator, .chapter_end_page_activity_block_cloze_exercise_textbox_container_container #practice_conjugations_person_indicator { position: absolute; right: 0; top: 0; font-size: 1.2rem; padding: 0 0.6rem; border-radius: 0 0.5rem; color: #087485; font-weight: 600; } #practice_conjugations_exercise_textbox_container_container #practice_conjugations_person_indicator.hidden_tense, .chapter_end_page_activity_block_cloze_exercise_textbox_container_container #practice_conjugations_person_indicator.hidden_tense { background-color: rgba(8, 116, 133, 0.075); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-top: none; border-right: none; } #practice_conjugations_exercise_textbox_container, #practice_conjugations_exercise_second_textbox_container, .chapter_end_page_activity_block_cloze_exercise_textbox_container { display: inline-flex; position: relative; width: 13.8rem; height: 3.7rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #practice_conjugations_exercise_textbox_container#practice_conjugations_exercise_second_textbox_container, #practice_conjugations_exercise_second_textbox_container#practice_conjugations_exercise_second_textbox_container, .chapter_end_page_activity_block_cloze_exercise_textbox_container#practice_conjugations_exercise_second_textbox_container { padding-right: 1rem; margin-top: 1rem; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled { position: relative; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled .inner, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled .inner, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .inner, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled .inner, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled .inner, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .inner, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled .inner, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled .inner, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .inner { position: absolute; bottom: 0.1rem; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled { background: transparent; border: 0 none; display: block; margin: 0; outline: none; padding: 0; resize: none; -webkit-appearance: none; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; font-size: 2.3rem; font-weight: 600; width: 100%; height: 100%; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox::-webkit-input-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::-webkit-input-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox::-webkit-input-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-webkit-input-placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-webkit-input-placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-webkit-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox::-webkit-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled::-webkit-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox::-webkit-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-webkit-input-placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-webkit-input-placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-webkit-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox::-webkit-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::-webkit-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox::-webkit-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-webkit-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-webkit-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-webkit-input-placeholder { color: rgba(8, 116, 133, 0.45) !important; font-weight: 400; font-style: italic; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox::-ms-input-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::-ms-input-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox::-ms-input-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-ms-input-placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-ms-input-placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-ms-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox::-ms-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled::-ms-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox::-ms-input-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-ms-input-placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-ms-input-placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-ms-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox::-ms-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::-ms-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox::-ms-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-ms-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-ms-input-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-ms-input-placeholder { color: rgba(8, 116, 133, 0.45) !important; font-weight: 400; font-style: italic; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox::-moz-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::-moz-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox::-moz-placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-moz-placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-moz-placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-moz-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox::-moz-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled::-moz-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox::-moz-placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-moz-placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-moz-placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-moz-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox::-moz-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::-moz-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox::-moz-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::-moz-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::-moz-placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::-moz-placeholder { color: rgba(8, 116, 133, 0.45) !important; font-weight: 400; font-style: italic; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox::placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox::placeholder, #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::placeholder, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox::placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled::placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox::placeholder, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled::placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::placeholder, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox::placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled::placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox::placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled::placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox::placeholder, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled::placeholder { color: rgba(8, 116, 133, 0.45) !important; font-weight: 400; font-style: italic; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled { display: inline-flex; text-align: left; cursor: not-allowed; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled .practice_conjugation_unnecessary_answer, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .practice_conjugation_unnecessary_answer, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled .practice_conjugation_unnecessary_answer, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .practice_conjugation_unnecessary_answer, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled .practice_conjugation_unnecessary_answer, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .practice_conjugation_unnecessary_answer { color: red; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled .practice_conjugation_incorrect_answer, #practice_conjugations_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .practice_conjugation_incorrect_answer, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_textbox_disabled .practice_conjugation_incorrect_answer, #practice_conjugations_exercise_second_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .practice_conjugation_incorrect_answer, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_textbox_disabled .practice_conjugation_incorrect_answer, .chapter_end_page_activity_block_cloze_exercise_textbox_container .chapter_end_page_activity_block_cloze_exercise_textbox_disabled .practice_conjugation_incorrect_answer { color: red; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled { display: inline-flex; text-align: left; cursor: not-allowed; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled .practice_conjugation_unnecessary_answer, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled .practice_conjugation_unnecessary_answer, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled .practice_conjugation_unnecessary_answer { color: red; } #practice_conjugations_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled .practice_conjugation_incorrect_answer, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_exercise_second_textbox_disabled .practice_conjugation_incorrect_answer, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_exercise_second_textbox_disabled .practice_conjugation_incorrect_answer { color: red; } #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons { position: absolute; right: 0.3rem; bottom: 0; } #practice_conjugations_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_icon, #practice_conjugations_exercise_second_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_icon, .chapter_end_page_activity_block_cloze_exercise_textbox_container #practice_conjugations_correction_icons i.practice_conjugations_correct_icon { color: green; } #practice_conjugations_solutions, .chapter_end_page_activity_block_cloze_exercise_solutions { min-height: 6rem; margin: 1rem auto; max-width: 80%; } #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation { background-color: rgba(255, 0, 0, 0.15); border: 0.1rem solid rgba(255, 0, 0, 0.15); border-radius: 0.8rem; position: relative; top: 0.5rem; line-height: 1.5; display: inline-block; margin-bottom: 1rem; } #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_solutions_text, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation .chapter_end_page_activity_block_cloze_exercise_solutions_text, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_solutions_text, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation .chapter_end_page_activity_block_cloze_exercise_solutions_text, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_solutions_text, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation .chapter_end_page_activity_block_cloze_exercise_solutions_text, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_solutions_text, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation .chapter_end_page_activity_block_cloze_exercise_solutions_text { padding: 0.6rem 1.4rem; font-size: 2.2rem; font-weight: 600; background-color: rgba(255, 0, 0, 0.15); } #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text { padding: 0.8rem 1.4rem; font-size: 1.6rem; border-top: 0.1rem solid rgba(255, 0, 0, 0.15); line-height: 2; } #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link { line-height: 1.5; font-weight: 600; background-color: rgb(206, 227, 231); } #practice_conjugations_solutions #practice_conjugations_other_solutions_text, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_other_solutions_text, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_other_solutions_text, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_other_solutions_text { padding: 0.6rem 1.4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; font-size: 2rem; font-weight: 400; position: relative; top: 1.5rem; line-height: 1.5; display: inline-block; } #practice_conjugations_solutions, .chapter_end_page_activity_block_cloze_exercise_solutions { /*#practice_conjugations_explanation_link { @extend .clickable; @extend %noselect; display: inline; margin-left: 0.5rem; text-decoration: underline; font-weight: 600; font-size: 2.2rem; }*/ } #practice_conjugations_explanations { min-height: 4rem; margin: 1rem 4rem; max-width: 80%; } #practice_conjugations_explanations #practice_conjugations_explanations_label { padding: 0.6rem 1.4rem; font-size: 2rem; font-weight: 600; text-align: left; } #practice_conjugations_explanations #practice_conjugations_explanations_content { text-align: left; padding: 0 1.4rem 0.8rem 1.4rem; } #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button { display: inline-block; margin: 0.4rem 0.6rem 0.4rem 0; } #practice_conjugations_translation_row { min-height: 2.5rem; margin: 2.5rem 1.2rem 1.5rem 1.2rem; font-size: 1.6rem; text-align: left; position: relative; } #practice_conjugations_translation_row #practice_conjugations_translation i { font-size: 3rem; position: relative; top: 0.5rem; } #practice_conjugations_translation_container { text-align: left; margin: 2rem 1.2rem 0 1.2rem; line-height: 1.5; } #practice_conjugations_translation_container .translation_flag { float: none; } #practice_conjugations_translation_text_container { position: relative; min-height: 3.5rem; display: inline-block; } #practice_conjugations_translation_text_container #practice_conjugations_translation_text { font-size: 1.6rem; max-width: 95%; font-weight: 500; position: relative; top: 0.2rem; left: 0.8rem; line-height: 1.5; text-align: left; } #practice_conjugations_translation_text_container #practice_conjugations_show_translation_button { padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; font-size: 1.3rem !important; position: relative; left: 0.7rem; } #practice_conjugations_no_translation, #practice_conjugations_no_sentence { text-align: left; font-style: italic; font-size: 1.4rem; } #practice_conjugations_machine_translation_button { float: right; position: relative; bottom: 1rem; font-size: 1.4rem !important; font-style: normal; z-index: 99; } .machine_translations_dialog { padding: 0 1.5rem 1.5rem 1.5rem !important; } .dictionary_dialog:has(.machine_translation_text) .machine_translation_block { margin-left: 0.8rem; } .machine_translations_dialog .machine_translations_translating_label, .dictionary_dialog:has(.machine_translation_text) .machine_translations_translating_label { position: relative; bottom: 0.4rem; margin-left: 0.5rem; font-size: 1.4rem; } .machine_translations_dialog .machine_translation_text, .dictionary_dialog:has(.machine_translation_text) .machine_translation_text { margin-left: 0.5rem; min-height: 4.2rem; } .machine_translations_dialog .machine_translation_text .loader, .dictionary_dialog:has(.machine_translation_text) .machine_translation_text .loader { font-size: 2.4rem; } .machine_translations_dialog .section_title_container, .machine_translations_dialog #faq .faq_category .faq_title_container, #faq .faq_category .machine_translations_dialog .faq_title_container, .dictionary_dialog:has(.machine_translation_text) .section_title_container, .dictionary_dialog:has(.machine_translation_text) #faq .faq_category .faq_title_container, #faq .faq_category .dictionary_dialog:has(.machine_translation_text) .faq_title_container { display: inline; } .machine_translations_dialog .machine_translation_language_flag, .dictionary_dialog:has(.machine_translation_text) .machine_translation_language_flag { display: inline-block; width: 2.5rem; height: 2.5rem; position: relative; top: 0.8rem; } #practice_conjugations_play_audio { font-size: 2.4rem; /*position: absolute; top: 1.5rem; right: 5.2rem;*/ width: 2.25rem; } #practice_conjugations_report { font-size: 2.4rem; /*position: absolute; top: 1.5rem; right: 9rem;*/ } #practice_conjugations_report.nosentence { right: 1.5rem; } #practice_conjugations_tatoeba_link { font-size: 2.4rem; /*position: absolute; top: 1.5rem; right: 13.2rem;*/ } #practice_quick_conjugations_end_session_button { position: absolute; right: 0.4rem; top: 0.6rem; } #practice_conjugations_session_end { width: 63.5rem; text-align: center; margin-left: calc(50vw-63.5rem/2); } #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements { display: grid; grid-template-columns: 17rem auto; } #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements > div, #practice_conjugations_session_end #practice_session_achievements_container #practice_session_achievements > a { padding: 1.2rem 1.5rem; } #practice_conjugations_session_end #practice_session_achievements_container .practice_session_achievements_stars .practice_session_achievements_full_star { color: gold; } #practice_conjugations_session_end #practice_session_achievements_container .tense_box { margin-left: 0.6rem; } #practice_conjugations_session_end #practice_session_mistakes_container .answer { min-width: 10rem; background: rgba(255, 0, 0, 0.15); padding: 0.3rem 0.5rem; border-radius: 0.8rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes { display: grid; grid-template-columns: 3.5rem auto min-content; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes > div, #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes > a { padding: 1.2rem 1.5rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise { display: grid; grid-template-areas: "verb verb" "tense_icon tense_name" "person_icon person_name" "exercise exercise"; grid-template-columns: 3.2rem auto; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise > div { margin-bottom: 0.5rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .verb { grid-area: verb; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .tense_name { grid-area: tense_name; position: relative; top: 0.4rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .tense_name .tense_dialect_flag { height: 2rem; width: 2rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .tense_icon { grid-area: tense_icon; font-size: 2.3rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .person_name { grid-area: person_name; position: relative; top: 0.4rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .person_icon { grid-area: person_icon; font-size: 2.3rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .exercise { grid-area: exercise; line-height: 1.75; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .correct_answers { padding-right: 2rem; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .correct_answers div { margin-bottom: 1rem; font-weight: 600; } /* WORD LISTS */ #word_lists_direction_switch_container { position: absolute; left: 0; } #word_lists_direction_switch_container #word_lists_direction_switch { transition: all 0.2s ease-in-out; position: absolute; left: 2.5rem; border: 0.2rem solid rgba(8, 116, 133, 0.2); border-radius: 2rem; height: 3.2rem; width: 10rem; background-color: rgb(206, 227, 231); } #word_lists_direction_switch_container #word_lists_direction_switch:hover { background-color: rgb(144, 192, 200); } #word_lists_direction_switch_container #word_lists_direction_switch img { position: absolute; height: 3.2rem; width: 3.2rem; border-radius: 50%; } #word_lists_direction_switch_container #word_lists_direction_switch .word_list_direction_switch_left_flag { left: 0; } #word_lists_direction_switch_container #word_lists_direction_switch .word_list_direction_switch_right_flag { right: 0; } #word_lists_direction_switch_container #word_lists_direction_switch .word_list_direction_switch_arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; color: #087485; margin-left: 0.1rem; } #word_lists_direction_switch_container .info_dialog_button { font-size: 1.8rem; position: absolute; left: 12.7rem; top: 0.8rem; } #word_lists { font-size: 1.6rem; padding-bottom: 4rem; text-align: left; } #word_lists h1 { text-align: center; margin-bottom: 2rem; } #word_lists .word_lists_problem_words_quick_review { position: relative; right: 3rem; bottom: 0.6rem; } #word_lists #word_lists_instruction { margin-top: 2rem; padding: 0.5rem; line-height: 1.75; text-align: justify; font-size: 1.6rem; } #word_lists #word_lists_import_button { position: relative; bottom: 0.3rem; } #word_lists #word_lists_excluded_button { position: relative; bottom: 0.3rem; } #word_lists #word_lists_table { text-align: center; display: grid; grid-template-columns: auto 3rem 9rem 7rem 7rem; } #word_lists #word_lists_table > div, #word_lists #word_lists_table > a { padding: 1.2rem 1.5rem; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell).selected { background-color: rgba(8, 116, 133, 0.2) !important; font-weight: 600; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):nth-child(5n+4) span, #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):nth-child(5n+5) span { font-size: 1.5rem; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell).word_lists_word_bank_info, #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell).word_lists_details { padding-left: 0.5rem; } #word_lists #word_lists_table_reverse { text-align: center; display: grid; grid-template-columns: auto 3rem 9rem 7rem 7rem; } #word_lists #word_lists_table_reverse > div, #word_lists #word_lists_table_reverse > a { padding: 1.2rem 1.5rem; } #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell).selected { background-color: rgba(8, 116, 133, 0.2) !important; font-weight: 600; } #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):nth-child(5n+4) span, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):nth-child(5n+5) span { font-size: 1.5rem; } #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell).word_lists_word_bank_info, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell).word_lists_details { padding-left: 0.5rem; } #word_lists #auto_word_lists_table, #word_lists #auto_word_lists_table_reverse { display: grid; grid-template-columns: auto 3rem 3rem 9rem 14rem; } #word_lists #auto_word_lists_table > div, #word_lists #auto_word_lists_table > a, #word_lists #auto_word_lists_table_reverse > div, #word_lists #auto_word_lists_table_reverse > a { padding: 1.2rem 1.5rem; } #word_lists #auto_word_lists_table, #word_lists #auto_word_lists_table_reverse { text-align: center; margin-top: -2.4rem; } #word_lists #auto_word_lists_table .problem_words_info, #word_lists #auto_word_lists_table .problem_words_details, #word_lists #auto_word_lists_table_reverse .problem_words_info, #word_lists #auto_word_lists_table_reverse .problem_words_details { padding-left: 0.5rem; } #word_lists #auto_word_lists_table .problem_words_info i, #word_lists #auto_word_lists_table .problem_words_details i, #word_lists #auto_word_lists_table_reverse .problem_words_info i, #word_lists #auto_word_lists_table_reverse .problem_words_details i { font-size: 1.8rem; display: inline-block; } #word_lists #word_lists_practice_button_container { width: 100%; text-align: center; margin-top: 2rem; height: 5rem; } #word_lists #word_lists_practice_button_container #word_lists_practice_button, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button { position: relative; } #word_lists_settings_container { text-align: left; padding-bottom: 3rem; width: 63.5rem; } #word_lists_settings_container #word_lists_preferences_box { position: relative; background-color: #ffffff; width: 90%; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; margin: 4rem auto 2.5rem auto; padding: 2rem; font-size: 1.9rem; font-weight: 600; padding-top: 3.5rem; } #word_lists_settings_container #word_lists_preferences_box .inner { display: grid; grid-template-rows: min-content repeat(3, 3rem); grid-template-columns: 28rem auto; gap: 2rem 2rem; } #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_voice_selector_container i { font-size: 2.4rem; position: relative; left: 0.5rem; } #word_lists_settings_container #word_lists_preferences_box .inner #word_lists_self_rate_buttons_container { font-weight: 400; font-size: 1.8rem; } #word_lists_settings_container #word_lists_preferences_box.quick_review_selected .inner { grid-template-rows: min-content min-content; } #word_lists_first_session_select_container, #listening_first_session_select_container { display: grid; grid-template-areas: "label label" "typing non_typing"; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 4.5rem; padding-top: 6rem; } #word_lists_first_session_select_container #word_lists_first_session_select_label, #word_lists_first_session_select_container #listening_first_session_select_label, #listening_first_session_select_container #word_lists_first_session_select_label, #listening_first_session_select_container #listening_first_session_select_label { grid-area: label; text-align: center; height: 6.35rem; } #word_lists_first_session_select_container #word_lists_first_session_select_label h1, #word_lists_first_session_select_container #listening_first_session_select_label h1, #listening_first_session_select_container #word_lists_first_session_select_label h1, #listening_first_session_select_container #listening_first_session_select_label h1 { font-size: 3rem; } #word_lists_first_session_select_container #word_lists_first_session_select_label h2, #word_lists_first_session_select_container #listening_first_session_select_label h2, #listening_first_session_select_container #word_lists_first_session_select_label h2, #listening_first_session_select_container #listening_first_session_select_label h2 { font-size: 1.4rem; font-style: italic; } #word_lists_first_session_select_container .word_lists_first_session_select_option, #word_lists_first_session_select_container .listening_first_session_select_option, #listening_first_session_select_container .word_lists_first_session_select_option, #listening_first_session_select_container .listening_first_session_select_option { margin-top: 3rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; padding: 3rem 1.5rem; display: grid; grid-template-rows: auto auto; text-align: center; gap: 3rem; box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem rgba(8, 116, 133, 0.2); } #word_lists_first_session_select_container .word_lists_first_session_select_option:hover, #word_lists_first_session_select_container .word_lists_first_session_select_option.selected, #word_lists_first_session_select_container .listening_first_session_select_option:hover, #word_lists_first_session_select_container .listening_first_session_select_option.selected, #listening_first_session_select_container .word_lists_first_session_select_option:hover, #listening_first_session_select_container .word_lists_first_session_select_option.selected, #listening_first_session_select_container .listening_first_session_select_option:hover, #listening_first_session_select_container .listening_first_session_select_option.selected { background-color: rgba(8, 116, 133, 0.2); } #word_lists_first_session_select_container .word_lists_first_session_select_option img, #word_lists_first_session_select_container .listening_first_session_select_option img, #listening_first_session_select_container .word_lists_first_session_select_option img, #listening_first_session_select_container .listening_first_session_select_option img { width: 15rem; margin: auto; } #word_lists_first_session_select_container .word_lists_first_session_select_option > div, #word_lists_first_session_select_container .listening_first_session_select_option > div, #listening_first_session_select_container .word_lists_first_session_select_option > div, #listening_first_session_select_container .listening_first_session_select_option > div { font-size: 2.2rem; font-weight: 600; } #word_lists_first_session_select_container .word_lists_first_session_select_option i, #word_lists_first_session_select_container .listening_first_session_select_option i, #listening_first_session_select_container .word_lists_first_session_select_option i, #listening_first_session_select_container .listening_first_session_select_option i { font-size: 6.4rem; } #word_lists_first_session_select_container #word_lists_first_session_select_option_typing, #word_lists_first_session_select_container #listening_first_session_select_option_typing, #listening_first_session_select_container #word_lists_first_session_select_option_typing, #listening_first_session_select_container #listening_first_session_select_option_typing { grid-area: typing; } #word_lists_first_session_select_container #word_lists_first_session_select_option_non_typing, #word_lists_first_session_select_container #listening_first_session_select_option_non_typing, #listening_first_session_select_container #word_lists_first_session_select_option_non_typing, #listening_first_session_select_container #listening_first_session_select_option_non_typing { grid-area: non_typing; } #import_words { padding-bottom: 3rem; } #import_words #import_words_label { text-align: left; margin-top: 5rem; margin-bottom: 2rem; } #import_words a { padding: 2rem 3rem; font-size: 2.2rem; margin-bottom: 2rem; border-radius: 2rem !important; width: 28rem; } #import_words_copy_paste #import_words_copy_paste_label { text-align: justify; line-height: 1.5; margin-top: 4rem; margin-bottom: 2rem; } #import_words_copy_paste #import_words_copy_paste_grid { text-align: left; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } #import_words_copy_paste #import_words_copy_paste_grid .import_words_title { font-weight: 600; position: relative; left: 0.5rem; } #import_words_copy_paste #import_words_copy_paste_grid textarea { overflow: auto; width: 90%; line-height: 2.2rem !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0.4rem !important; } #import_words_copy_paste #import_words_copy_paste_continue { margin-top: 3rem; } #import_words_copy_paste .linedwrap { padding: 0 !important; display: grid; grid-template-columns: min-content auto; } #import_words_copy_paste .linedwrap .lineno { position: relative; line-height: 2.2rem !important; color: black !important; } #import_words_copy_paste .linedwrap .lineselect { color: black !important; } #import_words_copy_paste .linedwrap .lines { width: 3.9rem !important; margin-right: 0.2rem !important; } #import_words_copy_paste .linedwrap .codelines { padding: 0 !important; background-color: rgba(8, 116, 133, 0.2); } #import_words_from_file #import_words_from_file_label { text-align: justify; line-height: 1.5; margin-top: 4rem; margin-bottom: 2rem; } #import_words_from_file .inner { text-align: left; display: grid; grid-template-columns: 20rem 30rem; grid-template-rows: repeat(3, 3.5rem); gap: 1rem; } #import_words_from_file #import_words_from_file_continue { margin-top: 3rem; } #import_words_preview #import_words_preview_list_selector_container { margin-top: 3rem; text-align: left; } #import_words_preview #import_words_preview_list_selector_container div { margin-bottom: 2rem; } #import_words_preview #import_words_preview_label { text-align: left; } #import_words_preview #import_words_preview_table_container { max-height: 40rem; overflow-x: auto; margin-top: 3rem; margin-bottom: 4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #import_words_preview #import_words_preview_table_container #import_words_preview_table { display: grid; grid-template-columns: min-content minmax(5rem, auto) minmax(5rem, auto); } #import_words_preview #import_words_preview_table_container #import_words_preview_table > div, #import_words_preview #import_words_preview_table_container #import_words_preview_table > a { padding: 1.2rem 1.5rem; } #import_words_preview #import_words_preview_table_container #import_words_preview_table .import_words_preview_table_word { font-weight: 600; } #import_words_preview #import_words_preview_table_container #import_preview_more_words { text-align: center; padding: 1rem auto; margin-bottom: 1rem; } #word_list { font-size: 1.6rem; padding-bottom: 3rem; text-align: left; min-height: 15rem; } #word_list h1 { text-align: center; } #word_list #word_list_buttons { margin-top: 1.5rem; margin-bottom: 1rem; } #word_list #word_list_buttons i { margin-left: 0.7rem; font-size: 2.6rem; } #word_list #word_list_buttons #word_list_reset_ordering_button { position: relative; bottom: 0.4rem; } #word_list #word_list_table { display: grid; grid-template-columns: min-content minmax(10rem, 30rem) minmax(20rem, 30rem) min-content; } #word_list #word_list_table > div, #word_list #word_list_table > a { padding: 1.2rem 1.5rem; } #word_list #word_list_table .word_list_word { overflow-x: hidden; } #word_list #word_list_table .word_list_word .word_list_deleted_label, #word_list #word_list_table .word_list_word .word_list_moved_label { color: red; font-weight: 600; } #word_list #word_list_table .word_list_word_text { font-weight: 600; } #word_list #word_list_table .word_list_description { overflow-x: hidden; } #word_list #word_list_table .word_list_word_gender { font-weight: 400; font-style: italic; } #word_list .word_list_word_buttons i { height: 2.5rem; width: 2.5rem; margin: 0.3rem 0; } #word_list #word_list_no_words { margin-top: 2rem; font-size: 2rem; } #excluded_words { font-size: 1.6rem; padding-bottom: 3rem; text-align: left; min-height: 15rem; } #excluded_words h1 { text-align: center; margin-bottom: 4rem; } #excluded_words > p { line-height: 1.75; text-align: justify; margin-bottom: 2rem; font-size: 1.8rem; } #excluded_words > p #excluded_words_reactivate_all { font-weight: 600; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); color: #087485; } #excluded_words #excluded_words_table { display: grid; grid-template-columns: min-content minmax(10rem, 30rem) minmax(20rem, 30rem) min-content; } #excluded_words #excluded_words_table > div, #excluded_words #excluded_words_table > a { padding: 1.2rem 1.5rem; } #excluded_words #excluded_words_table .excluded_words_word { overflow-x: hidden; } #excluded_words #excluded_words_table .excluded_words_word .word_list_reactivated_label { color: green; font-weight: 600; } #excluded_words #excluded_words_table .excluded_words_word_text { font-weight: 600; } #excluded_words #excluded_words_table .excluded_words_word_text .excluded_words_flag { position: relative; top: 0.5rem; } #excluded_words #excluded_words_table .excluded_words_description { overflow-x: hidden; } #excluded_words #excluded_words_table .excluded_words_description .excluded_words_description_primary { font-weight: 600; } #excluded_words #excluded_words_table .excluded_words_description .excluded_words_description_secondary { font-weight: 400; } #excluded_words #excluded_words_table .excluded_words_word_buttons { font-size: 2.4rem; } #excluded_words .excluded_words_word_buttons i { height: 2.5rem; width: 2.5rem; margin: 0.3rem 0; } #excluded_words #excluded_words_no_words { margin-top: 2rem; font-size: 2rem; } .word_list_add_words_dialog .add_any_word_to_list_form { border-top: none; padding: 1rem 0; } .word_list_edit_word_dialog .add_any_word_to_list_form { border-top: none; padding: 1rem 0; } .word_list_edit_word_dialog .word_list_edit_word_actions_container { margin-bottom: 1rem; } .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button { display: inline-block; } .word_list_edit_word_form_container .add_any_word_to_list_form, .word_list_add_words_dialog .add_any_word_to_list_form { background-color: white; } .word_list_find_definitions_for_word_container { text-align: right; height: 5rem; } .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word { font-size: 1.5rem !important; } .word_list_find_definitions_for_word_container i { font-size: 2.6rem; } .word_list_definitions_instructions { font-size: 2rem; } .word_definition_suggestions .word_definition_suggestion_word.hover, .word_definition_suggestions .word_definition_suggestion_definition.hover { background-color: rgba(8, 116, 133, 0.2); } .word_definition_suggestions .word_definition_suggestion_word .word_definition_suggestion_word_text { font-weight: 600; } .word_definition_suggestions .word_definition_suggestion_word .word_definition_suggestion_word_gender { font-style: italic; } .word_definition_suggestions .word_definition_suggestion_word .word_definition_suggestion_word_pos { font-size: 1.6rem; } .word_definition_suggestions .word_definition_suggestion_definition { font-size: 1.6rem; text-align: justify; } .word_definition_suggestions .word_definition_suggestion_definition .word_definition_suggestion_tags { font-style: italic; } .word_definitions_other_suggestions_label { font-size: 2rem; margin-top: 1.5rem; } #sentences { font-size: 1.6rem; padding-bottom: 5rem; text-align: left; min-height: 15rem; } #sentences #sentences_import { background-color: rgba(8, 116, 133, 0.2); text-align: justify; padding: 2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; line-height: 2; } #sentences #sentences_import span { font-weight: 600; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #sentences h1 { text-align: center; margin-bottom: 2rem; } #sentences #sentences_table { display: grid; grid-template-columns: auto min-content; } #sentences #sentences_table > div, #sentences #sentences_table > a { padding: 1.2rem 1.5rem; } #sentences #sentences_table { margin-top: 4rem; } #sentences #sentences_table > div { padding: 2rem 1rem; } #sentences #sentences_table .sentences_sentence_text { font-weight: 600; text-align: justify; } #sentences #sentences_table .sentences_sentence_translation { margin-top: 1rem; } #sentences #sentences_table .sentences_sentence_translation img { height: 2.2rem; width: 2.2rem; position: relative; top: 0.5rem; opacity: 0.85; } #sentences #sentences_table .sentences_sentence_translation .sentences_sentence_translation_text { font-size: 1.4rem; font-style: italic; text-align: justify; } #sentences .sentences_sentence_buttons i { height: 2.5rem; width: 2.5rem; margin: 0.3rem 0; } #sentences #sentences_no_sentences { margin-top: 3rem; font-size: 2rem; } /* PRACTICE WORDS */ #practice_words_demo_guide_description { left: -34.6rem; top: 11rem; } #practice_words_demo_guide_part_of_speech { right: -38.5rem; top: 15.2rem; } #practice_words_demo_guide_solution { left: -19.5rem; bottom: -18rem; } #practice_words_demo_guide_buttons_delayed { right: -34rem; bottom: -20.2rem; width: 30rem; } #practice_words, #practice_reverse_words { padding: 0 0 0 0; margin-left: calc(50vw-63.5rem/2); } #practice_words_lingu_thinking, #practice_reverse_words_lingu_thinking { position: absolute; top: 4rem; height: 64rem; left: calc(50vw22rem); } @media only screen and (max-width: 1450px) { #practice_words_lingu_thinking, #practice_reverse_words_lingu_thinking { display: none; } } #practice_words_exercise_form, #practice_reverse_words_exercise_form { position: relative; } #practice_words_mistakes_progress_bar_container { display: grid; grid-template-columns: 13rem auto; margin-bottom: -1.2rem; } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_label { position: relative; left: 1rem; top: 0.5rem; padding: 0.2rem; height: 2.4rem; width: 11rem; border: rgb(200, 0, 0) 0.2rem solid; background-color: rgba(200, 0, 0, 0.15); border-radius: 1.2rem; color: rgb(200, 0, 0); } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_label i { color: rgb(200, 0, 0); } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_progress_bar { background-color: rgba(200, 0, 0, 0.15); } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_progress_bar .progress_bar_done { background-color: rgb(200, 0, 0); } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_progress_bar .progress_bar_end { background-color: rgb(200, 0, 0); } #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button { margin-top: 1.8rem; } #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button span { font-weight: 400; font-size: 1.6rem; position: relative; bottom: 0.1rem; left: 0.3rem; } #practice_words_mistakes_stage_buttons_container #practice_words_mistakes_stage_button_0.recommended { background-color: rgba(255, 0, 0, 0.4); } #practice_words_mistakes_stage_buttons_container #practice_words_mistakes_stage_button_1.recommended { background-color: rgba(0, 102, 0, 0.4) !important; } .practice_words_card { font-size: 2.8rem; border-radius: 0.8rem; width: 90%; margin: auto; display: grid; z-index: 300; } .practice_words_card .practice_words_card_header { padding: 1rem; padding-bottom: 0.4rem; position: relative; bottom: 0.05rem; border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem; } .practice_reverse_words_card { font-size: 2.8rem; border-radius: 0.8rem; width: 90%; margin: auto; display: grid; z-index: 300; } .practice_reverse_words_card .practice_reverse_words_card_header { padding: 1rem; padding-bottom: 0.4rem; position: relative; bottom: 0.05rem; border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem; } #practice_words_front { margin: 4rem auto 2rem auto; grid-template-rows: min-content auto; } #practice_words_front #practice_words_front_content { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 0.5rem; position: relative; } #practice_words_front #practice_words_front_content #practice_words_front_text { padding: 4rem; min-height: 3.1rem; font-weight: 600; } #practice_words_front #practice_words_front_content #practice_words_front_text p { font-size: 0.8em; font-weight: 400; } #practice_words_front #practice_words_front_content #practice_words_front_text_and_image { display: grid; grid-template-columns: 1fr; text-align: center; font-weight: 600; } #practice_words_front #practice_words_front_content #practice_words_front_text_and_image #practice_words_front_image_container { padding-top: 3rem; margin-bottom: -3rem; } #practice_words_front #practice_words_front_content #practice_words_front_text_and_image #practice_words_front_image_container img { height: 8rem; width: 8rem; } #practice_words_front #practice_words_front_content #practice_words_front_part_of_speech { position: absolute; bottom: 0.7rem; right: 0.9rem; font-size: 1.6rem; } #practice_words_front #practice_words_front_content #practice_words_front_buttons, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons { position: absolute; left: 0.9rem; bottom: 0.5rem; } #practice_words_front #practice_words_front_content #practice_words_front_buttons i, #practice_words_front #practice_words_front_content #practice_words_front_word_bank_buttons i { font-size: 2rem; margin-right: 0.4rem; } #practice_reverse_words_front { margin: 4rem auto 2rem auto; grid-template-rows: min-content auto; } #practice_reverse_words_front #practice_reverse_words_card_header { float: right; } #practice_reverse_words_front #practice_reverse_words_front_content { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 0.5rem; position: relative; } #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_text { padding: 4rem; min-height: 3.1rem; font-weight: 600; } #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_text p { font-size: 0.8em; font-weight: 400; } #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons { position: absolute; left: 0.9rem; bottom: 0.5rem; } #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_buttons i, #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_word_bank_buttons i { font-size: 2rem; margin-right: 0.4rem; } #practice_words_typing_textbox { height: 3.6rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); max-width: 21rem; } #practice_words_typing_solutions { width: 90%; margin: auto; margin-bottom: 3rem; margin-top: -0.5rem; } #practice_words_typing_solutions #practice_words_typing_solutions_primary_only { display: grid; grid-template-columns: 1fr; grid-template-rows: min-content minmax(6rem, min-content); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #practice_words_typing_solutions #practice_words_typing_solutions_primary_and_secondary { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: min-content minmax(6rem, min-content); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #practice_words_typing_solutions #practice_words_typing_solutions_header, #practice_words_typing_solutions #practice_words_typing_solutions_primary_header, #practice_words_typing_solutions #practice_words_typing_solutions_secondary_header { padding: 0.5rem; font-size: 1.6rem; font-weight: 600; text-align: left; } #practice_words_typing_solutions #practice_words_typing_solutions_secondary_header { font-weight: 400; } #practice_words_typing_solutions #practice_words_typing_solutions_primary_header, #practice_words_typing_solutions #practice_words_typing_solutions_primary_body { border-right: 0.1rem solid rgba(8, 116, 133, 0.2); } #practice_words_typing_solutions #practice_words_typing_solutions_body, #practice_words_typing_solutions #practice_words_typing_solutions_primary_body, #practice_words_typing_solutions #practice_words_typing_solutions_secondary_body { text-align: left; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; } #practice_words_typing_solutions #practice_words_typing_solutions_body span, #practice_words_typing_solutions #practice_words_typing_solutions_primary_body span { font-weight: 600; } .practice_words_typing_solutions_element { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; display: inline-block; height: 4rem; min-width: 1.6rem; position: relative; margin: 0.4rem 0.4rem 0 0.4rem; padding-left: 1.5rem; padding-right: 0.7rem; vertical-align: top; } .practice_words_typing_solutions_element .practice_words_typing_solutions_dialects { display: flex; } .practice_words_typing_solutions_element .practice_words_typing_solutions_dialects .practice_words_typing_solutions_dialect_flag { width: 2rem; height: 2rem; margin: 1rem 0.2rem; } .practice_words_typing_solutions_element .practice_words_typing_solutions_dialects .practice_words_typing_solutions_dialect_abbreviation { display: inline-block; margin: 1rem 0.4rem 1rem 0.2rem; font-size: 1.4rem; white-space: nowrap; } .practice_words_typing_solutions_element.correct { background-color: rgba(0, 255, 0, 0.15); } .practice_words_typing_solutions_element span { font-size: 1.4rem; position: absolute; left: 0.5rem; top: 0.3rem; } #practice_words_answers, #practive_words_answers_on_back, #practice_words_explanations { margin-bottom: 3rem; margin-top: -1.5rem; text-align: left; margin-left: 3.8rem; font-size: 1.4rem; } #practice_words_answers #practice_words_answers_label, #practice_words_answers #practice_words_explanations_label, #practive_words_answers_on_back #practice_words_answers_label, #practive_words_answers_on_back #practice_words_explanations_label, #practice_words_explanations #practice_words_answers_label, #practice_words_explanations #practice_words_explanations_label { font-weight: 600; margin-top: 0.4rem; margin-bottom: 0.4rem; /*span { background-color: $incorrect-color; padding: 0.5rem; border-radius: 0.8rem; border: red 0.1rem solid; }*/ } #practice_words_answers #practice_words_answers_content, #practive_words_answers_on_back #practice_words_answers_content, #practice_words_explanations #practice_words_answers_content { list-style: disc; margin-left: 2.2rem; line-height: 1.4; } #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button, #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button, #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button { margin-right: 0.2rem; } #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button.disabled, #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button.disabled, #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button.disabled { opacity: 0.35; } #practice_words_answers #practice_words_answers_content .loader, #practive_words_answers_on_back #practice_words_answers_content .loader, #practice_words_explanations #practice_words_answers_content .loader { font-size: 1.4rem; } #practice_words_answers #practice_words_answers_content .practice_words_wrong_answer_arrow, #practive_words_answers_on_back #practice_words_answers_content .practice_words_wrong_answer_arrow, #practice_words_explanations #practice_words_answers_content .practice_words_wrong_answer_arrow { font-size: 1.5rem; font-weight: 600; } #practice_words_answers #practice_words_answers_content .practice_words_wrong_answer_flag, #practive_words_answers_on_back #practice_words_answers_content .practice_words_wrong_answer_flag, #practice_words_explanations #practice_words_answers_content .practice_words_wrong_answer_flag { position: relative; top: 0.3rem; height: 1.6rem; width: 1.6rem; opacity: 0.8; margin-left: 0.2rem; } #practice_words_answers #practice_words_answers_content .practice_words_wrong_answer_confusion, #practive_words_answers_on_back #practice_words_answers_content .practice_words_wrong_answer_confusion, #practice_words_explanations #practice_words_answers_content .practice_words_wrong_answer_confusion { display: inline-block; margin-right: 0.8rem; } #practice_words_answers #practice_words_answers_content .practice_words_wrong_answer_confusion span, #practive_words_answers_on_back #practice_words_answers_content .practice_words_wrong_answer_confusion span, #practice_words_explanations #practice_words_answers_content .practice_words_wrong_answer_confusion span { font-style: normal; margin-left: 0.3rem; } #practice_words_answers #practice_words_answers_content .practice_words_wrong_answer_text, #practive_words_answers_on_back #practice_words_answers_content .practice_words_wrong_answer_text, #practice_words_explanations #practice_words_answers_content .practice_words_wrong_answer_text { color: red; } #practice_words_answers #practice_words_answers_content .practice_words_correct_answer_text, #practive_words_answers_on_back #practice_words_answers_content .practice_words_correct_answer_text, #practice_words_explanations #practice_words_answers_content .practice_words_correct_answer_text { color: green; } #practice_words_answers #practice_words_answers_content .practice_words_correct_answer_text.practice_words_primary_correct_answer_text, #practive_words_answers_on_back #practice_words_answers_content .practice_words_correct_answer_text.practice_words_primary_correct_answer_text, #practice_words_explanations #practice_words_answers_content .practice_words_correct_answer_text.practice_words_primary_correct_answer_text { font-weight: 600; } #practice_words .practice_words_word_comparison_button { white-space: normal; height: auto; line-height: 1.5; max-width: 70%; } .practice_reverse_words_explanations_content .practice_words_word_comparison_button { position: relative; left: -0.5rem; bottom: 0.3rem; white-space: normal; line-height: 1.5; text-align: center; } #practice_words_back { margin-left: calc(50vw-63.5rem/2); width: 63.5rem; grid-template-rows: min-content 10rem; font-size: 2.3rem; padding: 2rem 0 !important; margin-bottom: 5rem; } #practice_words_back h2 { text-align: center; margin-bottom: 1rem; } #practice_words_back .practice_words_card_header { text-align: right; } #practice_words_back .practice_words_card_header .practice_words_back_buttons { position: relative; bottom: 0.2rem; } #practice_words_back #practice_words_back_senses { text-align: left; } #practice_words_back #practice_words_back_senses .practice_words_card_content { padding: 0 0.2rem; width: 95%; } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense { position: relative; margin-bottom: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense.correct, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense.correct { background-color: rgba(0, 255, 0, 0.15); } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense .practice_words_back_sense_words, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_back_sense_words { line-height: 1.5; text-align: center; } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense .practice_words_back_sense_words .practice_words_back_sense_text, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_back_sense_words .practice_words_back_sense_text { font-weight: 600; } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense .practice_words_back_sense_words .practice_words_back_sense_prepositions, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_back_sense_words .practice_words_back_sense_prepositions { font-weight: 400; } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense .practice_words_card_content, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_card_content { margin: auto; } #practice_words_back #practice_words_back_senses #practice_words_back_secondary_senses { margin-top: 2rem; } #practice_words_back #practice_words_back_senses .practice_words_back_gender { font-weight: 400; font-style: italic; font-size: 2.4rem; } #practice_words_back .practice_words_back_dialects_container { min-height: 4rem; display: flex; } #practice_words_back .practice_words_back_dialects_container .practice_words_back_dialects { align-self: flex-end; margin-top: 1rem; padding-bottom: 0.6rem; font-size: 1.6rem; font-style: italic; text-align: left; line-height: 1.5; } #practice_words_back .practice_words_back_dialects_container .practice_words_back_dialects img { height: 2rem; width: 2rem; position: relative; top: 0.3rem; } #practice_words_back .practice_words_back_note_container { min-height: 4rem; display: flex; } #practice_words_back .practice_words_back_note_container .practice_words_back_note { align-self: flex-end; margin-top: 1rem; padding-bottom: 0.6rem; font-size: 1.6rem; font-style: italic; text-align: right; line-height: 1.5; } #practice_words_back .practice_words_back_plural_form_container { min-height: 4rem; display: flex; } #practice_words_back .practice_words_back_plural_form_container .practice_words_back_plural_form { align-self: flex-end; margin-top: 1rem; padding-bottom: 0.6rem; font-size: 1.4rem; font-style: italic; text-align: right; line-height: 1.5; } #practice_words_back .practice_words_back_plural_form_container .practice_words_back_plural_form .practice_words_back_plural_form_text { font-weight: 600; } #practice_words_back .practice_words_back_plural_form_container .practice_words_back_plural_form .practice_words_back_plural_form_text .gender, #practice_words_back .practice_words_back_plural_form_container .practice_words_back_plural_form .practice_words_back_plural_form_text .separator { font-weight: 400; } #practice_reverse_words_back { margin-left: calc(50vw-63.5rem/2); width: 63.5rem; grid-template-rows: min-content 10rem; font-size: 2.3rem; padding: 2rem 0 !important; margin-bottom: 5rem; } #practice_reverse_words_back h2 { text-align: center; margin-bottom: 1rem; } #practice_reverse_words_back .practice_reverse_words_back_form { position: relative; left: -0.2rem; top: 1rem; font-size: 1.6rem; font-style: italic; min-height: 2rem; } #practice_reverse_words_back .practice_reverse_words_back_form .practice_reverse_words_back_form_type { font-weight: 600; font-style: normal; } #practice_reverse_words_back .practice_reverse_words_back_text_and_image { display: grid; grid-template-columns: 1fr; text-align: center; margin: auto; margin-top: 1.4rem; max-width: 90%; } #practice_reverse_words_back .practice_reverse_words_back_text_and_image .practice_reverse_words_back_image_container img { height: 6rem; width: 6rem; margin-bottom: 0.2rem; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container { font-size: 1.6rem; line-height: 1.75; min-height: 3.2rem; position: relative; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container i { font-size: 1.6rem; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonyms_label { text-decoration: underline; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container img { position: relative; top: 0.5rem; margin-left: 0.6rem; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonym .practice_reverse_words_back_synonym_text { display: inline-block; white-space: nowrap; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_primary_synonym { font-weight: 600; } #practice_reverse_words_back .practice_reverse_words_back_level { position: absolute; right: 0.6rem; top: 0.8rem; font-size: 1.4rem; } #practice_reverse_words_back #practice_reverse_words_back_senses { text-align: left; } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense { position: relative; margin-bottom: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense .practice_reverse_words_card_content_user_word .practice_reverse_words_back_part_of_speech, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense .practice_reverse_words_card_content_user_word .practice_reverse_words_back_part_of_speech { right: 1rem !important; top: 1rem !important; } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense .practice_reverse_words_card_content_user_word .practice_reverse_words_back_dialects_container, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense .practice_reverse_words_card_content_user_word .practice_reverse_words_back_dialects_container { min-height: 3.3rem !important; } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense .practice_reverse_words_card_content, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense .practice_reverse_words_card_content { margin: auto; padding: 0 0.2rem; width: 95%; display: grid; grid-template-rows: minmax(2rem, min-content) min-content minmax(2rem, min-content); } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense .practice_reverse_words_card_content .practice_reverse_words_back_sense_description, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense .practice_reverse_words_card_content .practice_reverse_words_back_sense_description { font-weight: 600; } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense .practice_reverse_words_card_content .practice_reverse_words_back_sense_description p, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense .practice_reverse_words_card_content .practice_reverse_words_back_sense_description p { font-size: 0.6em; font-weight: 400; } #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_primary_sense .practice_reverse_words_card_content .practice_reverse_words_back_part_of_speech, #practice_reverse_words_back #practice_reverse_words_back_senses .practice_reverse_words_back_secondary_sense .practice_reverse_words_card_content .practice_reverse_words_back_part_of_speech { position: absolute; top: 1.2rem; right: 4rem; font-size: 1.4rem; } #practice_reverse_words_back #practice_reverse_words_back_senses #practice_reverse_words_back_secondary_senses { margin-top: 2rem; } #practice_reverse_words_back .practice_reverse_words_back_dialects_container { min-height: 3rem; display: flex; } #practice_reverse_words_back .practice_reverse_words_back_dialects_container .practice_reverse_words_back_dialects { align-self: flex-end; padding-bottom: 0.6rem; font-size: 1.6rem; font-style: italic; text-align: left; line-height: 1.5; } #practice_reverse_words_back .practice_reverse_words_back_dialects_container .practice_reverse_words_back_dialects img { height: 2rem; width: 2rem; position: relative; top: 0.3rem; } #practice_reverse_words_back .practice_reverse_words_back_note_container { min-height: 4rem; display: flex; } #practice_reverse_words_back .practice_reverse_words_back_note_container .practice_reverse_words_back_note { align-self: flex-end; margin-top: 1rem; padding-bottom: 0.6rem; font-size: 1.6rem; font-style: italic; text-align: right; line-height: 1.5; } .practice_reverse_words_back_bottom { display: grid; padding-top: 0.8rem; } #practice_words_front_bottom #practice_words_buttons { height: 9rem; } #practice_words_front_bottom #practice_words_buttons #practice_words_check_button { position: relative; top: 1rem; margin-right: 0; z-index: 1; } #practice_words_front_bottom.typing_exercise { display: grid; grid-template-columns: 7fr 7fr 2fr; width: 90%; position: relative; margin: auto; height: 6rem; } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox::-webkit-input-placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox::-ms-input-placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox::-moz-placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox::placeholder { color: rgba(8, 116, 133, 0.45); font-weight: 400; font-style: italic; font-size: 1.8rem; } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox.incorrect { background-color: rgba(255, 0, 0, 0.15); } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox.almost_correct { background-color: rgba(255, 140, 0, 0.15); } #practice_words_front_bottom.typing_exercise #practice_words_special_letters_block #special_letters_block { text-align: left; padding: 0.9rem; } #practice_words_front_bottom.typing_exercise #practice_words_typing_almost_correct_label { position: absolute; top: 6rem; left: 5.8rem; font-size: 1.6rem; } #practice_words_front_bottom.typing_exercise #practice_words_buttons #practice_words_check_button { position: absolute; top: 0; right: 0; padding: 0.6rem 1.6rem; } #practice_reverse_words_front_bottom #practice_reverse_words_buttons { height: 9rem; } #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button { position: relative; top: 1rem; margin-right: 0; z-index: 1; } #practice_words_typing_help { width: 90%; margin: auto; height: 2rem; font-size: 1.4rem; font-style: italic; text-align: left; padding-left: 1rem; margin-bottom: 3rem; position: relative; } #practice_words_typing_help #practice_words_typing_help_reveal { position: absolute; right: 1.8rem; top: -0.5rem; } #practice_words_session_end { width: 63.5rem; margin-left: auto; margin-right: auto; text-align: center; } #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes { display: grid; grid-template-columns: 3.5rem auto auto 8rem; } #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes > div, #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes > a { padding: 1.2rem 1.5rem; } #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_words_mistake_word { font-weight: 600; } #practice_words_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_words_mistake_gender { font-style: italic; } #practice_reverse_words_session_end { width: 63.5rem; margin-left: auto; margin-right: auto; text-align: center; } #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes { display: grid; grid-template-columns: 3.5rem auto auto 8rem; } #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes > div, #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes > a { padding: 1.2rem 1.5rem; } #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_reverse_words_mistake_word { font-weight: 600; } #practice_reverse_words_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_reverse_words_mistake_descriptions p { font-style: italic; } #practice_words_quick_review_interval_selector_container { height: 3rem; } #practice_words_quick_review_interval_selector_container #practice_words_quick_review_interval_selector { position: absolute; right: 5.7rem; top: 1.7rem; max-width: 25rem; z-index: 999; } #practice_words_quick_review_interval_selector_container .info_dialog_button { position: absolute; right: 3.5rem; top: 2.4rem; z-index: 999; } #practice_words_quick_review_interval_selector_container .interval_button { position: absolute; right: 26.5rem; top: 2.4rem; } /* DICTIONARY */ .dictionary_conjugation .study_conjugations_tense_container .study_conjugations_tense_label { height: 2.6rem; } .dictionary_conjugation .conjugation_forms { padding: 0.3rem; } .study_conjugations_tense_label { white-space: nowrap; border: 0.1rem solid black; border-radius: 0.8rem; font-size: 1.4rem; margin: auto; padding: 0.4rem 0.6rem; width: min-content; font-weight: 600; height: auto; display: inline-block; min-width: auto !important; } .dictionary_conjugation_label, .study_conjugations_label { height: 2.5rem; padding: 0.7rem 1rem; font-size: 2.1rem; font-weight: bold; background-color: rgba(8, 116, 133, 0.2); margin: 1rem 0; } .irregularity_circle { color: rgba(255, 0, 0, 0.4) !important; margin-left: 0.3rem; } .conjugations_table, .dictionary_compound_conjugations, .data_conjugations_compound_conjugation { font-size: 1.5rem; line-height: 2.8rem; text-align: center; display: grid; } .conjugations_table.one_column, .one_column.dictionary_compound_conjugations, .one_column.data_conjugations_compound_conjugation { grid-template-areas: "s1" "s2" "s3" "p1" "p2" "p3"; } .conjugations_table.one_column .conjugation_forms:nth-of-type(-n+5), .one_column.dictionary_compound_conjugations .conjugation_forms:nth-of-type(-n+5), .one_column.data_conjugations_compound_conjugation .conjugation_forms:nth-of-type(-n+5) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .conjugations_table.one_column.study_brazilian_conjugation, .one_column.study_brazilian_conjugation.dictionary_compound_conjugations, .one_column.study_brazilian_conjugation.data_conjugations_compound_conjugation { grid-template-areas: "s1" "s3" "p1" "p3"; } .conjugations_table.one_column.study_brazilian_conjugation > div:nth-of-type(2), .one_column.study_brazilian_conjugation.dictionary_compound_conjugations > div:nth-of-type(2), .one_column.study_brazilian_conjugation.data_conjugations_compound_conjugation > div:nth-of-type(2) { display: none; } .conjugations_table.one_column.study_brazilian_conjugation > div:nth-of-type(5), .one_column.study_brazilian_conjugation.dictionary_compound_conjugations > div:nth-of-type(5), .one_column.study_brazilian_conjugation.data_conjugations_compound_conjugation > div:nth-of-type(5) { display: none; } .conjugations_table.two_columns, .two_columns.dictionary_compound_conjugations, .two_columns.data_conjugations_compound_conjugation { grid-template-areas: "s1 p1" "s2 p2" "s3 p3"; grid-template-columns: 1fr 1fr; } .conjugations_table.two_columns .conjugation_forms:not(:nth-of-type(3n)), .two_columns.dictionary_compound_conjugations .conjugation_forms:not(:nth-of-type(3n)), .two_columns.data_conjugations_compound_conjugation .conjugation_forms:not(:nth-of-type(3n)) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .conjugations_table.two_columns .conjugation_forms:nth-of-type(-n+3), .two_columns.dictionary_compound_conjugations .conjugation_forms:nth-of-type(-n+3), .two_columns.data_conjugations_compound_conjugation .conjugation_forms:nth-of-type(-n+3) { border-right: 0.1rem solid rgba(8, 116, 133, 0.2); } .conjugations_table.two_columns.study_brazilian_conjugation, .two_columns.study_brazilian_conjugation.dictionary_compound_conjugations, .two_columns.study_brazilian_conjugation.data_conjugations_compound_conjugation { grid-template-areas: "s1 p1" "s3 p3"; } .conjugations_table.two_columns.study_brazilian_conjugation > div:nth-of-type(2), .two_columns.study_brazilian_conjugation.dictionary_compound_conjugations > div:nth-of-type(2), .two_columns.study_brazilian_conjugation.data_conjugations_compound_conjugation > div:nth-of-type(2) { display: none; } .conjugations_table.two_columns.study_brazilian_conjugation > div:nth-of-type(5), .two_columns.study_brazilian_conjugation.dictionary_compound_conjugations > div:nth-of-type(5), .two_columns.study_brazilian_conjugation.data_conjugations_compound_conjugation > div:nth-of-type(5) { display: none; } .conjugations_table.single_form, .single_form.dictionary_compound_conjugations, .single_form.data_conjugations_compound_conjugation { display: block; } .conjugations_table > div, .dictionary_compound_conjugations > div, .data_conjugations_compound_conjugation > div { padding: 0.5rem; } .conjugations_table > div:nth-of-type(1), .dictionary_compound_conjugations > div:nth-of-type(1), .data_conjugations_compound_conjugation > div:nth-of-type(1) { grid-area: s1; } .conjugations_table > div:nth-of-type(2), .dictionary_compound_conjugations > div:nth-of-type(2), .data_conjugations_compound_conjugation > div:nth-of-type(2) { grid-area: s2; } .conjugations_table > div:nth-of-type(3), .dictionary_compound_conjugations > div:nth-of-type(3), .data_conjugations_compound_conjugation > div:nth-of-type(3) { grid-area: s3; } .conjugations_table > div:nth-of-type(4), .dictionary_compound_conjugations > div:nth-of-type(4), .data_conjugations_compound_conjugation > div:nth-of-type(4) { grid-area: p1; } .conjugations_table > div:nth-of-type(5), .dictionary_compound_conjugations > div:nth-of-type(5), .data_conjugations_compound_conjugation > div:nth-of-type(5) { grid-area: p2; } .conjugations_table > div:nth-of-type(6), .dictionary_compound_conjugations > div:nth-of-type(6), .data_conjugations_compound_conjugation > div:nth-of-type(6) { grid-area: p3; } .conjugations_table .conjugation_pronoun, .dictionary_compound_conjugations .conjugation_pronoun, .data_conjugations_compound_conjugation .conjugation_pronoun { font-weight: 400; } .conjugations_table .conjugation_forms, .dictionary_compound_conjugations .conjugation_forms, .data_conjugations_compound_conjugation .conjugation_forms { font-weight: 600; } .conjugations_table .conjugation_forms .conjugation_form, .dictionary_compound_conjugations .conjugation_forms .conjugation_form, .data_conjugations_compound_conjugation .conjugation_forms .conjugation_form { display: block; } .conjugations_table .conjugation_forms .conjugation_form img, .dictionary_compound_conjugations .conjugation_forms .conjugation_form img, .data_conjugations_compound_conjugation .conjugation_forms .conjugation_form img { height: 1.9rem; width: 1.9rem; position: relative; top: 0.4rem; } .dictionary_conjugations { margin-bottom: 1rem; } .dictionary_conjugation_tense_label { font-size: 2rem; font-weight: 600; margin-bottom: 1rem; text-align: center; } .dictionary_compound_conjugations, .data_conjugations_compound_conjugation { grid-template-columns: repeat(1, 1fr); text-align: center; } .dictionary_compound_conjugations .conjugation_forms:nth-of-type(-n+5), .data_conjugations_compound_conjugation .conjugation_forms:nth-of-type(-n+5) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .dictionary_popup { z-index: 400; } .dictionary_popup * { z-index: 400; } .dictionary_entry_header { height: 2.5rem; padding: 0.4rem 1rem 1rem 1rem; font-size: 2rem; font-weight: bold; background-color: rgba(8, 116, 133, 0.2); margin-bottom: 0.5rem; } .dictionary_entry_header .tiny_button, .dictionary_entry_header .study_verb_list_verb_conjugation_link, .dictionary_entry_header .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button, .open_word_bank_explanation_new_tab_button_container .dictionary_entry_header .open_word_bank_explanation_new_tab_button, .dictionary_entry_header .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button, .open_listening_conjugation_explanation_new_tab_button_container .dictionary_entry_header .open_listening_conjugation_explanation_new_tab_button, .dictionary_entry_header .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .dictionary_entry_header .open_conjugation_explanation_new_tab_button, .dictionary_entry_header .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .dictionary_entry_header .open_word_explanation_new_tab_button, .dictionary_entry_header .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .dictionary_entry_header .open_conjugation_explanation_new_tab_button, .dictionary_entry_header .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .dictionary_entry_header .open_word_explanation_new_tab_button, .dictionary_entry_header #practice_conjugations_sentence_explanation .exercise-explanation-actions a, #practice_conjugations_sentence_explanation .exercise-explanation-actions .dictionary_entry_header a, .dictionary_entry_header .pagination_container .pagination li a, .pagination_container .pagination li .dictionary_entry_header a, .dictionary_entry_header #password_reset_box #password_reset_form #password_reset_resend_activation_email_button, #password_reset_box #password_reset_form .dictionary_entry_header #password_reset_resend_activation_email_button, .dictionary_entry_header #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text .dictionary_entry_header #practice_conjugations_explanation_link, .dictionary_entry_header #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text .dictionary_entry_header #practice_conjugations_explanation_link, .dictionary_entry_header .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text .dictionary_entry_header #practice_conjugations_explanation_link, .dictionary_entry_header .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text .dictionary_entry_header #practice_conjugations_explanation_link, .dictionary_entry_header .practice_reverse_words_explanations_content .practice_words_word_comparison_button, .practice_reverse_words_explanations_content .dictionary_entry_header .practice_words_word_comparison_button { float: right; font-weight: 400; } .dictionary_entry_header .dictionary_entry { float: left; } .dictionary_entry_header .dictionary_pos { float: right; font-size: 2rem; font-weight: 500; } .dictionary_entry_header .dictionary_gender { margin-left: 0.5rem; margin-right: 0.5rem; float: left; font-style: italic; font-weight: 500; } .dictionary_entry_header .dictionary_wiktionary_link { margin-left: 0.5rem; border-bottom: none !important; position: relative; bottom: 0.1rem; } .dictionary_entry_header .dictionary_wiktionary_link i { font-size: 1.8rem; } .side_popup .study_conjugations_tense_container, #conjugation_explanation_page_box .study_conjugations_tense_container { padding: 0.5rem 1rem; padding-top: 2rem; width: 85%; margin: 2.5rem auto 2.5rem auto; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label { white-space: nowrap; border: 0.1rem solid black; border-radius: 0.8rem; font-size: 1.4rem; margin: auto; margin-bottom: 1.5rem; padding: 0.2rem 0.6rem; width: min-content; font-weight: 600; height: auto; display: inline-block; max-width: 85%; min-width: auto !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.black, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.black { background-color: rgb(230, 230, 230) !important; border-color: rgb(51, 51, 51) !important; color: rgb(0, 0, 0) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.blue_light, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.blue_light { background-color: rgb(235, 250, 255) !important; border-color: rgb(92, 214, 255) !important; color: rgb(51, 204, 255) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.blue_dark, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.blue_dark { background-color: rgb(230, 235, 245) !important; border-color: rgb(51, 92, 173) !important; color: rgb(0, 51, 153) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.brown, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.brown { background-color: rgb(240, 235, 230) !important; border-color: rgb(133, 92, 51) !important; color: rgb(102, 51, 0) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.green_dark, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.green_dark { background-color: rgb(230, 240, 230) !important; border-color: rgb(51, 133, 51) !important; color: rgb(0, 102, 0) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.green_light, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.green_light { background-color: rgb(243, 251, 235) !important; border-color: rgb(160, 222, 92) !important; color: rgb(136, 214, 51) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.grey, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.grey { background-color: rgb(242, 242, 242) !important; border-color: rgb(153, 153, 153) !important; color: rgb(127, 127, 127) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.orange, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.orange { background-color: rgb(255, 243, 230) !important; border-color: rgb(255, 173, 51) !important; color: rgb(255, 153, 0) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.purple, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.purple { background-color: rgb(250, 240, 255) !important; border-color: rgb(214, 133, 255) !important; color: rgb(204, 102, 255) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.purple_dark, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.purple_dark { background-color: rgb(245, 214, 235) !important; border-color: rgb(214, 0, 255) !important; color: rgb(204, 50, 220) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.red_dark, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.red_dark { background-color: rgb(248, 230, 230) !important; border-color: rgb(195, 51, 51) !important; color: rgb(180, 0, 0) !important; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label.red_light, #conjugation_explanation_page_box .study_conjugations_tense_container .study_conjugations_tense_label.red_light { background-color: rgb(255, 230, 230) !important; border-color: rgb(255, 51, 51) !important; color: rgb(255, 0, 0) !important; } .side_popup .study_conjugations_tense_container .conjugation_forms, #conjugation_explanation_page_box .study_conjugations_tense_container .conjugation_forms { padding: 0.5rem; } .dictionary_buttons i { z-index: 999; } .dictionary .dictionary_buttons { font-size: 1.8rem; margin-top: 0.8rem; margin-bottom: 0.5rem; margin-right: 0.5rem; } .dictionary .dictionary_buttons i.loader { font-size: 1.8rem; } .dictionary .dictionary_forms { margin-top: 1.5rem; margin-bottom: 0.5rem; } .dictionary .dictionary_forms .dictionary_form { margin-left: 1rem; margin-bottom: 0.8rem; padding-bottom: 0; font-size: 1.4rem; font-style: italic; } .dictionary .dictionary_forms .dictionary_form .dictionary_other_form { font-style: normal; font-weight: bold; } .dictionary .dictionary_forms .dictionary_verb_prefix { margin-left: 1rem; margin-top: -3.7rem; margin-bottom: 0.8rem; padding-bottom: 0; font-size: 1.6rem; font-weight: 600; } .dictionary .dictionary_add_word_all_senses_to_list_button { margin-left: 0.8rem; display: inline; text-align: center; position: relative; } .dictionary .dictionary_add_word_all_senses_to_list_button i { font-size: 2.2rem; color: rgba(8, 116, 133, 0.45); } .dictionary .dictionary_pos_block { margin-top: 1.2rem; margin-bottom: 1rem; } .dictionary .dictionary_pos_block .dictionary_sense_row { padding-left: 1rem; padding-bottom: 0.7rem; font-size: 1.6rem; display: grid; grid-template-columns: 2.6rem auto 3.8rem; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_counter { font-weight: 700; margin: 0 0 auto 0; position: relative; bottom: 0.1rem; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags { text-align: justify; line-height: 1.5; padding-right: 0.5rem; margin: 0 0 auto 0; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_tags { font-size: 1.4rem; font-style: italic; margin-right: 0.3rem; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense { font-weight: 500; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i { font-size: 1.6rem; margin-left: 0.5rem; color: #087485 !important; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense .dictionary_sense_clarifications { font-size: 1.2rem; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense .dictionary_sense_clarifications .dictionary_clarification_indented { margin-left: 1rem; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense .dictionary_sense_clarifications .dictionary_clarification_word { font-weight: 600; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense .dictionary_sense_clarifications .dictionary_clarification { font-weight: 400; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense .dictionary_sense_clarifications .dictionary_clarification i { font-size: 1.2rem; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button { text-align: center; position: relative; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i { font-size: 2.2rem; color: rgba(8, 116, 133, 0.45); position: absolute; left: 0.5rem; top: -0.6rem; } .dictionary .dictionary_footer { font-size: 1.4rem; text-align: center; border-top: 0.1rem solid rgba(8, 116, 133, 0.2); padding: 1.5rem 0; } .dictionary .dictionary_footer .dictionary_footer_click_here { color: #087485; text-decoration: underline; } .dictionary #dictionary_google_translation { font-weight: 600; padding-left: 1.2rem; padding-bottom: 1rem; } .dictionary #dictionary_google_translation .loader { font-size: 1.7rem; } .dictionary #dictionary_google_translation #dictionary_google_translation_text { font-style: italic; } .similar_words_container { font-size: 1.8rem; display: grid; grid-template-columns: auto 12rem; text-align: center; } .similar_words_container > div:nth-child(-n+2) { font-weight: 600; } .similar_words_container .similar_words_similar_word { padding: 0.5rem 0; text-align: center; } .dictionary_dialog .word_list_find_definitions_for_word_container, .dictionary_dialog .word_list_definitions_instructions, .dictionary_dialog .word_list_definitions_not_found, .dictionary_dialog .word_list_definition_suggestions { background-color: rgba(8, 116, 133, 0.2); } .dictionary_dialog .word_list_find_definitions_for_word_container, .dictionary_dialog .word_list_definitions_instructions, .dictionary_dialog .word_list_definitions_not_found { margin-top: -1rem; } .dictionary_dialog .word_list_definitions_not_found { min-height: 5rem; } .add_any_word_to_list_form, .add_word_to_list_form { font-size: 1.6rem; padding: 1.5rem 1rem 1rem 1.5rem; margin-bottom: 1rem; background-color: rgba(8, 116, 133, 0.2); display: grid; grid-template-areas: "select_label select select ." "textarea_label textarea textarea textarea" "submit textarea textarea textarea" ". textarea textarea textarea"; gap: 1rem; border-top: 0.1rem solid rgba(8, 116, 133, 0.2); } .add_any_word_to_list_form.add_all_word_senses_to_list_form, .add_word_to_list_form.add_all_word_senses_to_list_form { border-top: none; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .add_any_word_to_list_form label[for=id_description], .add_word_to_list_form label[for=id_description] { grid-area: textarea_label; } .add_any_word_to_list_form textarea[name=description], .add_word_to_list_form textarea[name=description] { grid-area: textarea; background-color: #ffffff; resize: none; overflow: auto; box-shadow: none; outline: none; font-size: 1.4rem; font-weight: 600; padding: 0.5rem; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0.5rem; line-height: 1.25; } .add_any_word_to_list_form select, .add_word_to_list_form select { border: 1px solid rgba(8, 116, 133, 0.45); } .add_any_word_to_list_form label[for=id_add_to_word_list], .add_word_to_list_form label[for=id_add_to_word_list] { grid-area: select_label; } .add_any_word_to_list_form select[name=add_to_word_list], .add_word_to_list_form select[name=add_to_word_list] { background-color: #ffffff; grid-area: select; } .add_any_word_to_list_form input[type=submit], .add_word_to_list_form input[type=submit] { grid-area: submit; } .crossword_add_word_to_list_form { background-color: white; grid-template-areas: "word_list_label word_list word_list ." "word_label word word ." "textarea_label textarea textarea textarea" "submit textarea textarea textarea" ". textarea textarea textarea"; } .crossword_add_word_to_list_form label[for=add_word_to_list_form_word] { grid-area: word_label; } .crossword_add_word_to_list_form .add_word_to_list_form_word { grid-area: word; font-weight: 600; } .crossword_add_word_to_list_form label[for=id_add_to_word_list] { grid-area: word_list_label; } .crossword_add_word_to_list_form #id_add_to_word_list { grid-area: word_list; } .add_any_word_to_list_form { grid-template-areas: "word_label word word word" ". special_letters special_letters special_letters" "select_label select select ." "pos_label pos pos ." "gender_label gender gender ." "textarea_label textarea textarea textarea" "submit textarea textarea textarea" ". textarea textarea textarea"; } .add_any_word_to_list_form #special_letters_block { grid-area: special_letters; font-size: 1.6rem; padding-top: 0; height: 3.3rem; } .add_any_word_to_list_form #special_letters_block .special_letter_button .special_letter { font-size: 1.6rem; } .add_any_word_to_list_form #special_letters_block .special_letter_button .special_letter_button_superscript { font-size: 1rem; } .add_any_word_to_list_form label[for=id_add_any_word] { grid-area: word_label; } .add_any_word_to_list_form #id_add_any_word { border: 1px solid rgba(8, 116, 133, 0.45); } .add_any_word_to_list_form input[name=word] { grid-area: word; background-color: #ffffff; font-size: 1.6rem; font-weight: 600; padding: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; } .add_any_word_to_list_form label[for=id_add_any_description] { grid-area: textarea_label; } .add_any_word_to_list_form label[for=id_add_any_pos] { grid-area: pos_label; } .add_any_word_to_list_form select[name=part_of_speech] { grid-area: pos; } .add_any_word_to_list_form label[for=id_add_any_gender] { grid-area: gender_label; } .add_any_word_to_list_form select[name=gender] { grid-area: gender; } .add_any_word_to_list_form label[for=id_add_any_word_to_list_list] { grid-area: select_label; } #practice_no_exercises { line-height: 2; padding-top: 4rem; } .dictionary_no_entry_translation, .dictionary_no_entry, .lemma_sentences_no_sentences { font-size: 1.6rem; padding-left: 1.2rem; padding-bottom: 1.7rem; } .dictionary_no_entry, .lemma_sentences_no_sentences { margin-top: 1.5rem; } /* LEMMA SENTENCES */ .lemma_sentences .ui-dialog { padding-bottom: 1rem; } .lemma_sentences .ui-dialog .lemma_sentences_sentence_blocks .lemma_sentences_sentence_block { line-height: 1.75; padding: 0.7rem 1.2rem 1.5rem 1.2rem; } .lemma_sentences .ui-dialog .lemma_sentences_sentence_blocks .lemma_sentences_sentence_block:not(:last-of-type) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .lemma_sentences .ui-dialog .lemma_sentences_sentence_blocks .lemma_sentences_sentence_block .lemma_sentences_sentence_text { margin-top: 1rem; font-size: 1.8rem; font-weight: 600; text-align: justify; } .lemma_sentences .ui-dialog .lemma_sentences_sentence_blocks .lemma_sentences_sentence_block .lemma_sentences_sentence_text .lemma_sentences_lemma_in_sentence { border-bottom: 0.2rem solid rgba(8, 116, 133, 0.2); } .lemma_sentences .ui-dialog .lemma_sentences_sentence_blocks .lemma_sentences_sentence_block .lemma_sentences_sentence_translation { margin-top: 0.5rem; font-size: 1.5rem; font-weight: 400; } /* STUDY */ /* PROFILE */ #profile_box { width: 40rem; padding-bottom: 3rem; } #profile_box #profile_buttons { margin: 1rem 0; } #profile_box #profile_buttons #profile_delete_account { background-color: rgba(255, 0, 0, 0.15); } #profile_box #profile_buttons #profile_delete_account:hover:not(:disabled) { background-color: rgba(255, 0, 0, 0.4) !important; } #profile_box #profile_form { text-align: left; display: grid; gap: 1rem; } #profile_box #profile_form #id_font option[value="1"] { font-family: "Quicksand", "Roboto", "Helvetica", sans-serif !important; } #profile_box #profile_form #id_font option[value="2"] { font-family: Century, Verdana, Tahoma, serif !important; } #profile_box #profile_form #id_font option[value="3"] { font-family: Lato, Verdana, Tahoma, sans-serif !important; } #profile_box #profile_form #id_font option[value="4"] { font-family: Tahoma, Verdana, sans-serif !important; } #profile_box #profile_form #profile_change_email_button { padding: 0.5rem 1rem; font-size: 1.4rem; } #email_change_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; justify-content: center; align-items: center; } #email_change_modal #email_change_modal_content { background-color: white; padding: 2rem; border-radius: 8px; max-width: 450px; width: 90%; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } #email_change_modal #email_change_modal_content h3 { margin-top: 0; margin-bottom: 1rem; font-size: 2rem; } #email_change_modal #email_change_modal_content p { font-size: 1.4rem; line-height: 1.5; margin-bottom: 1rem; } #email_change_modal #email_change_modal_content label { display: block; margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500; } #email_change_modal #email_change_modal_content input[type=email], #email_change_modal #email_change_modal_content input[type=password] { width: 100%; box-sizing: border-box; } #email_change_modal #email_change_modal_content #email_change_submit, #email_change_modal #email_change_modal_content #email_change_cancel { margin-right: 0.5rem; } #email_change_modal #email_change_modal_content #email_change_error, #email_change_modal #email_change_modal_content #email_change_success { font-size: 1.4rem; padding: 0.5rem; border-radius: 4px; } #email_change_modal #email_change_modal_content #email_change_error { background-color: rgba(255, 0, 0, 0.1); } #email_change_modal #email_change_modal_content #email_change_success { background-color: rgba(0, 255, 0, 0.1); } #change_password_box { width: 40rem; padding-bottom: 3rem; } #change_password_box #change_password_form { text-align: left; display: grid; gap: 1rem; padding: 1.5rem; } #change_password_box #set_password_form_text { text-align: justify; line-height: 1.5; font-size: 1.6rem; margin-top: 2rem; } /*** STATISTICS ***/ .statistics_listening_adaptive_level_chart .ct-series-a path { stroke: #d70206 !important; } #practice_listening_lingu_statistics { width: 65rem; top: 8rem; position: absolute; left: calc(50vw + 30rem); } @media only screen and (max-width: 1650px) { #practice_listening_lingu_statistics { display: None; } } #statistics { width: 63.5rem; padding: 2rem 2rem 3rem 2rem; min-height: 10rem; } #statistics #statistics_header { height: 7rem; margin-top: 3rem; } #statistics #statistics_header #statistics_time_range_buttons, #statistics #statistics_header #statistics_history_buttons { float: left; } #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_history_buttons .statistics_history_button { margin-right: 0.2em; background-color: white !important; border: 0.1rem solid rgba(8, 116, 133, 0.2) !important; } #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button.selected, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button.selected, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button.selected, #statistics #statistics_header #statistics_history_buttons .statistics_history_button.selected { background-color: rgba(8, 116, 133, 0.45) !important; cursor: default; } #statistics #statistics_header #statistics_page_selector { float: right; padding: 0.5rem; border-radius: 0.5rem; font-size: 1.8rem; font-weight: 600; background-color: lightgoldenrodyellow !important; } #statistics #statistics_container.statistics_container_conjugation .ct-line, #statistics #statistics_container.statistics_container_conjugation .ct-bar, #statistics #statistics_container.statistics_container_conjugation_drills .ct-line, #statistics #statistics_container.statistics_container_conjugation_drills .ct-bar { stroke: #F0624D; } #statistics #statistics_container.statistics_container_listening .ct-line, #statistics #statistics_container.statistics_container_listening .ct-bar { stroke: #38A6D8; } #statistics #statistics_container.statistics_container_crosswords .ct-line, #statistics #statistics_container.statistics_container_crosswords .ct-bar { stroke: rgba(246, 183, 92, 0.8); } #statistics #statistics_container.statistics_container_words .ct-line, #statistics #statistics_container.statistics_container_words .ct-bar, #statistics #statistics_container.statistics_container_wordsReverse .ct-line, #statistics #statistics_container.statistics_container_wordsReverse .ct-bar { stroke: #81C14B; } #statistics #statistics_container .ct-chart { width: 54rem; height: 33.4rem; margin: auto; margin-bottom: 5rem; border-radius: 1.2rem; } @media only screen and (max-width: 350px) { #statistics #statistics_container .ct-chart .ct-legend li { font-size: 1.2rem; padding-left: 1.5rem; } } #statistics #statistics_container h1.chart_title { margin-bottom: 1rem; font-weight: 600; } #statistics #statistics_container h1.chart_title i { font-size: 2.2rem; } #statistics #statistics_list_loader_container { margin-top: 3rem; text-align: center; } #statistics #statistics_list_container { font-size: 1.8rem; text-align: left; margin-left: 0.6rem; margin-bottom: 2rem; } #statistics #statistics_list_container .statistics_word_lists { display: grid; grid-template-columns: auto 8rem 5rem 5rem; } #statistics #statistics_list_container .statistics_word_lists > div, #statistics #statistics_list_container .statistics_word_lists > a { padding: 1.2rem 1.5rem; } #statistics #statistics_list_container .statistics_word_lists i { font-size: 2.4rem; } #statistics #statistics_list_container .statistics_word_lists .statistics_word_list_name span, #statistics #statistics_list_container .statistics_word_lists .statistics_word_list_knowledge_score span { position: relative; top: 0.4rem; } #statistics #statistics_list_container .statistics_conjugation_presets { display: grid; grid-template-columns: auto 8rem 5rem 5rem 5rem; } #statistics #statistics_list_container .statistics_conjugation_presets > div, #statistics #statistics_list_container .statistics_conjugation_presets > a { padding: 1.2rem 1.5rem; } #statistics #statistics_list_container .statistics_conjugation_presets i { font-size: 2.4rem; } #statistics #statistics_list_container .statistics_conjugation_presets .statistics_conjugation_preset span, #statistics #statistics_list_container .statistics_conjugation_presets .statistics_conjugation_knowledge_score span { position: relative; top: 0.4rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile { display: grid; grid-template-columns: auto auto auto; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile > div, #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile > a { padding: 1.2rem 1.5rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile { display: none; font-size: 1.6rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile .quick_conjugations_preset_group_tenses { line-height: 2; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i { font-size: 2.4rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile .statistics_conjugation_quick_preset span { position: relative; top: 0.4rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets { display: grid; grid-template-columns: auto auto auto auto auto; } #statistics #statistics_list_container .statistics_conjugation_quick_presets > div, #statistics #statistics_list_container .statistics_conjugation_quick_presets > a { padding: 1.2rem 1.5rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets { font-size: 1.6rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets .quick_conjugations_preset_group_tenses { line-height: 2; } #statistics #statistics_list_container .statistics_conjugation_quick_presets i { font-size: 2.4rem; } #statistics #statistics_list_container .statistics_conjugation_quick_presets .statistics_conjugation_quick_preset span { position: relative; top: 0.4rem; } #statistics #statistics_list_container .statistics_texts { display: grid; grid-template-columns: auto 8rem 5rem 5rem; } #statistics #statistics_list_container .statistics_texts > div, #statistics #statistics_list_container .statistics_texts > a { padding: 1.2rem 1.5rem; } #statistics #statistics_list_container .statistics_texts i { font-size: 2.4rem; } #statistics #statistics_list_container .statistics_texts .statistics_text_title span, #statistics #statistics_list_container .statistics_texts .statistics_text_knowledge_score span { position: relative; top: 0.4rem; } #statistics #statistics_problem_areas_container, #statistics #statistics_problem_verb_forms_container { margin-bottom: 2rem; } #statistics .statistics_conjugation_problem_areas { display: grid; grid-template-columns: minmax(20rem, min-content) min-content 15rem 15rem; } #statistics .statistics_conjugation_problem_areas > div, #statistics .statistics_conjugation_problem_areas > a { padding: 1.2rem 1.5rem; } #statistics .statistics_conjugation_problem_areas #statistics_conjugation_problem_areas_gravity_label { text-align: center; } #statistics .statistics_conjugation_problem_areas .statistics_conjugation_problem_areas_gravity { text-align: center; font-weight: 600; } #statistics .statistics_conjugation_problem_areas .statistics_conjugation_problem_areas_gravity.statistics_conjugation_problem_areas_gravity_1 { background-color: rgba(222, 64, 65, 0.33); } #statistics .statistics_conjugation_problem_areas .statistics_conjugation_problem_areas_gravity.statistics_conjugation_problem_areas_gravity_2 { background-color: rgba(222, 64, 65, 0.67); } #statistics .statistics_conjugation_problem_areas .statistics_conjugation_problem_areas_gravity.statistics_conjugation_problem_areas_gravity_3 { background-color: rgb(222, 64, 65); color: white; } #statistics .statistics_conjugation_problem_areas i { font-size: 2.4rem; } #statistics .statistics_alltime_statistics { display: grid; grid-template-columns: minmax(30rem, min-content) auto; } #statistics .statistics_alltime_statistics > div, #statistics .statistics_alltime_statistics > a { padding: 1.2rem 1.5rem; } #statistics .statistics_alltime_statistics > div:nth-child(2n+1) { font-weight: 600; } #statistics #statistics_history_container #statistics_conjugations_preset_details { margin-bottom: 2.5rem; } #statistics #statistics_no_conjugation_problem_areas, #statistics #statistics_no_conjugation_explanations, #statistics #statistics_no_conjugation_problem_verb_forms, #statistics #statistics_no_conjugation_problem_words { margin: 1rem 0 1rem 2rem; } #statistics .statistics_container_conjugation .ct-chart .chartist-tooltip:before, #statistics .statistics_container_conjugation_drills .ct-chart .chartist-tooltip:before { border-top-color: #F0624D !important; } #statistics .statistics_container_conjugation .ct-chart .ct-area, #statistics .statistics_container_conjugation_drills .ct-chart .ct-area { fill: #F0624D; } #statistics .statistics_container_listening .ct-chart .chartist-tooltip:before { border-top-color: #38A6D8 !important; } #statistics .statistics_container_listening .ct-chart .ct-area { fill: #38A6D8; } #statistics .statistics_container_crosswords .ct-chart .chartist-tooltip:before { border-top-color: rgba(246, 183, 92, 0.8) !important; } #statistics .statistics_container_crosswords .ct-chart .ct-area { fill: rgba(246, 183, 92, 0.8); } #statistics .statistics_container_words .ct-chart .chartist-tooltip:before, #statistics .statistics_container_wordsReverse .ct-chart .chartist-tooltip:before { border-top-color: #81C14B !important; } #statistics .statistics_container_words .ct-chart .ct-area, #statistics .statistics_container_wordsReverse .ct-chart .ct-area { fill: #81C14B; } #statistics .statistics_container_crosswords .ct-chart .chartist-tooltip:before { border-top-color: rgba(246, 183, 92, 0.8) !important; } #statistics .statistics_container_crosswords .ct-chart .ct-area { fill: rgba(246, 183, 92, 0.8); } #statistics .statistics_pie_chart { padding-bottom: 5rem; } #statistics .statistics_pie_chart .ct-series-a .ct-slice-pie { fill: #F0624D; } #statistics .statistics_pie_chart .ct-series-b .ct-slice-pie { fill: #38A6D8; } #statistics .statistics_pie_chart .ct-series-c .ct-slice-pie { fill: #81C14B; } #statistics .statistics_pie_chart .ct-series-d .ct-slice-pie { fill: rgba(246, 183, 92, 0.8); } #statistics .statistics_pie_chart .ct-label { font-size: 1.8rem; font-weight: 600; } #statistics .statistics_pie_chart .ct-legend { position: relative; top: 0.8rem; } #statistics .statistics_pie_chart .ct-legend li:hover { cursor: default; } .statistics_conjugation_rank_container, .statistics_listening_rank_container, .statistics_word_crossword_rank_chart_container, .statistics_conjugation_crossword_rank_chart_container { padding: 0 2rem 2rem 0; position: relative; width: 54rem; height: 18rem; margin: auto; margin-bottom: 1rem; } .statistics_conjugation_rank_container #statistics_conjugation_rank_badge, .statistics_conjugation_rank_container #statistics_listening_rank_badge, .statistics_listening_rank_container #statistics_conjugation_rank_badge, .statistics_listening_rank_container #statistics_listening_rank_badge, .statistics_word_crossword_rank_chart_container #statistics_conjugation_rank_badge, .statistics_word_crossword_rank_chart_container #statistics_listening_rank_badge, .statistics_conjugation_crossword_rank_chart_container #statistics_conjugation_rank_badge, .statistics_conjugation_crossword_rank_chart_container #statistics_listening_rank_badge { height: 14rem; } .statistics_conjugation_rank_container .statistics_conjugation_rank_label, .statistics_conjugation_rank_container .statistics_listening_rank_label, .statistics_listening_rank_container .statistics_conjugation_rank_label, .statistics_listening_rank_container .statistics_listening_rank_label, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_label, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_label, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_label, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_label { font-weight: 600; font-variant: small-caps; } .statistics_conjugation_rank_container .loader, .statistics_listening_rank_container .loader, .statistics_word_crossword_rank_chart_container .loader, .statistics_conjugation_crossword_rank_chart_container .loader { position: relative; left: 1rem; top: 15rem; } .statistics_conjugation_rank_chart_title, .statistics_listening_rank_chart_title, .statistics_conjugation_crossword_rank_chart_title, .statistics_word_crossword_rank_chart_title { margin-top: 2rem; } .statistics_word_crossword_rank_chart_container, .statistics_conjugation_crossword_rank_chart_container { height: 40rem; } .statistics_conjugation_rank_chart_container, .statistics_listening_rank_chart_container, .statistics_word_crossword_rank_chart_container, .statistics_conjugation_crossword_rank_chart_container { position: relative; } .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge, .statistics_listening_rank_chart_container .statistics_listening_rank_badge, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge { height: 10rem; position: absolute; top: -10rem; } .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_left, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_left, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_left, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_left { left: 4.2rem; } .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_right, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_right, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_right, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_listening_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_listening_rank_badge_right { right: 4.2rem; } .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_left, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_left { left: 0.4rem; } .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_word_crossword_rank_badge_right, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_badge.statistics_conjugation_crossword_rank_badge_right { right: 0.4rem; } .statistics_conjugation_rank_chart_container .statistics_conjugation_rank_chart .ct-series path, .statistics_conjugation_rank_chart_container .statistics_listening_rank_chart .ct-series path, .statistics_conjugation_rank_chart_container .statistics_word_crossword_rank_chart .ct-series path, .statistics_conjugation_rank_chart_container .statistics_conjugation_crossword_rank_chart .ct-series path, .statistics_listening_rank_chart_container .statistics_conjugation_rank_chart .ct-series path, .statistics_listening_rank_chart_container .statistics_listening_rank_chart .ct-series path, .statistics_listening_rank_chart_container .statistics_word_crossword_rank_chart .ct-series path, .statistics_listening_rank_chart_container .statistics_conjugation_crossword_rank_chart .ct-series path, .statistics_word_crossword_rank_chart_container .statistics_conjugation_rank_chart .ct-series path, .statistics_word_crossword_rank_chart_container .statistics_listening_rank_chart .ct-series path, .statistics_word_crossword_rank_chart_container .statistics_word_crossword_rank_chart .ct-series path, .statistics_word_crossword_rank_chart_container .statistics_conjugation_crossword_rank_chart .ct-series path, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_rank_chart .ct-series path, .statistics_conjugation_crossword_rank_chart_container .statistics_listening_rank_chart .ct-series path, .statistics_conjugation_crossword_rank_chart_container .statistics_word_crossword_rank_chart .ct-series path, .statistics_conjugation_crossword_rank_chart_container .statistics_conjugation_crossword_rank_chart .ct-series path { stroke: #d70206 !important; } .statistics_crossword_word_masteries_chart .ct-series-a line, .statistics_crossword_verb_masteries_chart .ct-series-a line, .statistics_crossword_combo_masteries_chart .ct-series-a line { stroke: #996078 !important; } .statistics_crossword_word_masteries_chart .ct-series-b line, .statistics_crossword_verb_masteries_chart .ct-series-b line, .statistics_crossword_combo_masteries_chart .ct-series-b line { stroke: #74546b !important; } .statistics_crossword_word_masteries_chart .ct-series-c line, .statistics_crossword_verb_masteries_chart .ct-series-c line, .statistics_crossword_combo_masteries_chart .ct-series-c line { stroke: #534756 !important; } .statistics_crossword_word_masteries_chart .ct-series-d line, .statistics_crossword_verb_masteries_chart .ct-series-d line, .statistics_crossword_combo_masteries_chart .ct-series-d line { stroke: #504b5b !important; } .statistics_crossword_word_masteries_chart .ct-series-e line, .statistics_crossword_verb_masteries_chart .ct-series-e line, .statistics_crossword_combo_masteries_chart .ct-series-e line { stroke: #4e505f !important; } .statistics_crossword_word_masteries_chart .ct-series-f line, .statistics_crossword_verb_masteries_chart .ct-series-f line, .statistics_crossword_combo_masteries_chart .ct-series-f line { stroke: #4c5461 !important; } .statistics_crossword_word_masteries_chart .ct-series-g line, .statistics_crossword_verb_masteries_chart .ct-series-g line, .statistics_crossword_combo_masteries_chart .ct-series-g line { stroke: #547184 !important; } .statistics_crossword_word_masteries_chart .ct-series-h line, .statistics_crossword_verb_masteries_chart .ct-series-h line, .statistics_crossword_combo_masteries_chart .ct-series-h line { stroke: #5591a3 !important; } .statistics_crossword_word_masteries_chart .ct-series-i line, .statistics_crossword_verb_masteries_chart .ct-series-i line, .statistics_crossword_combo_masteries_chart .ct-series-i line { stroke: #59b3b9 !important; } .statistics_crossword_word_masteries_chart .ct-series-j line, .statistics_crossword_verb_masteries_chart .ct-series-j line, .statistics_crossword_combo_masteries_chart .ct-series-j line { stroke: #6cd4c5 !important; } #statistics_conjugation_preset_history, #statistics_conjugation_explanation_mistakes_table { display: grid; grid-template-columns: min-content min-content auto minmax(15rem, min-content); } #statistics_conjugation_preset_history > div, #statistics_conjugation_preset_history > a, #statistics_conjugation_explanation_mistakes_table > div, #statistics_conjugation_explanation_mistakes_table > a { padding: 1.2rem 1.5rem; } #statistics_conjugation_preset_history, #statistics_conjugation_explanation_mistakes_table { margin-right: -2rem; margin-left: -2rem; font-size: 1.4rem !important; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_answer_label, #statistics_conjugation_preset_history .statistics_conjugation_preset_history_solution_label, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_answer_label, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_solution_label { font-weight: 600; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid { display: grid; grid-template-areas: "verb verb" "tense_icon tense_name" "person_icon person_name"; grid-template-columns: 3.2rem auto; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb { grid-area: verb; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_tense_icon, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_tense_icon { grid-area: tense_icon; font-size: 2rem; text-align: left; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_tense_name, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_tense_name { grid-area: tense_name; position: relative; top: 0.6rem; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_person_icon, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_person_icon { grid-area: person_icon; font-size: 2rem; text-align: left; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_person_name, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_person_name { grid-area: person_name; position: relative; top: 0.6rem; } #statistics_conjugation_preset_history .statistics_conjugation_preset_history_sentence, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_sentence { margin-top: 1rem; } #statistics_conjugation_quick_preset_history { display: grid; grid-template-columns: min-content auto auto auto; } #statistics_conjugation_quick_preset_history > div, #statistics_conjugation_quick_preset_history > a { padding: 1.2rem 1.5rem; } #statistics_conjugation_quick_preset_history { margin-right: -2rem; margin-left: -2rem; font-size: 1.4rem !important; } #statistics_conjugation_quick_preset_history .statistics_conjugation_quick_preset_history_date { white-space: nowrap; } #statistics_conjugation_quick_preset_history .statistics_conjugation_quick_preset_history_stars { white-space: nowrap; } #statistics_problem_verb_forms_table { display: grid; grid-template-columns: min-content minmax(18rem, min-content) auto minmax(17rem, min-content); } #statistics_problem_verb_forms_table > div, #statistics_problem_verb_forms_table > a { padding: 1.2rem 1.5rem; } #statistics_problem_verb_forms_table { font-size: 1.6rem; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_table_form { font-weight: 600; font-size: 1.8rem; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table { display: grid; gap: 1rem; grid-template-columns: min-content auto; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table .statistic_problem_verb_forms_tense div { font-size: 1.4rem; font-style: italic; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table > div:nth-of-type(2n+1) span { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_statistics_table { display: grid; gap: 1rem; grid-template-columns: min-content auto; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_statistics_table div:nth-of-type(2n+1) span { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_frequent_mistake_label { margin-top: 1rem; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_frequent_mistake_label span { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_frequent_mistake { margin-top: 0.3rem; } #statistics_problem_words_table { display: grid; grid-template-columns: min-content auto auto minmax(16rem, min-content); } #statistics_problem_words_table > div, #statistics_problem_words_table > a { padding: 1.2rem 1.5rem; } #statistics_problem_words_table { font-size: 1.6rem; } #statistics_problem_words_table .statistics_problem_words_statistics_table { display: grid; gap: 1rem; grid-template-columns: minmax(8rem, min-content) auto; } #statistics_problem_words_table .statistics_problem_words_statistics_table div:nth-of-type(2n+1) span { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #statistics_problem_words_table .statistics_problem_words_description { position: relative; } #statistics_problem_words_table .statistics_problem_words_description .statistics_problem_words_list_name, #statistics_problem_words_table .statistics_problem_words_description .statistics_problem_words_part_of_speech { margin-top: 0.8rem; font-size: 1.4rem; } #statistics_problem_words_table .statistics_problem_words_description .statistics_problem_words_list_name span, #statistics_problem_words_table .statistics_problem_words_description .statistics_problem_words_part_of_speech span { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #statistics_problem_words_table .statistics_problem_words_word .statistics_problem_words_solution_gender, #statistics_problem_words_table .statistics_problem_words_word .statistics_problem_words_secondary_solution_gender { font-style: italic; } #statistics_problem_words_table .statistics_problem_words_word .statistics_problem_words_solution_dialects, #statistics_problem_words_table .statistics_problem_words_word .statistics_problem_words_secondary_solution_dialects { font-size: 1.3rem; } #problem_words_none_label { margin-top: 3rem; text-align: left; } #statistics_conjugation_explanations_table { display: grid; grid-template-columns: min-content auto min-content 20rem; } #statistics_conjugation_explanations_table > div, #statistics_conjugation_explanations_table > a { padding: 1.2rem 1.5rem; } #statistics_conjugation_explanations_table .selected { background-color: rgba(8, 116, 133, 0.2); } /* FOOTER */ #page_footer { position: absolute; bottom: 0; background-color: #087485; height: 2.5rem; width: 100%; font-size: 1.6rem; text-align: center; color: #e7e7e7; } /* CROSSWORD */ #practice_listening_lingu_crosswords { width: 65rem; top: 8rem; position: absolute; left: calc(50vw + 30rem); } @media only screen and (max-width: 1550px) { #practice_listening_lingu_crosswords { display: none; } } #mobile_difficulty_level { display: none; } #crosswords_archive_button { margin-top: 4rem; } #crosswords_box { line-height: 1.75; padding-bottom: 4rem; } #crosswords_box h2 { position: relative; } #crosswords_box h2 i { color: #087485; margin: 0 0.8rem; font-size: 2.8rem; position: absolute; top: -0.9rem; } #crosswords_box h2 #crosswords_go_to_prev_day_button { left: 36%; } #crosswords_box h2 #crosswords_go_to_next_day_button { right: 36%; } #crosswords_box h2 #crosswords_date_picker_trigger { padding: 0.3rem 0.8rem; border-radius: 0.4rem; transition: background-color 0.2s; } #crosswords_box h2 #crosswords_date_picker_trigger:hover { background-color: rgba(0, 0, 0, 0.08); } #crosswords_box .exercise_main_page_nav_buttons { margin-top: 5rem; margin-bottom: -5rem; } #crosswords_box .section_title_container i, #crosswords_box #faq .faq_category .faq_title_container i, #faq .faq_category #crosswords_box .faq_title_container i { font-size: 1.8rem; top: 0.2rem; } #crosswords_box #crossword_rank_container { width: 96%; position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; font-size: 1.3rem; font-style: italic; background-color: rgba(8, 116, 133, 0.2); border-bottom: 1px solid rgba(8, 116, 133, 0.45); border-radius: 1.2rem 1.2rem 0 0; padding: 1.5% 2%; } #crosswords_box #crossword_rank_container .crossword_badge { width: 6rem; } #crosswords_box #crossword_rank_container > div { min-height: 9rem; } #crosswords_box #crossword_rank_container #crossword_word_rank_container { text-align: left; } #crosswords_box #crossword_rank_container #crossword_conjugation_rank_container { text-align: right; } #crosswords_box #crosswords_label { text-align: left; margin-left: 0.5rem; margin-top: 6rem; margin-bottom: 1rem; } #crosswords_box #crosswords_search_label { text-align: left; margin-left: 0.5rem; margin-bottom: 1rem; } #crosswords_box #crosswords_table { display: grid; grid-template-columns: 5rem minmax(20rem, min-content) auto min-content; } #crosswords_box #crosswords_table > div, #crosswords_box #crosswords_table > a { padding: 1.2rem 1.5rem; } #crosswords_box #crosswords_table { text-align: center; } #crosswords_box #crosswords_table .crosswords_table_solved i { color: rgba(0, 100, 0, 0.7); } #crosswords_box #crosswords_search { text-align: left; } #crosswords_box #crosswords_search select { margin-left: 0.5rem; margin-bottom: 1rem; } #crosswords_box .crossword_list_box { display: inline-grid; padding: 1.2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); margin: 1rem 0.5rem; border-radius: 0.8rem; position: relative; } #crosswords_box .crossword_list_box .crossword_list_box_level_indicator { display: none; height: calc(100% + 0.2rem); width: 0.6rem; position: absolute; top: -0.1rem; left: -0.1rem; border-radius: 0.8rem 0 0 0.8rem; } #crosswords_box .crossword_list_box.crossword_list_box_conjugation { display: inline-block; } #crosswords_box .crossword_list_box.crossword_list_box_level { width: 6.5rem; } #crosswords_box .crossword_list_box.crossword_list_box_level > strong { white-space: nowrap; } #crosswords_box .crossword_list_box .crossword_list_box_level_label { font-size: 1.4rem; font-weight: 400; } #crosswords_box .crossword_list_box .crosswords_table_solved_container { position: absolute; right: -1rem; top: -1rem; height: 2.4rem; background: white; border-radius: 1.2rem; } #crosswords_box .crossword_list_box .crosswords_table_solved_container i { color: rgba(0, 100, 0, 0.7); position: relative; bottom: 0.9rem; font-size: 2.4rem; } #crosswords_box #crosswords_email_switch_container { margin-top: 2rem; text-align: left; display: grid; grid-template-columns: min-content auto; column-gap: 1.5rem; } #crosswords_box #crosswords_email_switch_container .switch { position: relative; top: 0.4rem; } #crossword_box { padding-top: 2rem; padding-bottom: 6rem; z-index: 399; } #crossword_box.crossword17_box { width: 69.9rem; } #crossword_box.crossword20_box { width: 79.5rem; } #crossword_box.crossword21_box { width: 82.7rem; /*@media only screen and (max-width: 809px) { display: none; }*/ } #crossword_box.crossword25_box { width: 95.5rem; } #crossword_box.crossword1530_box { width: 115rem; } #crossword_box { /*@media only screen and (max-width: 600px) { display: none; }*/ } #crossword_box #crossword_info { font-size: 1.1rem; width: 56rem; margin: auto; line-height: 1.5; margin-top: 0.3rem; font-style: italic; } #crossword_box #crossword_special_letters { max-width: 80%; margin: auto; margin-top: 1rem; } #crossword_box #crossword_special_letters .special_letter_button .special_letter_button_superscript { margin-left: 0.1rem; vertical-align: super; font-size: 1rem !important; } #crossword_box .crossword_entry_word_count { font-size: 1.2rem; font-weight: 600; color: #087485; display: inline-block; border-radius: 0.4rem; padding: 0.3rem 0.5rem; background-color: rgb(206, 227, 231); position: relative; bottom: 0.1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #crossword_box #crossword { position: relative; margin: auto; width: 54rem; display: grid; grid-template-columns: repeat(15, 3.6rem); grid-template-rows: repeat(15, 3.6rem); z-index: 399; } #crossword_box #crossword.crossword15 .crossword_cell:not(.transparent):not(.black):nth-child(-n+15) { border-top: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword15 .crossword_cell:not(.transparent):nth-last-child(-n+15) { border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword15 .crossword_cell:not(.transparent):nth-last-child(15n+1) { border-right: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword15 .crossword_cell:not(.transparent):not(.black):nth-last-child(15n) { border-left: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword17 { width: 60.4rem; grid-template-columns: repeat(17, 3.6rem); grid-template-rows: repeat(17, 3.6rem); } #crossword_box #crossword.crossword17 .crossword_cell:not(.transparent):not(.black):nth-child(-n+17) { border-top: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword17 .crossword_cell:not(.transparent):nth-last-child(-n+17) { border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword17 .crossword_cell:not(.transparent):nth-last-child(16n+1) { border-right: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword17 .crossword_cell:not(.transparent):not(.black):nth-last-child(17n) { border-left: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword20 { width: 70rem; grid-template-columns: repeat(20, 3.6rem); grid-template-rows: repeat(20, 3.6rem); } #crossword_box #crossword.crossword20 .crossword_cell:not(.transparent):not(.black):nth-child(-n+20) { border-top: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword20 .crossword_cell:not(.transparent):nth-last-child(-n+20) { border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword20 .crossword_cell:not(.transparent):nth-last-child(20n+1) { border-right: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword20 .crossword_cell:not(.transparent):not(.black):nth-last-child(20n) { border-left: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword21 { width: 75.6rem; grid-template-columns: repeat(21, 3.6rem); grid-template-rows: repeat(21, 3.6rem); } #crossword_box #crossword.crossword21 .crossword_cell:not(.transparent):not(.black):nth-child(-n+21) { border-top: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword21 .crossword_cell:not(.transparent):nth-last-child(-n+21) { border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword21 .crossword_cell:not(.transparent):nth-last-child(21n+1) { border-right: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword21 .crossword_cell:not(.transparent):not(.black):nth-last-child(21n) { border-left: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword25 { width: 86rem; grid-template-columns: repeat(25, 3.6rem); grid-template-rows: repeat(25, 3.6rem); } #crossword_box #crossword.crossword25 .crossword_cell:not(.transparent):not(.black):nth-child(-n+25) { border-top: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword25 .crossword_cell:not(.transparent):nth-last-child(-n+25) { border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword25 .crossword_cell:not(.transparent):nth-last-child(25n+1) { border-right: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword25 .crossword_cell:not(.transparent):not(.black):nth-last-child(25n) { border-left: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword1530 { width: 108rem; grid-template-columns: repeat(30, 3.6rem); grid-template-rows: repeat(15, 3.6rem); } #crossword_box #crossword.crossword1530 .crossword_cell:not(.transparent):not(.black):nth-child(-n+30) { border-top: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword1530 .crossword_cell:not(.transparent):nth-last-child(-n+30) { border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword1530 .crossword_cell:not(.transparent):nth-last-child(15n+1) { border-right: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword.crossword1530 .crossword_cell:not(.transparent):not(.black):nth-last-child(15n) { border-left: 0.1rem solid rgba(0, 0, 0, 0.4); } #crossword_box #crossword .crossword_cell { width: 3.6rem; height: 3.6rem; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0.8); position: relative; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #crossword_box #crossword .crossword_cell.grey { background-color: grey; } #crossword_box #crossword .crossword_cell.gainsboro { background-color: gainsboro; } #crossword_box #crossword .crossword_cell.transparent { background-color: transparent; } #crossword_box #crossword .crossword_cell.cadetblue { background-color: cadetblue; } #crossword_box #crossword .crossword_cell.darkseagreen { background-color: darkseagreen; } #crossword_box #crossword .crossword_cell.indianred { background-color: indianred; } #crossword_box #crossword .crossword_cell.burlywood { background-color: burlywood; } #crossword_box #crossword .crossword_cell.crossword_input_cell { width: 3.5rem; height: 3.5rem; border: 0.1rem solid rgba(0, 0, 0, 0.4); background-color: white; position: relative; } #crossword_box #crossword .crossword_cell input { display: block; border-radius: 0; width: 3.5rem; height: 3.5rem; padding: 0; border: none; text-align: center; font-size: 2rem; color: black; text-transform: capitalize; background-color: #f4f4f4; caret-color: transparent; cursor: default; } #crossword_box #crossword .crossword_cell input.no_text_transform { text-transform: none; } #crossword_box #crossword .crossword_cell input.correct { background-color: rgba(0, 255, 0, 0.15); font-weight: 600; } #crossword_box #crossword .crossword_cell input.correct.hinted { background-color: rgba(240, 230, 140, 0.9) !important; } #crossword_box #crossword .crossword_cell input:not(.active):hover { cursor: default; } #crossword_box #crossword .crossword_cell input:focus { background-color: #fff; } #crossword_box #crossword .crossword_cell input.selected { background-color: rgba(8, 116, 133, 0.2); } #crossword_box #crossword .crossword_cell input.selected.active { background-color: rgba(8, 116, 133, 0.45); } #crossword_box #crossword .crossword_cell input.active:not(.correct) { background-color: rgba(8, 116, 133, 0.5) !important; } #crossword_box #crossword .crossword_cell input.active:not(.correct):hover { cursor: pointer; } #crossword_box #crossword .crossword_cell input.selected:not(.correct) { background-color: rgba(8, 116, 133, 0.2) !important; } #crossword_box #crossword .crossword_cell input.selected.active:not(.correct) { background-color: rgba(8, 116, 133, 0.6) !important; } #crossword_box #crossword .crossword_cell .crossword_clue_index { color: black; font-size: 1rem; position: absolute; top: 0rem; left: 0.2rem; font-weight: 600; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index: 10; -webkit-transform: translateZ(0); transform: translateZ(0); } #crossword_box #crossword_clue_container { margin-bottom: 2.4rem; } #crossword_box #crossword_clue_container .crossword_entry_word_count { bottom: 0.3rem; } #crossword_box #crossword_clue_container #crossword_clue { height: 7rem; font-size: 2.4rem; font-weight: 600; } #crossword_box #crossword_clue_container #crossword_clue.crossword_verb_form_clue { height: 13rem; } #crossword_box #crossword_clue_container #crossword_clue.crossword_verb_form_clue #crossword_clue_text_translation { font-size: 1.6rem; font-weight: 400; font-style: italic; margin-top: 0.2rem; } #crossword_box #crossword_clue_container #crossword_clue.crossword_monolingual_clue { height: 13rem; } #crossword_box #crossword_clue_container #crossword_clue #crossword_clue_index { font-weight: 400; font-size: 1.8rem; } #crossword_box #crossword_clue_container #crossword_clue #crossword_clue_dialects { font-size: 1.6rem; margin-top: 0.5rem; font-weight: 400; } #crossword_box #crossword_clue_container #crossword_clue #crossword_clue_placeholder { font-style: italic; font-size: 2rem; font-weight: 400; } #crossword_box #crossword_details { margin-top: 2rem; margin-bottom: 1rem; padding: 1rem 0; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; background-color: rgba(8, 116, 133, 0.075); display: grid; grid-template-columns: 1fr 1fr 1fr; line-height: 1.4; } #crossword_box #crossword_details.crossword_details_conjugation { grid-template-areas: "difficulty theme date" "tenses tenses tenses"; } #crossword_box #crossword_details.crossword_details_conjugation #crossword_difficulty_level { grid-area: difficulty; } #crossword_box #crossword_details.crossword_details_conjugation #crossword_theme { grid-area: theme; } #crossword_box #crossword_details.crossword_details_conjugation #crossword_date { grid-area: date; } #crossword_box #crossword_details.crossword_details_conjugation #crossword_tenses { line-height: 2; grid-area: tenses; padding: 1rem 0 0.5rem 0; } #crossword_box #crossword_details.crossword_details_conjugation #crossword_tenses #crossword_tenses_show_tenses_button_container { margin-top: 1rem; } #crossword_box #crossword_details.crossword_details_conjugation #crossword_tenses #crossword_tenses_show_tenses_button_container #crossword_tenses_show_tenses_button { margin-left: 1rem; font-weight: 600; } #crossword_box #crossword_all_clues_mobile { grid-template-columns: 1fr auto; } #crossword_box #crossword_all_clues { grid-template-columns: 1fr 1fr; } #crossword_box #crossword_all_clues, #crossword_box #crossword_all_clues_mobile { padding: 1rem; margin: auto; margin-top: 2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; background-color: rgba(8, 116, 133, 0.075); display: grid; gap: 1rem; line-height: 1.5; width: 85%; } #crossword_box #crossword_all_clues .crossword_all_clues_label, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_label { font-weight: 600; margin-bottom: 0.5rem; } #crossword_box #crossword_all_clues .crossword_all_clues_entry, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry { display: grid; grid-template-columns: 3.5rem auto; margin-bottom: 0.5rem; } #crossword_box #crossword_all_clues .crossword_all_clues_entry .crossword_all_clues_index, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry .crossword_all_clues_index { font-weight: 600; } #crossword_box #crossword_all_clues .crossword_all_clues_entry .crossword_all_clues_clue, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry .crossword_all_clues_clue { text-align: left; padding-right: 0.2rem; } #crossword_box #crossword_all_clues .crossword_all_clues_entry.highlighted > span, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry.highlighted > span { background-color: rgba(8, 116, 133, 0.7); color: white; } #crossword_box #crossword_all_clues .crossword_all_clues_entry.highlighted > span:nth-child(1), #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry.highlighted > span:nth-child(1) { border-radius: 0.8rem 0 0 0.8rem; } #crossword_box #crossword_all_clues .crossword_all_clues_entry.highlighted > span:nth-child(2), #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry.highlighted > span:nth-child(2) { border-radius: 0 0.8rem 0.8rem 0; } #crossword_box #crossword_all_verb_form_clues { margin: auto; margin-top: 2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; background-color: rgba(8, 116, 133, 0.075); display: grid; grid-template-rows: 1fr auto; gap: 1rem; line-height: 1.5; width: 90%; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner { padding: 1rem; height: 64.5rem; overflow-x: auto; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_label { font-weight: 600; margin-bottom: 0.5rem; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry { display: grid; grid-template-columns: 3.5rem auto; margin-bottom: 0.5rem; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry .crossword_all_clues_index { font-weight: 600; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry .crossword_all_clues_sentence { text-align: left; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry .crossword_all_clues_translation { text-align: left; font-style: italic; font-size: 1.6rem; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry.highlighted > span { background-color: rgba(8, 116, 133, 0.7); color: white; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry.highlighted > span .crossword_all_clues_cloze { border-color: white; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry.highlighted > span .crossword_all_clues_cloze .crossword_all_clues_cloze_person { color: white; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry.highlighted > span:nth-child(1) { border-radius: 0.8rem 0 0 0.8rem; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry.highlighted > span:nth-child(2) { border-radius: 0 0.8rem 0.8rem 0; } #crossword_box #crossword_add_to_list { position: absolute; left: 14.9rem; top: -4rem; z-index: 50; } #crossword_box #crossword_open_dictionary_for_last { position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box #crossword_open_dictionary_for_last_word { position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box .icon-spinner { position: absolute; left: 0.5rem; top: -4rem; } #crossword_box .icon-spinner i { font-size: 3rem; } #crossword_box .crossword_audio_button { font-size: 2.4rem; position: absolute; top: -3.5rem; } #crossword_box .crossword_audio_button#crossword_audio_button_on { right: 4.2rem; } #crossword_box .crossword_audio_button#crossword_audio_button_off { right: 5.3rem; } #crossword_box #crossword_save_button { font-size: 2.4rem; position: absolute; right: 7.9rem; top: -3.5rem; } #crossword_box #crossword_report_error_button { font-size: 2.4rem; position: absolute; right: 0.4rem; top: -3.5rem; } #crossword_box #crossword_clue_hint { position: absolute; right: 10.7rem; top: -4rem; z-index: 50; } #crossword_box #crossword_clue_hint.logged_out { right: 7rem; } #crossword_box #crossword_clue_verb_hint { position: absolute; right: 23.7rem; top: -4rem; z-index: 50; } #crossword_box #crossword_clue_verb_hint.logged_out { right: 20rem; } #crossword_box #crossword_clue_verb_hint_text { position: absolute; right: 24.7rem; top: -3.2rem; z-index: 50; text-transform: uppercase; } #crossword_box #crossword_clue_verb_hint_text.logged_out { right: 20rem; } #crossword_box #crossword_open_printable { position: absolute; left: 15rem; top: -4rem; z-index: 50; } #crossword_box #crossword_open_printable a { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); position: relative; top: 0.5rem; margin-left: 0.3rem; } #crossword_box #crossword_open_printable #crossword_open_printable_light { background-color: whitesmoke; } #crossword_box #crossword_open_printable #crossword_open_printable_dark { background-color: rgba(0, 0, 0, 0.8); } #crossword_box #crossword_change_style_button { position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box .crossword_overlay_box { position: absolute; width: 90%; max-width: 61.65rem; margin: auto; padding-bottom: 3.5rem; z-index: 9999; background-color: white; min-height: 48rem; top: 3rem; left: 4.75%; border: 0.15rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; -webkit-box-shadow: 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0, 0, 0, 0); box-shadow: 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0, 0, 0, 0); } #crossword_box #crossword_detailed_scorecard_overlay_box { max-height: 70rem; overflow-y: auto; overflow-x: hidden; padding: 3rem 0; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_overlay_close_icon { position: absolute; right: 2rem; top: 1.5rem; font-size: 3rem; } #crossword_box #crossword_detailed_scorecard_overlay_box .info_dialog_button { font-size: 1.8rem; top: 0.3rem; } #crossword_box #crossword_detailed_scorecard_overlay_box .section_title_container, #crossword_box #crossword_detailed_scorecard_overlay_box #faq .faq_category .faq_title_container, #faq .faq_category #crossword_box #crossword_detailed_scorecard_overlay_box .faq_title_container { margin: 3rem 0 0 1rem; } #crossword_box #crossword_detailed_scorecard_overlay_box h1 { margin-bottom: 1rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table { display: grid; grid-template-columns: min-content auto minmax(min-content, 16rem) minmax(min-content, 13rem); } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > div, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table > a, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > div, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table > a, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > div, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table > a { padding: 1.2rem 1.5rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell { font-weight: 600; position: relative; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell i, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell i, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell i { position: absolute; right: 1.2rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell .icon-spinner, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell .icon-spinner, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell .icon-spinner { left: auto; top: 0.9rem; right: -0.2rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell .icon-spinner i, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell .icon-spinner i, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell .icon-spinner i { font-size: 2rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell .crossword_detailed_scorecard_mastery_verb_correct, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell .crossword_detailed_scorecard_mastery_verb_correct, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell .crossword_detailed_scorecard_mastery_verb_correct { color: limegreen; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_verb_cell .crossword_detailed_scorecard_mastery_verb_hinted, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_verb_cell .crossword_detailed_scorecard_mastery_verb_hinted, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_verb_cell .crossword_detailed_scorecard_mastery_verb_hinted { color: red; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_level_cell .crossword_detailed_scorecard_mastery_level_too_low, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_level_cell .crossword_detailed_scorecard_mastery_level_too_low, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_level_cell .crossword_detailed_scorecard_mastery_level_too_low { font-size: 1.2rem; font-style: italic; line-height: 1; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_combo_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_combo_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_combo_cell { font-weight: 600; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_combo_cell .tense_box, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_combo_cell .tense_box, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_combo_cell .tense_box { font-size: 1.1rem; padding: 0.3rem 0.4rem; margin-bottom: 1rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_combo_cell .crossword_detailed_scorecard_mastery_combo_correct, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_combo_cell .crossword_detailed_scorecard_mastery_combo_correct, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_combo_cell .crossword_detailed_scorecard_mastery_combo_correct { color: limegreen; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_mastery_combo_cell .crossword_detailed_scorecard_mastery_combo_hinted, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_mastery_combo_cell .crossword_detailed_scorecard_mastery_combo_hinted, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_mastery_combo_cell .crossword_detailed_scorecard_mastery_combo_hinted { color: red; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_word_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_word_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_word_cell { font-weight: 600; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_word_cell .crossword_detailed_scorecard_word_clue, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_word_cell .crossword_detailed_scorecard_word_clue, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_word_cell .crossword_detailed_scorecard_word_clue { font-weight: 400; font-style: italic; font-size: 1.3rem; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_word_table .crossword_detailed_scorecard_score_change_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_verb_table .crossword_detailed_scorecard_score_change_cell, #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_combo_table .crossword_detailed_scorecard_score_change_cell { color: limegreen; font-weight: 600; } #crossword_box #crossword_overlay_box #crossword_overlay_close_icon { position: absolute; right: 2rem; top: 1.5rem; font-size: 3rem; } #crossword_box #crossword_overlay_box h2 { margin-top: 3rem; font-size: 3rem; font-weight: 600; } #crossword_box #crossword_overlay_box .crossword_overlay_inner_box { position: relative; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; margin: auto; background-color: rgba(8, 116, 133, 0.075); width: 90%; } #crossword_box #crossword_overlay_box .crossword_overlay_inner_box .box_label { position: absolute; top: -1.5rem; left: 2rem; height: 2rem; min-width: 10rem; background-color: white; border-radius: 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); text-align: center; padding: 0.3rem 1rem 0.7rem 1rem; font-size: 1.9rem; font-weight: 600; } #crossword_box #crossword_overlay_box #crossword_overlay_rank { min-height: 15rem; margin-top: 3.5rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank #crossword_overlay_repeat, #crossword_box #crossword_overlay_box #crossword_overlay_rank #crossword_overlay_logged_out { width: 60%; margin: auto; margin-top: 5rem; line-height: 1.75; } #crossword_box #crossword_overlay_box #crossword_overlay_rank #crossword_overlay_logged_out { margin-top: 6.3rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank #crossword_overlay_logged_out a { color: #087485; font-weight: 600; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .icon-spinner { position: absolute; top: 7.5rem; left: 25.5rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_rank_badge { width: 10rem; margin: auto; margin-top: 3rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_rank_label { font-weight: 600; font-variant: small-caps; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner { padding-bottom: 2rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_rank_progress_label { font-size: 1.6rem; line-height: 1.75; margin-top: 0.5rem; } @keyframes horizontal_bar_slide_in { 0% { max-width: 0; } 100% { max-width: 100%; } } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_rank_progress_bar { height: 100%; background-color: #087485; animation: horizontal_bar_slide_in 1.5s ease-in-out forwards; animation-delay: 0s; position: absolute; left: 0; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_rank_progress_bar_container { position: relative; background-color: rgba(8, 116, 133, 0.2); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; width: 20rem; height: 2rem; margin: 0.7rem auto 0 auto; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_current_rank_container { margin-top: 0.5rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_crossword_rank_promoted { margin-top: 2rem; margin-bottom: 1rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_crossword_rank_promoted span { background-color: rgba(0, 255, 0, 0.15); border: green 0.1rem solid; border-radius: 1.2rem; padding: 1.4rem 2rem; font-weight: 600; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_crossword_rank_promoted i { color: green; font-size: 2.8rem; position: relative; top: 0.4rem; right: 0.6rem; } #crossword_box #crossword_overlay_box #crossword_overlay_rank .inner #crossword_overlay_detailed_scorecard_button { position: absolute; top: 1rem; right: 1rem; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations { min-height: 20rem; margin-top: 3.5rem; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table { display: grid; grid-template-columns: auto auto; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div, #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > a { padding: 1.2rem 1.5rem; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table { margin-top: 1rem; line-height: 1.75; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations .crossword_overlay_recommendations_name { line-height: 2.5; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations .crossword_overlay_recommendations_tag { font-size: 1.3rem; padding: 0.4rem 0.6rem; background-color: rgba(8, 116, 133, 0.2); border-radius: 0.8rem; margin-left: 0.5rem; position: relative; bottom: 0.2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); white-space: nowrap; text-transform: uppercase; font-weight: 600; } #crossword_box #crossword_overlay_box #crossword_overlay_back_button, #crossword_box #crossword_overlay_box #crossword_overlay_close_button { margin-top: 3rem !important; } .crossword21_box.crossword_layout_2 #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner, .crossword21_box.crossword_layout_3 #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner { height: 86.5rem !important; } .crossword_monolingual_cloze { min-width: 6rem; border-bottom: 1px solid rgba(8, 116, 133, 0.45); display: inline-block; margin-right: 0.2rem; position: relative; top: 0.3rem; } .crossword_all_clues_cloze { min-width: 6rem; height: 1.8rem; display: inline-block; border-bottom: 1px solid rgba(8, 116, 133, 0.45); position: relative; top: 0.4rem; line-height: 1.5; text-align: center; } .crossword_all_clues_cloze .crossword_all_clues_cloze_person { font-size: 1.2rem; position: absolute; left: 2rem; color: #087485; } .crossword_all_clues_cloze .crossword_all_clues_cloze_solved { color: green; font-weight: 600; position: relative; bottom: 0.5rem; margin-left: 0.5rem; margin-right: 0.5rem; } #crossword_change_style_container { display: grid; grid-template-columns: 25.3rem 25.4rem; grid-template-rows: 4rem auto; position: absolute; z-index: 9999; background-color: white; border: 1px solid rgba(8, 116, 133, 0.45); padding: 1.6rem; min-height: 16.7rem; box-sizing: border-box; } #crossword_change_style_container #crossword_change_style_close_icon { position: absolute; right: 1rem; top: 0.5rem; font-size: 2rem; } #crossword_change_style_container > div { position: relative; } #crossword_change_style_container #crossword_change_color_label { position: absolute; left: 0; top: 0; margin: auto; } #crossword_change_style_container #crossword_change_layout_label { position: absolute; left: 0; top: 0; margin: auto; } #crossword_change_style_container #crossword_change_color { width: 17.4rem; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; row-gap: 1rem; position: relative; top: 1.25rem; } #crossword_change_style_container #crossword_change_color .crossword_change_color_button { width: 2.8rem; height: 2.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #crossword_change_style_container #crossword_change_color .crossword_change_color_button:hover, #crossword_change_style_container #crossword_change_color .crossword_change_color_button.selected_color { -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px rgba(8, 116, 133, 0.45); box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px rgba(8, 116, 133, 0.45); } #crossword_archive { padding-bottom: 1rem; } #crossword_archive h1 { margin-bottom: 5rem; } #crossword_archive h2 { text-align: left; } #crossword_archive #crossword_archive_selector { margin-top: 3rem; display: grid; grid-template-columns: 12rem auto; row-gap: 3rem; } #crossword_archive #crossword_archive_selector .crossword_archive_selector_label { font-weight: 600; font-size: 2.4rem; text-align: left; padding-top: 0.7rem; } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector { grid-template-columns: repeat(4, 1fr); } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector .crossword_archive_type_selector_disabled_option { opacity: 0.4; } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector .crossword_archive_type_selector_disabled_option:hover { background-color: initial; cursor: not-allowed; } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile { grid-template-columns: 1fr; row-gap: 1rem; } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile { display: grid; column-gap: 1.5rem; } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector > div, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div { padding: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; } #crossword_archive #crossword_archive_selector #crossword_archive_type_selector > div.selected, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div.selected { background-color: rgba(8, 116, 133, 0.2); } #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector { display: grid; grid-template-columns: 10rem auto; column-gap: 1rem; padding-right: 1rem; padding-top: 1.3rem; } #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider { height: 1.5rem; margin-top: 0.3rem; } #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-range { background: rgba(8, 116, 133, 0.2); height: 1.5rem; } #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle { background: #087485; height: 2.4rem; width: 2.4rem; border-radius: 2.4rem; } #crossword_archive #crossword_archive_selector #crossword_archive_theme_selector { text-align: left; } #crossword_archive #crossword_archive_selector #crossword_archive_theme_selector select { padding: 1rem; border-radius: 1.2rem; position: relative; top: 0.3rem; } #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector { grid-template-columns: repeat(3, 1fr); } #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile { grid-template-columns: 1fr; row-gap: 1rem; } #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector { display: grid; column-gap: 1.5rem; } #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector > div, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile > div, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector > div, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile > div, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector > div { padding: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.2rem; } #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector > div.selected, #crossword_archive #crossword_archive_selector #crossword_archive_solved_selector_mobile > div.selected, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector > div.selected, #crossword_archive #crossword_archive_selector #crossword_archive_size_selector_mobile > div.selected, #crossword_archive #crossword_archive_selector #crossword_archive_vosotros_selector > div.selected { background-color: rgba(8, 116, 133, 0.2); } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector { width: 32rem; text-align: left; } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector .multi_select_list { max-height: 24rem; overflow-y: scroll; } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector .multi_select_list li { position: relative; } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector .multi_select_list li > div { display: inline-grid; grid-template-columns: 24rem 3rem; grid-template-areas: "tense info"; } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector .multi_select_list li > div > div { grid-area: tense; line-height: 1.25; } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector .multi_select_list li > div > div div { margin-top: 0.3rem; font-size: 1.4rem; font-style: italic; } #crossword_archive #crossword_archive_selector #crossword_archive_tense_selector_container #crossword_archive_tense_selector .multi_select_list li > div i { grid-area: info; text-align: center; font-size: 2rem; position: absolute; top: 1.1rem; right: 1rem; } #crossword_archive #crossword_archive_submit_button_container { margin-top: 4rem; height: 5rem; } #crossword_archive #crossword_archive_results { padding-top: 3rem; } #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table { padding-bottom: 2rem; text-align: center; display: grid; grid-template-columns: 4rem 12.8rem auto minmax(15rem, min-content) min-content; } #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table > div, #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table > a { padding: 1.2rem 1.5rem; } #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table .crosswords_archive_table_solved i { color: rgba(0, 100, 0, 0.7); } #crossword_archive #crossword_archive_results .inner #crossword_archive_results_table .tense_box { display: inline-block; margin: 0.3rem 0.1rem; } #crossword_archive #crossword_archive_results #crossword_archive_no_results { padding-bottom: 3rem; } /* CROSSWORD HISTORY */ #crosswords_nav_buttons { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; margin-top: 4rem; } #crosswords_nav_buttons .submit_button, #crosswords_nav_buttons #crossword_history_detail #crossword_history_detail_actions .button_link, #crossword_history_detail #crossword_history_detail_actions #crosswords_nav_buttons .button_link, #crosswords_nav_buttons #feedback-module #feedback_send_button_container #feedback_send_button, #feedback-module #feedback_send_button_container #crosswords_nav_buttons #feedback_send_button, #crosswords_nav_buttons #index_box #index_buttons a, #index_box #index_buttons #crosswords_nav_buttons a, #crosswords_nav_buttons .registration_submit_button, #crosswords_nav_buttons #login_box #login_form input[type=submit], #login_box #login_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #mobile_feedback_box #mobile_feedback_form input[type=submit], #mobile_feedback_box #mobile_feedback_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #password_reset_box #password_reset_form input[type=submit], #password_reset_box #password_reset_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #password_reset_confirm_box #password_reset_confirm_form input[type=submit], #password_reset_confirm_box #password_reset_confirm_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #account_activation_continue_button, #crosswords_nav_buttons #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button, #simple_text_box #simple_text_homepage_button_container #crosswords_nav_buttons #simple_text_homepage_button, #crosswords_nav_buttons #signup_box #signup_form input[type=submit], #signup_box #signup_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #signup_box #complete_social_signup_form input[type=submit], #signup_box #complete_social_signup_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #terms_change_box #accept_terms_change_button, #terms_change_box #crosswords_nav_buttons #accept_terms_change_button, #crosswords_nav_buttons .practice_session_end #practice_session_end_quit_button, .practice_session_end #crosswords_nav_buttons #practice_session_end_quit_button, #crosswords_nav_buttons #practice_listening_settings_submit_container #practice_listening_settings_submit_button, #practice_listening_settings_submit_container #crosswords_nav_buttons #practice_listening_settings_submit_button, #crosswords_nav_buttons #practice_listening_settings_submit_container #practice_listening_custom_settings_button, #practice_listening_settings_submit_container #crosswords_nav_buttons #practice_listening_custom_settings_button, #crosswords_nav_buttons #practice_listening_submit_button, #crosswords_nav_buttons .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #crosswords_nav_buttons #practice_conjugations_hidden_verb_check_button, #crosswords_nav_buttons .demo_start_form input[type=submit], .demo_start_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #practice_quick_conjugations_demo input[type=submit], #practice_quick_conjugations_demo #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #practice_conjugations_settings_buttons_container input[type=submit], #practice_conjugations_settings_buttons_container #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button, #practice_conjugations_settings_buttons_container #crosswords_nav_buttons #practice_conjugations_custom_settings_button, #crosswords_nav_buttons #practice_conjugations_submit_button, #crosswords_nav_buttons #word_lists #word_lists_practice_button_container #word_lists_practice_button, #word_lists #word_lists_practice_button_container #crosswords_nav_buttons #word_lists_practice_button, #crosswords_nav_buttons #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button, #word_lists #word_lists_practice_button_container #crosswords_nav_buttons #word_lists_custom_settings_button, #crosswords_nav_buttons #import_words a, #import_words #crosswords_nav_buttons a, #crosswords_nav_buttons #import_words_copy_paste #import_words_copy_paste_continue, #import_words_copy_paste #crosswords_nav_buttons #import_words_copy_paste_continue, #crosswords_nav_buttons #import_words_from_file #import_words_from_file_continue, #import_words_from_file #crosswords_nav_buttons #import_words_from_file_continue, #crosswords_nav_buttons #import_words_preview #import_words_preview_finish_import, #import_words_preview #crosswords_nav_buttons #import_words_preview_finish_import, #crosswords_nav_buttons #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button, #practice_words_mistakes_stage_buttons_container #crosswords_nav_buttons .practice_words_mistakes_stage_button, #crosswords_nav_buttons #practice_words_front_bottom #practice_words_buttons #practice_words_check_button, #practice_words_front_bottom #practice_words_buttons #crosswords_nav_buttons #practice_words_check_button, #crosswords_nav_buttons #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #crosswords_nav_buttons #practice_reverse_words_check_button, #crosswords_nav_buttons #profile_box #profile_form input[type=submit], #profile_box #profile_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #change_password_box #change_password_form input[type=submit], #change_password_box #change_password_form #crosswords_nav_buttons input[type=submit], #crosswords_nav_buttons #crosswords_box #crossword_search_select_button, #crosswords_box #crosswords_nav_buttons #crossword_search_select_button, #crosswords_nav_buttons #crossword_box #crossword_overlay_box #crossword_overlay_back_button, #crossword_box #crossword_overlay_box #crosswords_nav_buttons #crossword_overlay_back_button, #crosswords_nav_buttons #crossword_box #crossword_overlay_box #crossword_overlay_close_button, #crossword_box #crossword_overlay_box #crosswords_nav_buttons #crossword_overlay_close_button { margin-top: 0; } .crossword_giant_label { font-size: 1.1rem; color: #888888; font-weight: 500; } .level_range_container { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; } .level_range_container .level_box { position: relative; z-index: 2; } .level_separator { z-index: 1; width: 1.2rem; height: 3px; margin-left: -1px; margin-right: -3px; } .level_separator.a1-a2 { background: linear-gradient(90deg, #ffecd5, #ffceb8); } .level_separator.a1-b1 { background: linear-gradient(90deg, #ffecd5, #ffaf93); } .level_separator.a1-b2 { background: linear-gradient(90deg, #ffecd5, #ff917e); } .level_separator.a1-c1 { background: linear-gradient(90deg, #ffecd5, #ff917e); } .level_separator.a1-c2 { background: linear-gradient(90deg, #ffecd5, #ff5452); } .level_separator.a2-b1 { background: linear-gradient(90deg, #ffceb8, #ffaf93); } .level_separator.a2-b2 { background: linear-gradient(90deg, #ffceb8, #ff917e); } .level_separator.a2-c1 { background: linear-gradient(90deg, #ffceb8, #ff917e); } .level_separator.a2-c2 { background: linear-gradient(90deg, #ffceb8, #ff5452); } .level_separator.b1-b2 { background: linear-gradient(90deg, #ffaf93, #ff917e); } .level_separator.b1-c1 { background: linear-gradient(90deg, #ffaf93, #ff917e); } .level_separator.b1-c2 { background: linear-gradient(90deg, #ffaf93, #ff5452); } .level_separator.b2-c1 { background: linear-gradient(90deg, #ff917e, #ff917e); } .level_separator.b2-c2 { background: linear-gradient(90deg, #ff917e, #ff5452); } .level_separator.c1-c2 { background: linear-gradient(90deg, #ff917e, #ff5452); } #crossword_history { padding-bottom: 2rem; } #crossword_history .admin_viewing_user_banner { background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 0.5rem; padding: 1rem 1.5rem; margin-bottom: 1.5rem; font-size: 1.4rem; color: #856404; } #crossword_history .instruction-section, #crossword_history #study #word-comparisons-goal-section, #study #crossword_history #word-comparisons-goal-section, #crossword_history #study #word-comparisons-progress-explanation, #study #crossword_history #word-comparisons-progress-explanation { margin-bottom: 2rem; text-align: left; } #crossword_history #crossword_history_filters { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; padding: 1.5rem; background-color: rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group { display: flex; align-items: center; gap: 1rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group label { font-weight: 600; font-size: 1.6rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options { display: flex; flex-wrap: wrap; gap: 0.5rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a { padding: 0.5rem 1rem; border-radius: 0.4rem; text-decoration: none; color: inherit; font-size: 1.4rem; border: 1px solid #e7e7e7; background-color: white; transition: all 0.15s ease; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a:hover { background-color: #e7e7e7; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a.selected { background-color: #087485; color: white; border-color: #087485; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector { display: grid; grid-template-columns: 10rem auto; column-gap: 1rem; min-width: 25rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_selected { font-size: 1.4rem; text-align: center; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider { height: 1.5rem; margin-top: 0.3rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-range { background: #087485; opacity: 0.3; height: 1.5rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle { background: #087485; height: 2.4rem; width: 2.4rem; border-radius: 2.4rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_apply_button { padding: 0.8rem 2rem; font-size: 1.4rem; } #crossword_history #crossword_history_table_container { margin-top: 2rem; } #crossword_history #crossword_history_table_container #crossword_history_table { display: flex; flex-direction: column; text-align: center; font-size: 1.3rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_header, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row { display: grid; grid-template-columns: 3.5rem 12rem 8rem auto 8rem 5.5rem 4.5rem 7rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_header > div, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row > div { padding: 0.8rem 0.4rem; border-bottom: 1px solid #e7e7e7; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_header > div { font-weight: 600; background-color: rgba(8, 116, 133, 0.2); } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row { text-decoration: none; color: inherit; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row:hover > div { background-color: rgba(8, 116, 133, 0.2); } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .tense_box { display: inline-block; margin: 0.2rem 0.1rem; font-size: 1.2rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle { font-weight: 600; color: #087485; padding: 0.3rem 0.6rem; border-radius: 0.4rem; transition: background-color 0.15s ease; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle:hover { background-color: rgba(8, 116, 133, 0.2); text-decoration: underline; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle i { margin-left: 0.3rem; font-size: 1.2rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_score_cell { display: flex; align-items: center; justify-content: center; gap: 0.4rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_score_cell .score_gain_badge { display: inline-flex; align-items: center; gap: 0.15rem; padding: 0.1rem 0.4rem; background-color: rgba(46, 139, 87, 0.15); border-radius: 3px; font-size: 1.1rem; font-weight: 600; color: #2E8B57; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_score_cell .score_gain_badge .score_gain_triangle { font-size: 0.8rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_tenses_expansion { grid-column: 1/-1; background-color: rgba(8, 116, 133, 0.2); border-bottom: 1px solid #e7e7e7; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_tenses_expansion .crossword_history_tenses_expansion_content { padding: 1rem 2rem; text-align: left; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_tenses_expansion .crossword_history_tenses_expansion_content .tense_box { display: inline-block; margin: 0.3rem 0.2rem; } #crossword_history #crossword_history_table_mobile { display: none; grid-template-columns: 1fr; gap: 0; text-align: left; } #crossword_history #crossword_history_table_mobile a { display: block; text-decoration: none; color: inherit; border-bottom: 1px solid #e7e7e7; padding: 1rem 0; transition: background-color 0.15s ease; } #crossword_history #crossword_history_table_mobile a:hover { background-color: rgba(8, 116, 133, 0.2); } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.4rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_date { font-weight: 600; font-size: 1.4rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_score_badge { display: flex; align-items: center; gap: 0.3rem; font-weight: 700; font-size: 1.3rem; color: #434343; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_score_badge .score_gain_badge { display: inline-flex; align-items: center; gap: 0.1rem; padding: 0.1rem 0.4rem; background-color: rgba(46, 139, 87, 0.15); border-radius: 3px; font-size: 1rem; font-weight: 600; color: #2E8B57; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_score_badge .score_gain_badge .score_gain_triangle { font-size: 0.7rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_type_level { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.4rem; flex-wrap: wrap; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_type_level .crossword_history_mobile_type_text { font-size: 1.3rem; color: var(--color-grey-mid); font-weight: 500; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_theme { font-size: 1.3rem; margin-bottom: 0.3rem; text-align: left; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom { display: flex; gap: 1.2rem; font-size: 1.2rem; color: var(--color-grey-mid); margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06); } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom span { display: flex; align-items: center; gap: 0.3rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom .mobile_correct_value { font-weight: 600; color: var(--color-text-primary); } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom .mobile_hints_value { font-weight: 600; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom .mobile_hints_zero { color: #2E8B57; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom .mobile_hints_nonzero { color: var(--color-text-primary); } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_expansion_mobile { margin-top: 0.5rem; padding: 0.5rem; background-color: rgba(8, 116, 133, 0.2); border-radius: 0.5rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_expansion_mobile .tense_box { display: inline-block; margin: 0.2rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle { font-weight: 600; color: #087485; padding: 0.3rem 0.6rem; border-radius: 0.4rem; transition: background-color 0.15s ease; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover { background-color: rgba(8, 116, 133, 0.2); text-decoration: underline; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle i { margin-left: 0.3rem; font-size: 1.2rem; } #crossword_history #crossword_history_pagination { margin-top: 2rem; } #crossword_history #crossword_history_empty { text-align: center; padding: 4rem 2rem; } #crossword_history #crossword_history_empty p { margin: 1rem 0; } #crossword_history #crossword_history_empty a { color: #087485; } #crossword_history_detail { padding-bottom: 2rem; } #crossword_history_detail .admin_viewing_user_banner { background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 0.5rem; padding: 1rem 1.5rem; margin-bottom: 1.5rem; font-size: 1.4rem; color: #856404; } #crossword_history_detail #crossword_history_detail_header { display: flex; flex-direction: column; gap: 1.2rem; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e7e7e7; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title_row { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title { display: flex; align-items: center; gap: 1rem; margin: 0; font-size: 2rem; font-weight: 600; flex-wrap: wrap; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title .crossword_type_badge_container { display: flex; flex-direction: column; align-items: center; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title .crossword_type_badge { background-color: #087485; color: white; padding: 0.4rem 1rem; border-radius: 6px; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title .crossword_type_giant { font-size: 1.1rem; color: #888888; font-weight: 500; margin-top: 0.2rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title .crossword_title_text { color: #434343; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_date { color: #434343; font-size: 1.3rem; white-space: nowrap; background-color: #e7e7e7; padding: 0.4rem 0.8rem; border-radius: 4px; font-weight: 500; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_meta { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags .crossword_meta_tag { padding: 0.3rem 0.8rem; border-radius: 4px; font-size: 1.2rem; font-weight: 500; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags .crossword_size_tag { background-color: #e7e7e7; color: #434343; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags .crossword_words_tag { background-color: rgba(8, 116, 133, 0.15); color: #087485; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tenses { display: flex; flex-wrap: wrap; gap: 1rem 0.8rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tenses a { text-decoration: none; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_stats { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1.5rem; padding-top: 0.5rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_results, #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_scores { display: flex; gap: 2.5rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result { display: flex; flex-direction: column; align-items: center; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result .result_value_row { display: flex; align-items: center; gap: 0.5rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result .result_value { font-size: 2rem; font-weight: 700; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result .result_value.correct_text { color: #2E8B57; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result .result_value.incorrect_text { color: #DC3545; } #crossword_history_detail #crossword_history_detail_header .score_gain_badge { display: inline-flex; align-items: center; gap: 0.2rem; margin-left: 0.4rem; padding: 0.2rem 0.6rem; background-color: rgba(46, 139, 87, 0.15); border-radius: 4px; font-size: 1.3rem; font-weight: 600; color: #2E8B57; } #crossword_history_detail #crossword_history_detail_header .score_gain_badge .score_gain_triangle { font-size: 0.9rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result .result_label { font-size: 1.1rem; color: #888888; text-transform: uppercase; letter-spacing: 0.5px; } #crossword_history_detail .crossword_history_detail_legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; font-size: 1.3rem; margin-top: 1rem; margin-bottom: 2rem; } #crossword_history_detail .crossword_history_detail_legend .crossword_history_legend_item { display: flex; align-items: center; gap: 0.5rem; color: #888888; } #crossword_history_detail .crossword_history_detail_legend .crossword_history_legend_item .legend_color_box { width: 1.4rem; height: 1.4rem; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); } #crossword_history_detail .crossword_history_detail_legend .crossword_history_legend_correct .legend_color_box { background-color: rgba(0, 255, 0, 0.15); } #crossword_history_detail .crossword_history_detail_legend .crossword_history_legend_hinted .legend_color_box { background-color: rgba(240, 230, 140, 0.9); } #crossword_history_detail .crossword_history_detail_legend .crossword_history_legend_mixed .legend_color_box { background: linear-gradient(135deg, rgba(0, 255, 0, 0.15) 50%, rgba(240, 230, 140, 0.9) 50%); } #crossword_history_detail .crossword_history_tracking_notice { background-color: rgba(100, 149, 237, 0.15); border: 1px solid rgba(100, 149, 237, 0.4); border-radius: 6px; padding: 0.8rem 1rem; margin-bottom: 1.5rem; font-size: 0.9rem; color: #333; display: flex; align-items: center; gap: 0.6rem; } #crossword_history_detail .crossword_history_tracking_notice i { color: #4a7dcf; font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_grid_container { margin-bottom: 2rem; display: flex; justify-content: center; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid { display: grid; gap: 0; border-top: 0.5px solid rgba(0, 0, 0, 0.3); border-left: 0.5px solid rgba(0, 0, 0, 0.3); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; position: relative; font-size: 1.6rem; font-weight: 400; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.8); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.correct_cell, #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.hinted_cell, #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.mixed_cell, #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.white_cell { border-right: 0.5px solid rgba(0, 0, 0, 0.3); border-bottom: 0.5px solid rgba(0, 0, 0, 0.3); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.correct_cell { background-color: rgba(0, 255, 0, 0.15); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.hinted_cell { background-color: rgba(240, 230, 140, 0.9); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.mixed_cell { background: linear-gradient(135deg, rgba(0, 255, 0, 0.15) 50%, rgba(240, 230, 140, 0.9) 50%); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell.white_cell { background-color: white; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell .cell_number { position: absolute; top: 0.1rem; left: 0.2rem; font-size: 0.7rem; font-weight: 600; color: rgba(0, 0, 0, 0.7); line-height: 1; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell .cell_letter { text-transform: uppercase; } #crossword_history_detail #crossword_history_detail_clues { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; text-align: left; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section h3 { font-size: 1.8rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #087485; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list { list-style: none; padding: 0; margin: 0; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li { padding: 0.8rem 0; border-bottom: 1px solid #e7e7e7; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_number { font-weight: 600; margin-right: 0.5rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_word { font-weight: 600; text-transform: uppercase; margin-right: 0.5rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_word.crossword_history_word_link { cursor: pointer; transition: color 0.15s ease; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_word.crossword_history_word_link:hover { text-decoration: underline; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li i { margin-right: 0.5rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li i.crossword_history_add_word, #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li i.crossword_history_add_verb { cursor: pointer; color: #888888; transition: color 0.15s ease; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li i.crossword_history_add_word:hover, #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li i.crossword_history_add_verb:hover { color: #087485; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_audio_btn, #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_verb_audio_btn { cursor: pointer; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text { margin-top: 0.3rem; font-size: 1.4rem; color: #888888; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .clue_translation { font-style: italic; margin-top: 0.2rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .tense_box { display: inline-block; margin-right: 0.5rem; margin-bottom: 0.3rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .crossword_history_verb_link { display: inline-block; background-color: rgba(8, 116, 133, 0.1); color: #087485; padding: 0.2rem 0.6rem; border-radius: 4px; cursor: pointer; text-decoration: none; margin-right: 0.5rem; font-weight: 500; font-size: 1.3rem; transition: background-color 0.15s ease; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .crossword_history_verb_link:hover { background-color: rgba(8, 116, 133, 0.2); } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .clue_sentence { margin-top: 0.3rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .clue_highlight { font-weight: 600; color: #087485; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li.crossword_history_entry_correct .clue_word { color: limegreen; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li.crossword_history_entry_correct i:not(.crossword_history_add_word):not(.crossword_history_add_verb):not(.playable_audio):not(.playable_audio_playing) { color: limegreen; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li.crossword_history_entry_hinted .clue_word { color: red; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li.crossword_history_entry_hinted i:not(.crossword_history_add_word):not(.crossword_history_add_verb):not(.playable_audio):not(.playable_audio_playing) { color: red; } #crossword_history_detail #crossword_history_detail_actions { margin-top: 3rem; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav { display: flex; align-items: center; justify-content: center; gap: 1.5rem; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav_link { display: flex; align-items: center; gap: 0.4rem; color: #087485; text-decoration: none; font-size: 1.4rem; font-weight: 500; transition: color 0.15s ease; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav_link:hover { color: rgb(3.6595744681, 53.0638297872, 60.8404255319); } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav_link.disabled { color: #e7e7e7; pointer-events: none; } #crossword_history_detail #crossword_history_detail_actions .button_link { text-decoration: none; } /* Mobile styles for crossword history */ @media (max-width: 768px) { #crossword_history #crossword_history_filters { flex-direction: column; gap: 1rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group { flex-direction: column; align-items: flex-start; gap: 0.5rem; width: 100%; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a { padding: 0.4rem 0.8rem; font-size: 1.3rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector { width: 100%; max-width: 30rem; } #crossword_history #crossword_history_table_container { display: none; } #crossword_history #crossword_history_table_mobile { display: grid !important; } #crossword_history_detail #crossword_history_detail_clues { grid-template-columns: 1fr; } } .crossword_list_box_conjugation { line-height: 2.5; } .crossword_list_box_conjugation .tense_box { margin: 0 0.5rem; font-size: 1.4rem; } .crossword_list_box_conjugation .crosswords_table_solved_container i { bottom: 1.8rem !important; } .crossword_list_box_conjugation_info_container { display: inline-block; font-size: 1.4rem; } #crossword_theme .tense_box { margin: 0.3rem 0.1rem; display: inline-block; } #crossword_theme .crossword_info { display: inline-block; font-size: 1.5rem; font-style: italic; } /* CONJUGATION EXPLANATIONS */ .open_conjugation_explanation_new_tab_button_container, .open_word_explanation_new_tab_button_container { text-align: right; margin-bottom: -1.5rem; } .open_listening_conjugation_explanation_new_tab_button_container { text-align: right; margin-right: -1.2rem; margin-top: -0.8rem; margin-bottom: 0.5rem; } .conjugation_explanation_example_sentence, .explanation_example_sentence, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote { background: rgba(8, 116, 133, 0.2); padding: 0.5rem 1rem; margin-bottom: 1rem; margin-top: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } .explanation_example_sentence, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote { padding: 1.5rem 2rem; margin-bottom: 1.5rem; margin-top: 1rem; } .explanation_example_sentence img, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence img, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote img { position: relative; top: 0.3rem; right: 0.2rem; } .explanation_example_sentence .explanation_example_sentence_translation, .explanation_example_sentence #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-translation, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .explanation_example_sentence .example-translation, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence .explanation_example_sentence_translation, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence .example-translation, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .explanation_example_sentence_translation, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .example-translation { font-style: italic; display: block; font-size: 1.6rem; } .explanation_example_sentence .highlighted_token, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence .highlighted_token, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .highlighted_token { font-weight: 600; } .explanation_example_sentence .explanation_example_sentence_dialect_flag, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence .explanation_example_sentence_dialect_flag, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .explanation_example_sentence_dialect_flag { position: relative; top: 0.2rem; left: 0.3rem; } #word_bank_explanation_page_text { margin-top: 3rem; margin-right: 2.5rem; line-height: 2; text-align: justify; } #word_bank_explanation_page_text .word_bank_explanation_page_part_explanation { margin-top: 0.5rem; margin-bottom: 1.5rem; } #word_bank_explanation_nav { margin-top: 5rem; margin-bottom: 2rem; display: grid; grid-template-columns: 1fr 1fr; column-gap: 3rem; font-size: 1.5rem; } #word_bank_explanation_nav .word_bank_explanation_nav_side_container { background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(8, 116, 133, 0.075)); border: 1px solid rgba(8, 116, 133, 0.2); border-radius: 1.4rem; padding: 1.5rem 2rem; box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.08); transition: all 0.25s ease; position: relative; } #word_bank_explanation_nav .word_bank_explanation_nav_side_container:hover { background: linear-gradient(135deg, rgba(8, 116, 133, 0.075), rgba(8, 116, 133, 0.2)); transform: translateY(-2px); box-shadow: 0 0.8rem 2rem rgba(8, 116, 133, 0.15); border-color: rgba(8, 116, 133, 0.45); } #word_bank_explanation_nav .word_bank_explanation_nav_side_container:hover i { color: #087485; } #word_bank_explanation_nav .word_bank_explanation_nav_side_container:hover span { color: #087485; } #word_bank_explanation_nav .word_bank_explanation_nav_side_container a { display: block; text-decoration: none; color: inherit; width: 100%; height: 100%; } #word_bank_explanation_nav #word_bank_explanation_nav_left_container { text-align: left; position: relative; } #word_bank_explanation_nav #word_bank_explanation_nav_left_container::after { content: "Previous"; position: absolute; top: 0.5rem; left: 2rem; font-size: 1.1rem; font-weight: 600; color: rgba(8, 116, 133, 0.45); opacity: 0.7; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; } #word_bank_explanation_nav #word_bank_explanation_nav_left_container #word_bank_explanation_nav_left { display: flex; align-items: center; gap: 1.2rem; margin-top: 1.8rem; } #word_bank_explanation_nav #word_bank_explanation_nav_left_container #word_bank_explanation_nav_left i { font-size: 2rem; color: rgba(8, 116, 133, 0.45); transition: all 0.3s ease; flex-shrink: 0; } #word_bank_explanation_nav #word_bank_explanation_nav_left_container #word_bank_explanation_nav_left .word_bank_explanation_nav_left_text { font-weight: 500; line-height: 1.4; color: #434343; transition: color 0.3s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #word_bank_explanation_nav #word_bank_explanation_nav_right_container { text-align: right; position: relative; } #word_bank_explanation_nav #word_bank_explanation_nav_right_container::after { content: "Next"; position: absolute; top: 0.5rem; right: 2rem; font-size: 1.1rem; font-weight: 600; color: rgba(8, 116, 133, 0.45); opacity: 0.7; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; } #word_bank_explanation_nav #word_bank_explanation_nav_right_container #word_bank_explanation_nav_right { display: flex; align-items: center; justify-content: flex-end; gap: 1.2rem; margin-top: 1.8rem; } #word_bank_explanation_nav #word_bank_explanation_nav_right_container #word_bank_explanation_nav_right i { font-size: 2rem; color: rgba(8, 116, 133, 0.45); transition: all 0.3s ease; flex-shrink: 0; } #word_bank_explanation_nav #word_bank_explanation_nav_right_container #word_bank_explanation_nav_right .word_bank_explanation_nav_right_text { font-weight: 500; line-height: 1.4; color: #434343; transition: color 0.3s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: right; } #token_confusion_explanation_page_text { margin-top: 3rem; margin-right: 2.5rem; line-height: 2; text-align: justify; } #token_confusion_explanation_page_text .tense_box { margin-right: 0.5rem; position: relative; bottom: 0.2rem; } #token_confusion_explanation_page_text ul { margin-top: 0.5rem; margin-left: 2.5rem; } #token_confusion_explanation_page_text ul li { list-style-type: disc; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container { margin-left: 2.5rem; margin-top: 4rem; margin-bottom: 2rem; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table_title { text-align: center; background-color: rgba(8, 116, 133, 0.2); padding: 0.5rem 1rem; border-radius: 2rem 2rem 0 0; border: 1px solid rgba(8, 116, 133, 0.45); border-bottom: none; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table_title span { font-style: italic; font-weight: 600; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > div, #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table > a { padding: 1.2rem 1.5rem; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table { text-align: center; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0 0 2rem 2rem; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table div:nth-child(5n+1) { font-weight: 600; } #token_confusion_explanation_page_text #token_confusion_explanation_page_declesion_table_container #token_confusion_explanation_page_declesion_table div:last-child { border-radius: 0 0 2rem 0; } #token_confusion_explanation_page_text #token_confusion_explanation_page_non_existent_words { margin-top: 3rem; } #token_confusion_explanation_page_text #token_confusion_explanation_page_non_existent_words span { font-style: italic; } #token_confusion_explanation_page_text .token_confusion_explanation_case_word_expression { font-weight: 600; font-style: italic; font-variant: diagonal-fractions; } .token_confusion_explanation_page_declesion_table_cell_type_1 { background-color: rgba(253, 80, 81, 0.5) !important; } .token_confusion_explanation_page_declesion_table_cell_type_2 { background-color: rgba(255, 169, 89, 0.5) !important; } .token_confusion_explanation_page_declesion_table_cell_type_3 { background-color: rgba(255, 246, 97, 0.5) !important; } .token_confusion_explanation_page_declesion_table_cell_type_4 { background-color: rgba(97, 239, 148, 0.5) !important; } .token_confusion_explanation_page_declesion_table_cell_type_5 { background-color: rgba(111, 190, 251, 0.5) !important; } .token_confusion_explanation_page_declesion_table_cell_type_6 { background-color: rgba(144, 99, 233, 0.5) !important; } .token_confusion_explanation_page_declesion_table_cell_type_7, .token_confusion_explanation_page_declesion_table_cell_type_8, .token_confusion_explanation_page_declesion_table_cell_type_9, .token_confusion_explanation_page_declesion_table_cell_type_10 { background-color: rgba(8, 116, 133, 0.075) !important; } #token_confusion_explanation_page_box.side_popup { padding-left: 1.2rem !important; line-height: 1.75 !important; } #token_confusion_explanation_page_box.side_popup .open_word_explanation_new_tab_button_container { position: absolute; right: 1rem; top: 0; } #token_confusion_explanation_page_box.side_popup .token_confusion_explanation_page_explanation { margin-top: 2rem; } #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text { margin-top: 0; margin-right: 1.5rem; line-height: 1.75 !important; } #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text .section_title, #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text #faq .faq_category .faq_title_container .faq_title, #faq .faq_category .faq_title_container #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text .faq_title { padding: 0.6rem 1.2rem; } #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text ul { margin-left: 1rem; } #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text .tense_box a { border: none; } #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text .explanation_example_sentence, #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text .example-sentence, #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text #token_confusion_explanation_page_box.side_popup #token_confusion_explanation_page_text blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; margin-top: 0.5rem; } #word_bank_explanation_page_box.side_popup { padding-left: 1.2rem !important; line-height: 1.75 !important; } #word_bank_explanation_page_box.side_popup .open_word_bank_explanation_new_tab_button_container { position: absolute; right: 1rem; top: 0; } #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text { margin-top: 0; margin-right: 1.5rem; line-height: 1.75 !important; } #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text .section_title, #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text #faq .faq_category .faq_title_container .faq_title, #faq .faq_category .faq_title_container #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text .faq_title { padding: 0.6rem 1.2rem; } #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text .explanation_example_sentence, #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text .example-sentence, #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; margin-top: 0.5rem; } .word_explanation_full_page h1 { margin: auto; max-width: 85%; } .conjugation_explanation_secondary_example_sentence { background: white; padding: 0.5rem 1rem; margin-bottom: 1rem; margin-top: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; font-size: 1.5rem; } .conjugation_explanation_secondary_example_sentence .conjugation_explanation_dialect_flag { top: 0.4rem; } .conjugation_explanation_example_sentence_block { display: grid; grid-template-columns: 1.3rem auto; } .conjugation_explanation_example_sentence_block .conjugation_explanation_example_sentence_decorator { background-color: #087485; border-radius: 0.8rem 0 0 0.8rem; } .conjugation_explanation_example_sentence_block .conjugation_explanation_example_sentence_text { background-color: rgba(8, 116, 133, 0.2); border-radius: 0 0.8rem 0.8rem 0; padding: 0.2rem 0.8rem; position: relative; } .conjugation_explanation_example_sentence_block .conjugation_explanation_example_sentence_translation_decorator { background-color: rgba(8, 116, 133, 0.2); border-radius: 0.8rem 0 0 0.8rem; } .conjugation_explanation_example_sentence_block .conjugation_explanation_example_sentence_translation { background-color: rgba(8, 116, 133, 0.075); border-radius: 0 0.8rem 0.8rem 0; padding: 0.2rem 0.8rem; font-style: italic; font-size: 1.6rem; position: relative; } .conjugation_explanation_full_page .conjugation_explanation_example_sentence { padding: 1.5rem 2rem; margin-bottom: 1.5rem; margin-top: 1rem; } .conjugation_explanation_full_page .conjugation_explanation_secondary_example_sentence { padding: 0.8rem 2rem; margin-bottom: 1.5rem; margin-top: 1rem; } .conjugation_explanation_full_page p { margin-bottom: 1rem; } .conjugation_explanation_full_page .conjugation_explanation_title { margin-top: 4rem !important; font-size: 2rem; } .conjugation_explanation_dialect_flag { position: relative; top: 0.3rem; right: 0.3rem; } .brown_emphasis { color: brown !important; font-weight: 600; } .green_emphasis { color: rgb(0, 155, 0) !important; font-weight: 600; } .red_emphasis { color: rgb(255, 0, 0) !important; font-weight: 600; } .in_word_highlight { border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: rgba(8, 116, 133, 0.2); border-radius: 0.4rem; font-weight: 600; } .conjugation_explanation_example_sentence_note { font-size: 1.4rem; font-style: italic; margin-top: -0.7rem; margin-bottom: 1.2rem; } .conjugation_explanation_title { margin-top: 0.8rem; font-weight: 600; text-decoration: underline; } .conjugation_explanation_link_intext { border-bottom: 0.2rem solid rgba(8, 116, 133, 0.2) !important; } .conjugation_explanation_link_intext.verb_link { font-style: italic; } .conjugations_table:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation), .dictionary_compound_conjugations:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation), .data_conjugations_compound_conjugation:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation) { color: rgba(0, 0, 0, 0.35); transition: color 0.2s ease; } .conjugations_table:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation) *, .dictionary_compound_conjugations:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation) *, .data_conjugations_compound_conjugation:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation) * { color: inherit; } .conjugations_table:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation):hover, .dictionary_compound_conjugations:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation):hover, .data_conjugations_compound_conjugation:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation):hover { color: rgba(0, 0, 0, 0.7); } /* STUDY */ #study_conjugations { width: 78rem; padding-bottom: 5rem; } #study_conjugations #study_conjugations_title { max-width: 80%; margin: auto; } #study_conjugations #study_conjugations_title #study_conjugations_verb_container { white-space: nowrap; } #study_conjugations #study_conjugations_title #study_conjugations_verb_container span { font-weight: 600; } #study_conjugations #study_conjugations_title #study_conjugations_verb_container img { height: 1.9rem; position: relative; top: 0.2rem; left: 0.2rem; } #study_conjugations #study_conjugations_verb_not_found { text-align: left; line-height: 1.5; margin-top: 4rem; } #study_conjugations #study_conjugations_verb_not_found .study_conjugations_potential_verb { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); font-weight: 600; } #study_conjugations #study_conjugation_search_another { text-align: center; margin: 2rem 0; padding: 1.5rem; background-color: rgba(248, 249, 250, 0.6); border-radius: 0.8rem; border: 1px solid rgba(233, 236, 239, 0.8); } #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_form { margin-top: 0.5rem; } #study_conjugations .study_conjugations_container { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin: auto; margin-top: 3rem; } @media only screen and (max-width: 800px) { #study_conjugations .study_conjugations_container { grid-template-columns: 1fr; } } #study_conjugations .study_conjugations_box { width: 35rem; } #study_conjugations .study_conjugations_box .study_conjugations_tense_label { font-size: 1.4rem !important; font-weight: 600 !important; } .study_conjugations_tense_container { position: relative; border-radius: 1.2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: rgba(8, 116, 133, 0.2); padding: 1rem; padding-top: 2rem; margin-top: 2rem; width: 100%; } #study_conjugations_verb { font-style: italic; } /* FAQ */ #faq #faq_contact_text { margin-top: 5rem; margin-bottom: 1rem; text-align: left; } #faq a { text-decoration: underline; } #faq ul:not(.faq_question_blocks), #faq ol { margin-top: 1rem; margin-bottom: 1rem; } #faq .faq_category { text-align: justify; margin-bottom: 1rem; } #faq .faq_category .faq_flag_icon { width: 2.4rem; margin-right: 0.8rem; position: relative; top: 0.6rem; } #faq .faq_category ul.faq_question_blocks { margin-left: 1rem; } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_question { padding: 0.6rem 1.2rem; border-radius: 1.2rem 1.2rem 0 0; margin-top: 0.4rem; } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_question.selected { background-color: rgba(8, 116, 133, 0.2); } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_question:not(.selected) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_text { margin-bottom: 1.5rem; padding: 1.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0 0 1.2rem 1.2rem; line-height: 2; background-color: rgba(8, 116, 133, 0.075); } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_text ul li { list-style-type: disc; margin-left: 3rem; } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_text ul li ul li { list-style-type: circle; } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_text ol li { list-style-type: decimal; margin-left: 3rem; } .section_not_translated { display: grid; grid-template-columns: 1fr 10fr; width: 70%; border: 0.1rem solid rgba(8, 116, 133, 0.2); line-height: 1.5; padding: 1.5rem 2rem; margin: 1rem auto 0.5rem auto; border-radius: 1.2rem; text-align: left; background-color: rgba(8, 116, 133, 0.075); font-size: 1.6rem; } .section_not_translated img { width: 2.8rem; height: 2.8rem; } #error_report_translation_error_message { font-size: 1.4rem; } #error_report_translation_error_message a { text-decoration: underline; font-weight: 600; } #error_report_explanation_warning { font-size: 1.4rem; } #error_report_explanation_warning .error_report_explanation_link { text-decoration: underline; } #conjugation_explanation_page_box { text-align: justify; line-height: 2; padding: 2rem 2.5rem 3rem 2.5rem; } #conjugation_explanation_page_box h1 { text-align: center; margin-bottom: 3rem; } #conjugation_explanation_page_box h1 div { font-weight: 400; } #conjugation_explanation_page_box ul { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 1.5rem; } #conjugation_explanation_page_box ul li { list-style-type: disc; } #conjugation_explanation_page_box ul li li { list-style-type: circle; } #conjugation_explanation_page_box p { margin-top: 0.5rem; } #conjugation_explanation_page_box .conjugation_explanation_title { margin-top: 1.5rem; } .level_label_a1 { background-color: rgba(255, 228, 196, 0.7); color: black; } .level_label_a2 { background-color: rgba(255, 185, 154, 0.7); color: black; } .level_label_b1 { background-color: rgba(255, 142, 102, 0.7); color: black; } .level_label_b2 { background-color: rgba(255, 99, 71, 0.7); color: black; } .level_label_c1 { background-color: rgba(255, 56, 40, 0.7); color: white; } .level_label_c2 { background-color: rgba(255, 12, 8, 0.7); color: white; } .level_box { border-radius: 0.8rem; padding: 0.3rem 0.6rem; margin-left: 0.3rem; text-align: center; font-size: 1.4rem; font-weight: 600; } .section-level-box { font-size: 2rem; padding: 0.6rem 1.2rem; margin-left: 0; margin-bottom: 1rem; display: inline-block; } .level_box.level_box_a1 { background-color: #ffecd5; color: black; } .level_box.level_box_a2 { background-color: #ffceb8; color: black; } .level_box.level_box_b1 { background-color: #ffaf93; color: black; } .level_box.level_box_b2 { background-color: #ff917e; color: black; } .level_box.level_box_c1 { background-color: #ff917e; color: white; } .level_box.level_box_c2 { background-color: #ff5452; color: white; } .level_box_a1_a2_gradient { background: linear-gradient(to bottom, #ffecd5, #ffceb8) !important; } .level_box_a1_b1_gradient { background: linear-gradient(to bottom, #ffecd5, #ffaf93) !important; } .level_box_a1_b2_gradient { background: linear-gradient(to bottom, #ffecd5, #ff917e) !important; } .level_box_a1_c1_gradient { background: linear-gradient(to bottom, #ffecd5, #ff917e) !important; } .level_box_a1_c2_gradient { background: linear-gradient(to bottom, #ffecd5, #ff5452) !important; } .level_box_a2_b1_gradient { background: linear-gradient(to bottom, #ffceb8, #ffaf93) !important; } .level_box_a2_b2_gradient { background: linear-gradient(to bottom, #ffceb8, #ff917e) !important; } .level_box_a2_c1_gradient { background: linear-gradient(to bottom, #ffceb8, #ff917e) !important; } .level_box_a2_c2_gradient { background: linear-gradient(to bottom, #ffceb8, #ff5452) !important; } .level_box_b1_b2_gradient { background: linear-gradient(to bottom, #ffaf93, #ff917e) !important; } .level_box_b1_c1_gradient { background: linear-gradient(to bottom, #ffaf93, #ff917e) !important; } .level_box_b1_c2_gradient { background: linear-gradient(to bottom, #ffaf93, #ff5452) !important; } .level_box_b2_c1_gradient { background: linear-gradient(to bottom, #ff917e, #ff917e) !important; } .level_box_b2_c2_gradient { background: linear-gradient(to bottom, #ff917e, #ff5452) !important; } .level_box_c1_c2_gradient { background: linear-gradient(to bottom, #ff917e, #ff5452) !important; } #google_login_container { margin-top: 1rem; } #google_login_container #customBtn { margin-top: 18px; display: inline-block; background: rgba(8, 116, 133, 0.2); color: black; width: 225px; border-radius: 8px; border: 1px solid rgba(8, 116, 133, 0.45); white-space: nowrap; } #google_login_container #customBtn.customGPlusSignUp { width: 235px; } #google_login_container #customBtn:hover { background-color: rgba(8, 116, 133, 0.45); } #google_login_container #customBtn:hover { cursor: pointer; } #google_login_container span.label { font-family: serif; font-weight: normal; } #google_login_container span.icon { background: url("/static/main/images/g-normal.c65d6d05801a.png") transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; border-radius: 42px; } #google_login_container span.buttonText { display: inline-block; vertical-align: middle; padding-left: 0; font-size: 16px; font-weight: bold; } .conjugation_tense_cluster_verbs, .conjugation_group_verbs, .study_verb_list { font-size: 1.8rem; padding: 0 2rem; padding-top: 1rem; list-style: disc; padding-left: 3.5rem !important; } .conjugation_tense_cluster_verbs .tense_guide_conjugation_from, .conjugation_group_verbs .tense_guide_conjugation_from, .study_verb_list .tense_guide_conjugation_from { padding: 0.5rem 0; text-align: left; } .conjugation_tense_cluster_verbs .tense_guide_conjugation_from > span, .conjugation_group_verbs .tense_guide_conjugation_from > span, .study_verb_list .tense_guide_conjugation_from > span { font-weight: 600; margin: auto; } .study_verb_list { padding-left: 2rem !important; } .study_verb_list .tense_guide_conjugation_from { text-align: left; } #study_verb_list_title { margin-bottom: 2rem; } #study_verb_list_title img { height: 1.9rem; position: relative; top: 0.2rem; } .study_verb_list_verb_conjugation_link { margin-right: 1rem; } #study_conjugation_search_another_form { display: inline-block; } .practice_prompt_button { font-weight: 600; text-transform: uppercase; font-size: 1.8rem !important; margin-bottom: 2rem !important; } .section-title-with-button { display: flex; justify-content: center; align-items: center; position: relative; } #study_conjugations_practice_prompt_button { position: absolute; right: 0; top: -0.4rem; font-size: 1.4rem !important; margin: 0; padding: 0.4rem 0.8rem !important; } #study_conjugations_practice_prompt_button .practice_prompt_button_text { font-size: 1.4rem; text-transform: none; font-weight: 500; } #study_conjugations_practice_prompt_button_container { width: 100%; height: 7rem; line-height: normal; } #word_bank_explanation_page_practice_prompt_button_container { height: 5rem; position: relative; } #word_bank_explanation_page_practice_prompt_button_container #word_bank_explanation_page_practice_prompt_button { position: absolute; right: 1rem; top: 2rem; } .conjugation_area_cluster_verbs_verb_definition, .conjugation_group_verbs_verb_definition, .study_verb_list_verb_definition { font-size: 1.5rem; font-style: italic; font-weight: 400; } .conjugation_preset_hidden_verbs_list { font-size: 1.8rem; padding: 0 2rem; padding-top: 1rem; list-style: disc; padding-left: 3.5rem !important; } .conjugation_preset_hidden_verbs_list i { font-size: 1.8rem; } .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element { padding: 0.5rem 0; text-align: left; margin-bottom: 0 !important; } .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element > span { font-weight: 600; margin: auto; } #conjugation_preset_hidden_verbs_secondary_solutions_title { position: relative; left: -2rem; } .conjugation_preset_hidden_verbs_list_definition { font-size: 1.5rem; font-style: italic; font-weight: 400; } #practice_conjugations_hidden_verb_sentence_block_other_solutions { text-align: left; } .practice_conjugations_hidden_verb_sentence_block_explanations { text-align: left; margin-bottom: 1rem; margin-left: 1rem; } .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation { width: min-content; margin-left: 0.5rem; } .practice_conjugations_hidden_verb_sentence_block_explanations { margin-top: 1rem; } .practice_conjugations_hidden_verb_sentence_block_other_solutions { margin-left: 1.5rem; padding: 0.6rem 1.4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; font-size: 2rem; font-weight: 400; line-height: 1.5; display: inline-block; } .practice_conjugations_hidden_verb_sentence_block_other_solutions .practice_conjugations_hidden_verb_sentence_block_other_solutions_content { font-weight: 600; } /* STUDY */ #tense_guide { width: 63.5rem; padding: 2rem 3rem 5rem 3rem; min-height: 10rem; } #tense_guide #tense_guide_tense_name { font-size: 1.6rem; font-style: italic; } #tense_guide #tense_guide_tense_name span { font-weight: 400; } #tense_guide .tense_guide_example_text { font-size: 2rem; font-weight: 600; margin-bottom: 0.8rem; line-height: 1.75; } #tense_guide .tense_guide_example_text span { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; padding: 0.4rem 0.6rem; margin: 0 0.2rem; } #tense_guide .tense_guide_example_translation { font-size: 1.5rem; margin-bottom: 2.5rem; } #tense_guide #tense_guide_introduction_container { margin-bottom: 2.5rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text { font-size: 1.8rem; line-height: 1.75; margin-bottom: 2rem; text-align: justify; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text p { margin-bottom: 1.5rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text p:last-child { margin-bottom: 0; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text strong, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text b { font-weight: 600; color: #434343; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text em, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text i { font-style: italic; color: #434343; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ol { margin: 1.5rem 0; padding-left: 2rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul li, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ol li { margin-bottom: 1rem; line-height: 1.7; font-size: 1.7rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul li:last-child, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ol li:last-child { margin-bottom: 0; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul li { list-style-type: none; position: relative; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul li::before { content: "•"; color: #087485; font-weight: bold; position: absolute; left: -1.5rem; font-size: 1.2em; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ol li::marker { color: #087485; font-weight: 600; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text code { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; padding: 0.4rem 0.6rem; margin: 0 0.2rem; background-color: rgba(8, 116, 133, 0.075); font-weight: 600; font-size: 0.9em; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .highlighted_token { font-weight: 600; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .translation { font-style: italic; display: block; font-size: 1.6rem; margin-top: 0.5rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text a { color: #087485; text-decoration: none; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text a:hover { color: rgba(8, 116, 133, 0.7); text-decoration: underline; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .tense-guide-introduction { line-height: 1.8; text-align: justify; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .tense-definition { font-size: 1.9rem; font-weight: 500; margin-bottom: 2rem; padding: 1.2rem 1.8rem; background-color: rgba(8, 116, 133, 0.075); border-left: 0.4rem solid #087485; border-radius: 0 0.6rem 0.6rem 0; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .tense-definition:first-child { margin-top: 0; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .usage-pattern { margin-bottom: 1.8rem; line-height: 1.8; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .usage-pattern:last-of-type { margin-bottom: 1rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .example-sentence .highlighted_token { font-weight: 600; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .usage-emphasis { font-weight: 600; color: #087485; background-color: rgba(8, 116, 133, 0.1); padding: 0.1rem 0.4rem; border-radius: 0.3rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .usage-notes { background-color: rgba(255, 140, 0, 0.15); border-left: 0.4rem solid #ff8c00; padding: 1.2rem 1.8rem; margin: 1.5rem 0; border-radius: 0 0.6rem 0.6rem 0; font-size: 1.7rem; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text .usage-notes::before { content: "📝 "; font-size: 1.4rem; margin-right: 0.5rem; } #tense_guide #tense_guide_further_explanations_container { margin-bottom: 3rem; } #tense_guide #tense_guide_further_explanations_container .tense_guide_further_explanations_list { display: grid; grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr)); gap: 1.5rem; margin-top: 1.5rem; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_item { border: 0.1rem solid rgba(8, 116, 133, 0.15); border-radius: 1.2rem; background: linear-gradient(135deg, rgba(8, 116, 133, 0.03) 0%, rgba(8, 116, 133, 0.08) 100%); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 0.3rem; background: linear-gradient(90deg, #087485 0%, rgba(8, 116, 133, 0.7) 50%, #087485 100%); opacity: 0; transition: opacity 0.3s ease; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_item:hover { background: linear-gradient(135deg, rgba(8, 116, 133, 0.08) 0%, rgba(8, 116, 133, 0.15) 100%); border-color: rgba(8, 116, 133, 0.3); transform: translateY(-0.2rem) scale(1.02); box-shadow: 0 0.8rem 2.5rem rgba(8, 116, 133, 0.15), 0 0.3rem 1rem rgba(8, 116, 133, 0.1); } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_item:hover::before { opacity: 1; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_link { display: flex; align-items: center; justify-content: space-between; padding: 1.8rem 2rem; text-decoration: none; color: #434343; width: 100%; position: relative; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_link:hover { color: #087485; text-decoration: none; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_title { font-size: 1.7rem; font-weight: 600; line-height: 1.3; flex: 1; transition: color 0.2s ease; } #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_icon { font-size: 1.4rem; margin-left: 1.5rem; opacity: 0.5; transition: all 0.3s ease; color: #087485; } .tense_guide_explanation_item:hover #tense_guide #tense_guide_further_explanations_container .tense_guide_explanation_icon { opacity: 1; transform: translateX(0.3rem); } #tense_guide #tense_guide_further_explanations_container:empty::after { content: "No additional explanations available for this tense."; display: block; text-align: center; color: rgba(67, 67, 67, 0.6); font-style: italic; padding: 2rem; background-color: rgba(231, 231, 231, 0.3); border-radius: 0.8rem; border: 0.1rem dashed rgba(67, 67, 67, 0.2); } #tense_guide #tense_guide_practice_drills_container { margin-bottom: 3rem; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drills_list { display: grid; grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr)); gap: 1.5rem; margin-top: 1.5rem; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_item { border: 0.1rem solid rgba(0, 133, 51, 0.15); border-radius: 1.2rem; background: linear-gradient(135deg, rgba(0, 133, 51, 0.03) 0%, rgba(0, 133, 51, 0.08) 100%); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 0.3rem; background: linear-gradient(90deg, rgb(0, 133, 51) 0%, rgba(0, 133, 51, 0.7) 50%, rgb(0, 133, 51) 100%); opacity: 0; transition: opacity 0.3s ease; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_item:hover { background: linear-gradient(135deg, rgba(0, 133, 51, 0.08) 0%, rgba(0, 133, 51, 0.15) 100%); border-color: rgba(0, 133, 51, 0.3); transform: translateY(-0.2rem) scale(1.02); box-shadow: 0 0.8rem 2.5rem rgba(0, 133, 51, 0.15), 0 0.3rem 1rem rgba(0, 133, 51, 0.1); } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_item:hover::before { opacity: 1; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_link { display: block; padding: 1.8rem 2rem; text-decoration: none; color: #434343; position: relative; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_link:hover { color: rgb(0, 133, 51); text-decoration: none; } #tense_guide #tense_guide_practice_drills_container .tense_guide_practice_drill_title { font-size: 1.7rem; font-weight: 600; line-height: 1.4; text-align: center; width: 100%; word-wrap: break-word; hyphens: auto; max-width: 100%; transition: color 0.2s ease; } #tense_guide #tense_guide_practice_drills_container:empty::after { content: "No practice drills available for this tense."; display: block; text-align: center; color: rgba(67, 67, 67, 0.6); font-style: italic; padding: 2rem; background-color: rgba(231, 231, 231, 0.3); border-radius: 0.8rem; border: 0.1rem dashed rgba(67, 67, 67, 0.2); } #tense_guide #tense_guide #tense_guide_container #study_conjugations_practice_prompt_button_container { position: relative !important; height: 4rem !important; margin: -1.5rem 0 !important; width: 100% !important; } #tense_guide #tense_guide #tense_guide_container #study_conjugations_practice_prompt_button_container #study_conjugations_explanation_practice_prompt_button.practice_prompt_button { position: absolute !important; right: 0 !important; top: 0 !important; margin: 0 !important; display: inline-block !important; } #tense_guide #tense_guide_title { line-height: 1.4; text-align: center; margin-bottom: 1.5rem; color: black; } #tense_guide #tense_guide_title > div:first-child { font-size: 2.2rem; font-weight: 600; margin-bottom: 0.5rem; color: black; } #tense_guide #tense_guide_tense_name { font-size: 1.8rem !important; font-style: italic; font-weight: 500; color: black; text-align: center; line-height: 1.3; word-wrap: break-word; hyphens: auto; max-width: 100%; margin: 0 auto; padding: 0 1rem; } @media (max-width: 768px) { #tense_guide #tense_guide_tense_name { font-size: 1.6rem !important; padding: 0 0.5rem; } } #tense_guide #tense_guide_tense_name.long-tense-name { font-size: 1.6rem !important; line-height: 1.4; } @media (max-width: 768px) { #tense_guide #tense_guide_tense_name.long-tense-name { font-size: 1.4rem !important; } } #tense_guide #tense_guide_tense_name span { font-weight: 400; color: rgba(0, 0, 0, 0.7); display: inline-block; margin-top: 0.2rem; } #tense_guide #tense_guide_details { font-size: 1.7rem; text-align: left; margin: 2.5rem 0 3rem 0; line-height: 2; background-color: rgba(8, 116, 133, 0.075); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1rem; padding: 2rem 2.5rem; display: grid; grid-template-columns: 1fr; gap: 1.2rem; } #tense_guide #tense_guide_details > div { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem; } #tense_guide #tense_guide_details .tense_guide_label { font-weight: 600; color: black; min-width: 8rem; flex-shrink: 0; } #tense_guide #tense_guide_details .tense_guide_value { display: flex; align-items: center; gap: 0.5rem; } #tense_guide #tense_guide_details #tense_guide_details_language img { height: 2rem; position: relative; top: 0.1rem; border-radius: 0.2rem; } #tense_guide .tense_guide_selector { padding: 0.6rem 0.8rem; border-radius: 0.6rem; font-size: 1.6rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: white; color: #434343; transition: all 0.2s ease; min-width: 12rem; } #tense_guide .tense_guide_selector:hover { border-color: #087485; background-color: rgba(8, 116, 133, 0.075); } #tense_guide .tense_guide_selector:focus { border-color: #087485; background-color: rgba(8, 116, 133, 0.075); box-shadow: 0 0 0 0.2rem rgba(8, 116, 133, 0.2); } #tense_guide .tense_guide_loader i { font-size: 1.6rem; color: #087485; margin-left: 0.5rem; } #tense_guide .tense_guide_person_guide { display: grid; grid-template-columns: minmax(20rem, min-content) auto min-content auto; } #tense_guide .tense_guide_person_guide > div, #tense_guide .tense_guide_person_guide > a { padding: 1.2rem 1.5rem; } #tense_guide .tense_guide_person_guide .tense_guide_ending_to_remove { font-weight: 600; margin-bottom: 1rem; } #tense_guide .tense_guide_tense_guide { display: grid; grid-template-columns: minmax(20rem, min-content) auto; } #tense_guide .tense_guide_tense_guide > div, #tense_guide .tense_guide_tense_guide > a { padding: 1.2rem 1.5rem; } #tense_guide .tense_guide_tense_guide .tense_guide_ending_to_remove { font-weight: 600; } #tense_guide .tense_guide_tense_guide .tense_guide_conjugation { text-align: center; padding-bottom: 2rem; } #tense_guide .tense_guide_tense_guide .tense_guide_conjugation .tense_guide_conjugation_from { text-align: center; } #tense_guide .tense_guide_tense_guide .tense_guide_conjugation .tense_guide_conjugation_arrow { margin-bottom: 1.5rem; top: 0; } #tense_guide .tense_guide_tense_guide .tense_guide_conjugation .study_conjugations_tense_container { padding: 1rem; width: 90%; margin: auto; } #tense_guide .tense_guide_auxiliary_verbs, #tense_guide .tense_guide_with_prefix { font-size: 1.3rem; font-weight: 600; font-style: italic; margin-bottom: 1rem; } #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs { font-size: 1.4rem; text-decoration: underline; text-decoration-color: rgba(8, 116, 133, 0.2); float: right; } #tense_guide .tense_guide_conjugation_to { padding-left: 0 !important; } .conjugation_area_cluster_verbs { display: grid; grid-template-columns: auto min-content auto; } .conjugation_area_cluster_verbs > div, .conjugation_area_cluster_verbs > a { padding: 1.2rem 1.5rem; } .conjugation_area_cluster_verbs { font-size: 1.8rem; text-align: center; padding: 0 2rem; } .tense_guide_conjugation_from { text-align: right; } .tense_guide_conjugation_arrow { padding-right: 0 !important; padding-left: 0 !important; font-size: 1.4rem; } .tense_guide_conjugation_arrow i { position: relative; top: 0.3rem; } .tense_guide_conjugation_to_verb_form { font-weight: 600; } #study_languages { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 4rem; } #study_languages .study_languages_language { font-size: 1.5rem; display: inline-block; } #study_languages .study_languages_language img { height: 6rem; width: 6rem; } .instruction-section, #study #word-comparisons-goal-section, #study #word-comparisons-progress-explanation { background: linear-gradient(135deg, rgba(8, 116, 133, 0.075), rgba(255, 255, 255, 0.7)); border: 1px solid rgba(8, 116, 133, 0.2); border-radius: 1rem; padding: 2rem 2.5rem; margin: 2rem 0 3rem 0; text-align: center; } .instruction-section h2, #study #word-comparisons-goal-section h2, #study #word-comparisons-progress-explanation h2 { color: #087485; margin-bottom: 1rem; font-size: 2.2rem; font-weight: 600; } .instruction-section p, #study #word-comparisons-goal-section p, #study #word-comparisons-progress-explanation p { color: #434343; font-size: 1.6rem; line-height: 1.6; margin: 0; text-align: justify; } #study h1 { margin-bottom: 2rem; } #study .section-title { margin-top: 7rem; } #study .note { margin-top: 3rem; font-size: 1.4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 1rem 2rem; } #study #study_language_selector_container { text-align: right; } #study #study_language_selector_container img { height: 2.8rem; width: 2.8rem; position: relative; top: 0.8rem; right: 0.5rem; } #study #study_conjugation_verbs_more_link { display: inline-block; font-style: italic; margin-left: 1rem; text-decoration: underline; font-weight: 600; } #study #study_conjugation_search_label, #study #study_conjugation_choose_label, #study .study_explanation_sub_label { font-weight: 600; margin-bottom: 1.2rem; } #study #study_explanations_container, #study #study_conjugation_explanation_container, #study #study_word_comparisons_container { text-align: left; padding-top: 1rem; line-height: 1.75; } #study #study_explanations_container #study_typing_explanations_container, #study #study_explanations_container #study_conjugation_explanations_container, #study #study_conjugation_explanation_container #study_typing_explanations_container, #study #study_conjugation_explanation_container #study_conjugation_explanations_container, #study #study_word_comparisons_container #study_typing_explanations_container, #study #study_word_comparisons_container #study_conjugation_explanations_container { text-align: center; margin-bottom: 2rem; } #study #study_explanations_container #study_typing_explanations_container .study_typing_explanation, #study #study_explanations_container #study_typing_explanations_container .study_conjugation_explanation, #study #study_explanations_container #study_conjugation_explanations_container .study_typing_explanation, #study #study_explanations_container #study_conjugation_explanations_container .study_conjugation_explanation, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_typing_explanation, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_conjugation_explanation, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_typing_explanation, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_conjugation_explanation, #study #study_word_comparisons_container #study_typing_explanations_container .study_typing_explanation, #study #study_word_comparisons_container #study_typing_explanations_container .study_conjugation_explanation, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_typing_explanation, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_conjugation_explanation { font-size: 1.6rem; display: inline-block; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: rgba(8, 116, 133, 0.075); border-radius: 0.8rem; padding: 0.4rem 0.8rem; margin: 0.4rem 0.4rem; transition: background-color 0.2s ease-in-out; } #study #study_explanations_container #study_typing_explanations_container .study_typing_explanation:hover, #study #study_explanations_container #study_typing_explanations_container .study_conjugation_explanation:hover, #study #study_explanations_container #study_conjugation_explanations_container .study_typing_explanation:hover, #study #study_explanations_container #study_conjugation_explanations_container .study_conjugation_explanation:hover, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_typing_explanation:hover, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_conjugation_explanation:hover, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_typing_explanation:hover, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_conjugation_explanation:hover, #study #study_word_comparisons_container #study_typing_explanations_container .study_typing_explanation:hover, #study #study_word_comparisons_container #study_typing_explanations_container .study_conjugation_explanation:hover, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_typing_explanation:hover, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_conjugation_explanation:hover { background-color: rgba(8, 116, 133, 0.2); } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group { text-align: left; margin-bottom: 1.2rem; background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3)); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 1.2rem; padding: 1.4rem 1.6rem; } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group.study_explanation_group_no_header, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group.study_explanation_group_no_header, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group.study_explanation_group_no_header, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group.study_explanation_group_no_header, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group.study_explanation_group_no_header, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group.study_explanation_group_no_header { padding: 1rem 1.2rem; } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding-bottom: 0.8rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_name, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_name, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_name, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_name, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_name, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_name { font-size: 1.5rem; font-weight: 700; color: #434343; letter-spacing: 0.02em; } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_count, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_count, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_count, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_count, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_count, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_header .study_explanation_group_count { font-size: 1.2rem; font-weight: 600; color: #888888; background: rgba(0, 0, 0, 0.05); padding: 0.2rem 0.6rem; border-radius: 1rem; } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items { display: flex; flex-wrap: wrap; gap: 0.6rem; } #study #study_explanations_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items .study_conjugation_explanation, #study #study_explanations_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items .study_typing_explanation, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items .study_conjugation_explanation, #study #study_explanations_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items .study_typing_explanation, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items .study_conjugation_explanation, #study #study_conjugation_explanation_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items .study_typing_explanation, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items .study_conjugation_explanation, #study #study_conjugation_explanation_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items .study_typing_explanation, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items .study_conjugation_explanation, #study #study_word_comparisons_container #study_typing_explanations_container .study_explanation_group .study_explanation_group_items .study_typing_explanation, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items .study_conjugation_explanation, #study #study_word_comparisons_container #study_conjugation_explanations_container .study_explanation_group .study_explanation_group_items .study_typing_explanation { margin: 0; font-size: 1.4rem; padding: 0.35rem 0.7rem; } #study #study_explanations_container .study_word_comparisons_level_container, #study #study_conjugation_explanation_container .study_word_comparisons_level_container, #study #study_word_comparisons_container .study_word_comparisons_level_container { margin-bottom: 2.5rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: 1rem; padding: 0 0.5rem; } @media (max-width: 768px) { #study #study_explanations_container .study_word_comparisons_level_container, #study #study_conjugation_explanation_container .study_word_comparisons_level_container, #study #study_word_comparisons_container .study_word_comparisons_level_container { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 0.8rem; padding: 0 0.3rem; } } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(8, 116, 133, 0.075)); border: 1px solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 1.2rem 1.4rem; font-size: 1.5rem; font-weight: 600; text-align: center; text-decoration: none; color: #434343; box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.04); transition: all 0.3s ease; position: relative; line-height: 1.3; min-height: 4.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container { position: absolute; right: 0.8rem; top: 0.8rem; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container i, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container i, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container i { color: rgba(0, 150, 0, 0.8); font-size: 1.6rem; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison::after, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison::after, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background: linear-gradient(90deg, #087485, rgba(8, 116, 133, 0.45), #087485); transform: scaleX(0); transition: transform 0.3s ease; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison:hover, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison:hover, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison:hover { background: linear-gradient(135deg, rgba(8, 116, 133, 0.075), rgba(8, 116, 133, 0.2)); transform: translateY(-0.3rem); box-shadow: 0 0.8rem 2.5rem rgba(8, 116, 133, 0.12); border-color: rgba(8, 116, 133, 0.45); color: #087485; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison:hover .word-comparison-visited-container i, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison:hover .word-comparison-visited-container i, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison:hover .word-comparison-visited-container i { color: rgb(0, 180, 0); transform: scale(1.1); } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison:hover::after, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison:hover::after, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison:hover::after { transform: scaleX(1); } @media (max-width: 768px) { #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison { padding: 1rem 1.2rem; font-size: 1.4rem; min-height: 4rem; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container { right: 0.6rem; top: 0.6rem; } #study #study_explanations_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container i, #study #study_conjugation_explanation_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container i, #study #study_word_comparisons_container .study_word_comparisons_level_container .study_word_comparison .word-comparison-visited-container i { font-size: 1.4rem; } } #study .study_word_comparisons_more_link_container { text-align: right; padding-bottom: 1rem; } #study .study_word_comparisons_more_link_container .study_word_comparisons_more_link { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #study .study-word-comparisons-progress-item { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } #study .study-word-comparisons-progress-item .study-word-comparisons-progress-bar { flex: 1; height: 0.8rem; background-color: rgba(0, 0, 0, 0.1); border-radius: 0.4rem; overflow: hidden; } #study .study-word-comparisons-progress-item .study-word-comparisons-progress-bar .study-word-comparisons-progress-fill { height: 100%; background-color: #087485; width: 0%; transition: width 1s ease-out; border-radius: 0.4rem; } #study .study-word-comparisons-progress-item .study-word-comparisons-progress-text { font-size: 1.3rem; color: #434343; font-weight: 500; white-space: nowrap; } #study .study_word_comparison { position: relative; } #study .study_word_comparison .word-comparison-visited-container { position: absolute; top: 0.2rem; right: 0.2rem; border-radius: 50%; width: 1.6rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; } #study .study_word_comparison .word-comparison-visited-container i { color: rgba(40, 167, 69, 0.9); font-size: 1.6rem; } #study .word-comparisons-filter-container { display: flex; justify-content: flex-end; padding: 0 1rem; } #study .word-comparisons-filter-container .word-comparisons-filter-btn { background: linear-gradient(135deg, rgba(8, 116, 133, 0.075), rgba(255, 255, 255, 0.9)); border: 1px solid rgba(8, 116, 133, 0.2); border-radius: 0.6rem; padding: 0.8rem 1.2rem; font-size: 1.4rem; font-weight: 600; color: #434343; cursor: pointer; transition: all 0.2s ease; } #study .word-comparisons-filter-container .word-comparisons-filter-btn:hover { background: linear-gradient(135deg, rgba(8, 116, 133, 0.2), rgba(255, 255, 255, 0.95)); border-color: rgba(8, 116, 133, 0.45); color: #087485; transform: translateY(-1px); box-shadow: 0 0.3rem 0.8rem rgba(8, 116, 133, 0.15); } @media (max-width: 768px) { #study .word-comparisons-filter-container .word-comparisons-filter-btn { padding: 0.6rem 1rem; font-size: 1.3rem; } } #study #word-comparisons-progress-section { background: rgba(255, 255, 255, 0.95); border-radius: 1rem; padding: 2rem 2.5rem; margin: 0 0 3rem 0; } #study #word-comparisons-progress-section h3 { color: #087485; margin-bottom: 1.5rem; font-size: 1.9rem; font-weight: 600; text-align: center; } #study #word-comparisons-progress-section .word-comparisons-progress-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); gap: 1.5rem; } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item { background: #ffffff; border-radius: 0.8rem; padding: 1.5rem; border: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; transition: all 0.2s ease; } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item:hover { background: rgba(8, 116, 133, 0.075); border-color: rgba(8, 116, 133, 0.2); transform: translateY(-2px); box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1); } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item.selected { background-color: rgba(8, 116, 133, 0.2) !important; border-color: #087485 !important; box-shadow: 0 0.4rem 1rem rgba(8, 116, 133, 0.2); } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item .word-comparisons-progress-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item .word-comparisons-progress-header .cefr-level-badge { font-weight: 700; font-size: 1.4rem; padding: 0.4rem 0.8rem; border-radius: 0.5rem; transition: all 0.2s ease; } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item .word-comparisons-progress-header .word-comparisons-progress-text { font-size: 1.3rem; color: #434343; font-weight: 500; } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item .word-comparisons-progress-bar { width: 100%; height: 0.8rem; background-color: rgba(0, 0, 0, 0.1); border-radius: 0.4rem; overflow: hidden; } #study #word-comparisons-progress-section .word-comparisons-progress-container .word-comparisons-progress-item .word-comparisons-progress-bar .word-comparisons-progress-fill { height: 100%; width: 0%; background-color: #087485; border-radius: 0.4rem; transition: width 1s ease-out; } #study #study_conjugations_container { text-align: justify; padding-top: 1rem; line-height: 1.75; } #study #study_conjugations_container #study_conjugation_search { margin-bottom: 2rem; } @media only screen and (min-width: 1200px) { #study #study_conjugations_container .study_conjugation_verb { border-radius: 0.8rem; border: 1px solid transparent; padding: 0.2rem 0.4rem; margin: -0.3rem -0.5rem; } #study #study_conjugations_container .study_conjugation_verb:hover { background-color: rgba(8, 116, 133, 0.075); border: 0.1rem solid rgba(8, 116, 133, 0.2); } } #study #study_conjugation_choose { margin-bottom: 1rem; } #study #study_tense_guides_container { text-align: left; line-height: 1.75; margin-bottom: 2rem; } #study #study_tense_guides_container ul { margin-left: 1rem; } #study #study_tense_guides_container ul li { margin-bottom: 1rem; } #study #study_tense_guides_container ul li a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } @media only screen and (min-width: 1200px) { #study #study_tense_guides_container ul li a:hover { font-weight: 600; } } #study #study_tense_guides_container ul li div { font-size: 1.4rem; font-style: italic; } #study #study_tense_guides_container .study_tense_guides_boxes { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; } #study #study_tense_guides_container .study_tense_guides_boxes .study_tense_guide_box { display: inline-block; padding: 1rem 1.2rem; border-radius: 0.8rem; text-decoration: none; font-weight: 600; font-size: 1.5rem; line-height: 1.4; text-align: center; min-width: 15rem; border: 0.1rem solid; transition: all 0.2s ease; } #study #study_tense_guides_container .study_tense_guides_boxes .study_tense_guide_box:hover { transform: translateY(-0.2rem); box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.15); text-decoration: none; opacity: 0.9; } #study #study_tense_guides_container .study_tense_guides_boxes .study_tense_guide_box .study_tense_guide_name { display: block; font-size: 1.6rem; margin-bottom: 0.2rem; } #study #study_tense_guides_container .study_tense_guides_boxes .study_tense_guide_box .study_tense_guide_native_name { display: block; font-size: 1.3rem; font-weight: 400; opacity: 0.8; } #practice_translation_main_elements #practice_translation { padding-top: 1rem; display: block; } #practice_translation_main_elements #practice_translation #practice_translation_english_text { height: 5rem; margin: auto; margin-bottom: 1rem; margin-top: 2rem; width: 95%; text-align: left; font-size: 2rem; } #practice_translation_main_elements #practice_translation #practice_translation_english_text span { padding-left: 1rem; } #practice_translation_main_elements #practice_translation #practice_translation_input { font-size: 2.5rem; padding: 0.5rem 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; width: 90%; margin: auto; margin-bottom: 1rem; text-align: center; font-weight: 600; line-height: 2; text-align: left; } #practice_translation_main_elements #practice_translation #practice_translation_special_letters_block { height: 5rem; } #practice_translation_main_elements #practice_translation #practice_translation_corrected_answer { height: 5rem; margin: auto; width: 95%; text-align: left; font-size: 2rem; } #practice_translation_main_elements #practice_translation #practice_translation_solution { margin: auto; width: 95%; text-align: left; font-size: 2rem; font-weight: 600; margin-bottom: 1rem; } #practice_translation_main_elements #practice_translation .practice_translation_remove_alternate_text_button { margin-left: 1rem; } #practice_translation_main_elements #practice_translation #practice_translation_alternate_texts { font-weight: 400; font-size: 1.4rem; line-height: 2; } #practice_translation_main_elements #practice_translation_chat_gpt_correction_text { font-size: 1.6rem; margin-top: 1rem; margin-bottom: 1rem; text-align: justify; line-height: 1.75; } .frequency-indicator-container { display: inline-flex; align-items: center; padding: 0.6rem 1rem; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(91, 142, 219, 0.3); border-radius: 0.8rem; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); } .frequency-indicator-container .frequency-label { font-size: 1.2rem; font-weight: 600; color: #087485; margin-right: 0.8rem; } .frequency-indicator { display: inline-flex; align-items: flex-end; height: 28px; gap: 4px; padding: 0 0.2rem; } .frequency-indicator .frequency-bar { width: 8px; background-color: #e8e8e8; border-radius: 3px; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); } .frequency-indicator .frequency-bar.active { border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .frequency-indicator .frequency-bar.active.level-1 { background-color: hsl(0, 0%, 30%); /* Dark gray */ } .frequency-indicator .frequency-bar.active.level-2 { background-color: hsl(0, 25%, 37%); /* Gray with hint of red */ } .frequency-indicator .frequency-bar.active.level-3 { background-color: hsl(0, 50%, 44%); /* Muted red */ } .frequency-indicator .frequency-bar.active.level-4 { background-color: hsl(0, 75%, 51%); /* Clear red */ } .frequency-indicator .frequency-bar.active.level-5 { background-color: hsl(0, 100%, 55%); /* Bright red */ } .frequency-indicator .frequency-bar:nth-child(1) { height: 10px; } .frequency-indicator .frequency-bar:nth-child(2) { height: 15px; } .frequency-indicator .frequency-bar:nth-child(3) { height: 20px; } .frequency-indicator .frequency-bar:nth-child(4) { height: 25px; } .frequency-indicator .frequency-bar:nth-child(5) { height: 28px; } .frequency-indicator .frequency-bar:hover { transform: translateY(-1px); } .verb-senses { background-color: rgba(8, 116, 133, 0.075); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 1.5rem; margin: 0; /* Remove auto margins since it's in a grid */ text-align: left; } .verb-senses .verb-senses-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } .verb-senses .verb-senses-header .verb-senses-title { font-weight: 600; font-size: 1.4rem; color: #087485; margin: 0; } .verb-senses .verb-definitions-list { margin-top: 20px; margin-bottom: 20px; counter-reset: definition-counter; list-style: none; padding-left: 0; } .verb-senses .verb-definitions-list .verb-definition-item { display: flex; align-items: baseline; margin-bottom: 12px; } .verb-senses .verb-definitions-list .verb-definition-item:last-child { margin-bottom: 0; } .verb-senses .verb-definitions-list .verb-definition-item::before { content: counter(definition-counter) "."; counter-increment: definition-counter; color: rgba(8, 116, 133, 0.45); font-weight: 600; font-size: 1.1rem; padding-right: 10px; } .verb-senses .verb-definitions-list .verb-definition-item .definition-content .definition-text { font-size: 1.3rem; color: #212529; line-height: 1.5; } .verb-senses .verb-definitions-list .verb-definition-item .definition-content .definition-tags { font-size: 1rem; color: #6c757d; font-style: italic; margin-top: 5px; } .verb-senses .verb-senses-footer { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(8, 116, 133, 0.2); text-align: center; } .verb-senses .verb-senses-footer .example-sentences-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.8rem 1.5rem; background-color: rgba(91, 142, 219, 0.1); border: 1px solid rgba(91, 142, 219, 0.3); border-radius: 0.6rem; color: #087485; font-size: 1.3rem; font-weight: 500; text-decoration: none; transition: all 0.2s ease-in-out; } .verb-senses .verb-senses-footer .example-sentences-link:hover { background-color: rgba(91, 142, 219, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .verb-senses .verb-senses-footer .example-sentences-link i { font-size: 1.1rem; color: #087485; } .verb-senses .verb_definition_add_word_to_list_button { margin-left: 0.8rem; display: inline-block; vertical-align: middle; } .verb-senses .verb_definition_add_word_to_list_button i { font-size: 2.2rem; color: rgba(8, 116, 133, 0.45); transition: color 0.2s ease; } .verb-senses .verb_definition_add_word_to_list_button i:hover { color: #087485; } .verb-senses .verb_definition_add_word_to_list { margin-top: 0; margin-bottom: 1rem; padding: 0; border: none; border-radius: 0; background-color: transparent; } .verb-senses .verb_definition_add_word_to_list .add_word_to_list_form { background-color: rgba(8, 116, 133, 0.2); border-top: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0 0 0.8rem 0.8rem; margin-top: 0.5rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .verb-senses .definition-content { display: flex; align-items: center; justify-content: space-between; } .verb-senses .definition-content .definition-text { flex: 1; } .verb-senses .verb-definition-item { position: relative; } .verb-info-section { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin: 3rem auto; max-width: 100%; /* Responsive fallback */ } .verb-info-section .verb-senses { min-width: 0; /* Prevents grid overflow */ } .verb-info-section .verb-similar-section { min-width: 0; /* Prevents grid overflow */ } .verb-info-section { /* Responsive layout - stack on mobile */ } @media (max-width: 800px) { .verb-info-section { grid-template-columns: 1fr; gap: 2rem; margin: 2rem auto; width: auto; max-width: calc(100% - 2rem); } } .verb-info-section { /* Adjust for single column when only one section exists */ } .verb-info-section:has(.verb-senses):not(:has(.verb-similar-section)) { grid-template-columns: 1fr; } .verb-info-section:has(.verb-similar-section):not(:has(.verb-senses)) { grid-template-columns: 1fr; } .verb-hover-tooltip { position: absolute; z-index: 1000; max-width: 320px; min-width: 250px; background-color: #ffffff; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); font-size: 1.5rem !important; line-height: 1.5; pointer-events: none; text-align: left; } .verb-hover-tooltip .verb-hover-tooltip-content { padding: 1.5rem; } .verb-hover-tooltip .verb-hover-header { margin-bottom: 15px; } .verb-hover-tooltip .verb-hover-header h4 { margin: 0 0 4px 0; font-size: 1.6rem; font-weight: 600; color: #087485; border-bottom: 1px solid rgba(8, 116, 133, 0.2); padding-bottom: 0.6rem; } .verb-hover-tooltip .verb-hover-header .header-subtitle { color: #6c757d; font-size: 1rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; } .verb-hover-tooltip .verb-hover-loading { display: flex; align-items: center; gap: 0.8rem; color: #6c757d; font-style: italic; } .verb-hover-tooltip .verb-hover-loading i { color: rgba(8, 116, 133, 0.45); } .verb-hover-tooltip .verb-hover-examples .example-sentence-hover { margin-bottom: 15px; padding: 0 0 15px 0; border-bottom: 1px solid #f0f0f0; } .verb-hover-tooltip .verb-hover-examples .example-sentence-hover:last-child { margin-bottom: 0; border-bottom: none; } .verb-hover-tooltip .verb-hover-examples .example-sentence-hover .sentence-text { font-size: 1.3rem; color: #212529; line-height: 1.5; margin-bottom: 6px; } .verb-hover-tooltip .verb-hover-examples .example-sentence-hover .sentence-text .highlighted_token { font-weight: bold; } .verb-hover-tooltip .verb-hover-examples .example-sentence-hover .sentence-translation { color: #6c757d; font-style: italic; font-size: 1.1rem; line-height: 1.4; } .verb-hover-tooltip .verb-hover-examples .more-sentences { margin-top: 1rem; font-style: italic; color: #6c757d; font-size: 1.1rem; text-align: center; } .verb-hover-tooltip .verb-hover-examples .no-examples { color: #6c757d; font-style: italic; font-size: 1.3rem; text-align: center; padding: 1rem 0; } .verb-hover-tooltip .verb-hover-error { color: #dc3545; font-style: italic; font-size: 1.3rem; } .conjugation_group_example_sentences_loading, .conjugation_group_example_sentences_error { text-align: center; padding: 2rem 1rem; color: #6c757d; font-size: 1.1rem; font-style: italic; } .dark-mode .conjugation_group_example_sentences_loading, .dark-mode .conjugation_group_example_sentences_error { color: #aaa; } .conjugation_group_example_sentences_loading i, .conjugation_group_example_sentences_error i { margin-right: 0.8rem; color: rgba(8, 116, 133, 0.45); } .dark-mode .conjugation_group_example_sentences_loading i, .dark-mode .conjugation_group_example_sentences_error i { color: #aaa; } .conjugation_group_example_sentences_error { color: #dc3545; } .dark-mode .conjugation_group_example_sentences_error { color: #ff6b6b; } .conjugation_group_example_sentences_error i { color: #dc3545; } .dark-mode .conjugation_group_example_sentences_error i { color: #ff6b6b; } .conjugation_group_intro_no_examples { text-align: center; padding: 2rem 1rem; color: #6c757d; font-size: 1.1rem; font-style: italic; } .dark-mode .conjugation_group_intro_no_examples { color: #aaa; } .conjugation_group_intro_no_examples i { margin-right: 0.8rem; color: rgba(8, 116, 133, 0.45); } .dark-mode .conjugation_group_intro_no_examples i { color: #aaa; } .word-cloud-verb[data-verb-id] { cursor: pointer; transition: transform 0.2s ease; } .word-cloud-verb[data-verb-id]:hover { transform: scale(1.05); } .section-title { margin: 3rem 0 2rem 0; color: #087485; font-size: 1.8rem; font-weight: 600; text-align: center; border-bottom: 2px solid #087485; padding-bottom: 0.8rem; line-height: 1.2; background: linear-gradient(to top, rgba(8, 116, 133, 0.075), rgba(255, 255, 255, 0.3)); border-radius: 0.8rem; padding: 1rem 1.5rem 0.8rem 1.5rem; } .example-sentences { margin-top: 3rem; line-height: 2; text-align: justify; } .example-sentences .example-sentences-title { margin: 0 0 2rem 0; color: #087485; font-size: 1.8rem; font-weight: 600; text-align: center; border-bottom: 2px solid #087485; padding-bottom: 0.8rem; line-height: 1.2; } .example-sentences .example-sentences-container .example-sentence-header { margin-bottom: 1rem; text-align: left; } .example-sentences .example-sentences-container .example-sentence-header .example-sentence-tense-label { font-size: 1.4rem; padding: 0rem 0.6rem; margin: 0; display: inline-block; height: auto; line-height: 1.2; } .example-sentences .example-sentences-container .example-sentence-header .example-sentence-tense-label:hover { transform: translateY(-1px); } .similar-verbs-word-cloud { background-color: rgba(8, 116, 133, 0.075); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 1.5rem; margin: 0; /* Remove auto margins since it's in a grid */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .similar-verbs-word-cloud .word-cloud-header { text-align: center; margin-bottom: 20px; border-bottom: 1px solid rgba(8, 116, 133, 0.2); padding-bottom: 15px; } .similar-verbs-word-cloud .word-cloud-header .word-cloud-title { color: #087485; font-size: 1.4rem; font-weight: 600; margin: 0 0 5px 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .similar-verbs-word-cloud .word-cloud-header .word-cloud-title .word-cloud-icon { color: #087485; font-size: 1.2em; } .similar-verbs-word-cloud .word-cloud-header .word-cloud-subtitle { color: #6c757d; font-size: 0.9em; font-style: italic; margin: 0; } .similar-verbs-word-cloud .word-cloud-container { position: relative; overflow: hidden; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-loading, .similar-verbs-word-cloud .word-cloud-container .word-cloud-error { text-align: center; padding: 4rem 2rem; color: #434343; font-size: 1.1rem; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-loading i, .similar-verbs-word-cloud .word-cloud-container .word-cloud-error i { margin-right: 0.8rem; color: #087485; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-error { color: #dc3545; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-error i { color: #dc3545; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas { position: relative; width: 100%; height: 280px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb { position: absolute; display: inline-block; text-decoration: none; color: #087485; font-weight: 600; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center center; border-radius: 0.6rem; padding: 0.4rem 0.8rem; background-color: rgba(91, 142, 219, 0.1); border: 1px solid rgba(91, 142, 219, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:hover { color: #087485; background-color: rgba(91, 142, 219, 0.2); z-index: 10; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb .word-cloud-verb-text { display: block; white-space: nowrap; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb[data-rank="1"] { z-index: 9; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb[data-rank="2"] { z-index: 8; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb[data-rank="3"] { z-index: 7; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb[data-rank="4"] { z-index: 6; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb[data-rank="5"] { z-index: 5; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb { opacity: 0; transform: scale(0.8); animation: wordCloudFadeIn 0.8s ease-out forwards; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(1) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(2) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(3) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(4) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(5) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(6) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(7) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(8) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(9) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-canvas .word-cloud-verb:nth-child(10) { animation-delay: 0s; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-legend { display: flex; align-items: center; justify-content: center; gap: 10px; padding-top: 15px; border-top: 1px solid rgba(8, 116, 133, 0.2); font-size: 0.85em; color: #6c757d; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-legend .word-cloud-legend-label { font-weight: 500; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-legend .word-cloud-legend-scale { display: flex; align-items: center; gap: 8px; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-legend .word-cloud-legend-scale .word-cloud-legend-gradient { width: 60px; height: 4px; background: linear-gradient(90deg, hsl(0, 0%, 30%) 0%, hsl(0, 25%, 37%) 25%, hsl(0, 50%, 44%) 50%, hsl(0, 75%, 51%) 75%, hsl(0, 100%, 55%) 100%); border-radius: 2px; } .similar-verbs-word-cloud .word-cloud-container .word-cloud-legend .word-cloud-legend-scale .word-cloud-legend-low, .similar-verbs-word-cloud .word-cloud-container .word-cloud-legend .word-cloud-legend-scale .word-cloud-legend-high { font-size: 0.8em; font-weight: 500; } @keyframes wordCloudFadeIn { from { opacity: 0; transform: scale(0.8) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } } @media (max-width: 768px) { .similar-verbs-word-cloud { padding: 12px; margin: 10px 0; } .similar-verbs-word-cloud .word-cloud-header { margin-bottom: 15px; padding-bottom: 10px; } .similar-verbs-word-cloud .word-cloud-title { font-size: 1.2em; } .similar-verbs-word-cloud .word-cloud-subtitle { font-size: 0.8em; } .similar-verbs-word-cloud .word-cloud-canvas { height: 200px; margin-bottom: 15px; } .similar-verbs-word-cloud .word-cloud-canvas .word-cloud-verb { padding: 0.3rem 0.6rem; border-radius: 0.4rem; max-width: 85%; } .similar-verbs-word-cloud .word-cloud-canvas .word-cloud-verb .word-cloud-verb-text { overflow: hidden; text-overflow: ellipsis; } .similar-verbs-word-cloud .word-cloud-legend { font-size: 0.75em; gap: 8px; padding-top: 10px; } .similar-verbs-word-cloud .word-cloud-legend .word-cloud-legend-scale { gap: 6px; } .similar-verbs-word-cloud .word-cloud-legend .word-cloud-legend-scale .word-cloud-legend-gradient { width: 50px; height: 3px; } } @media (max-width: 480px) { .similar-verbs-word-cloud { padding: 10px; } .similar-verbs-word-cloud .word-cloud-canvas { height: 180px; } .similar-verbs-word-cloud .word-cloud-canvas .word-cloud-verb { padding: 0.2rem 0.5rem; max-width: 80%; border-radius: 0.3rem; } .similar-verbs-word-cloud .word-cloud-legend { font-size: 0.7em; flex-wrap: wrap; justify-content: center; } .similar-verbs-word-cloud .word-cloud-legend .word-cloud-legend-scale .word-cloud-legend-gradient { width: 40px; } } .verb-pronunciation-container { display: inline-flex; align-items: center; margin-left: 0.6rem; cursor: pointer; position: relative; vertical-align: middle; padding: 0.2rem; border-radius: 0.4rem; transition: background-color 0.2s ease-in-out; } .verb-pronunciation-container .verb-pronunciation-icon, .verb-pronunciation-container .playable_audio_playing { font-size: 1.8rem; color: rgba(8, 116, 133, 0.45); transition: color 0.2s ease-in-out; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .verb-pronunciation-container:hover .verb-pronunciation-icon, .verb-pronunciation-container:hover .playable_audio_playing { color: #087485; } .verb-pronunciation-container .playable_audio_playing { display: none; } .verb-pronunciation-container::before { content: ""; font-size: 1.8rem; visibility: hidden; width: 1em; height: 1em; display: inline-block; vertical-align: middle; } .example-sentence-grid { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: start; } .example-sentence-content { min-width: 0; } .example-sentence-tense-section { display: flex; justify-content: flex-end; align-items: flex-start; min-width: fit-content; } @media (max-width: 768px) { .example-sentence-grid { display: block; } .example-sentence-grid .example-sentence-content { margin-bottom: 1rem; } .example-sentence-grid .example-sentence-tense-section { justify-content: flex-start; margin-top: 0.5rem; } } @media (max-width: 480px) { .example-sentence-grid .example-sentence-content { margin-bottom: 0.8rem; } .example-sentence-grid .example-sentence-tense-section { margin-top: 0.3rem; } .example-sentence-grid .example-sentence-tense-section .example-sentence-tense-label { font-size: 1.2rem !important; padding: 0.2rem 0.5rem; } } .example-sentence-tense-label { position: static !important; display: inline-block; margin: 0; white-space: nowrap; border: 0.1rem solid black; border-radius: 0.8rem; font-size: 1.4rem !important; padding: 0rem 0.6rem; width: min-content; font-weight: 600; height: auto !important; min-width: auto !important; } .example-sentence-tense-label.black { background-color: rgb(230, 230, 230); border-color: rgb(51, 51, 51); color: rgb(0, 0, 0) !important; } .example-sentence-tense-label.blue_light { background-color: rgb(235, 250, 255); border-color: rgb(92, 214, 255); color: rgb(51, 204, 255) !important; } .example-sentence-tense-label.blue_dark { background-color: rgb(230, 235, 245); border-color: rgb(51, 92, 173); color: rgb(0, 51, 153) !important; } .example-sentence-tense-label.brown { background-color: rgb(240, 235, 230); border-color: rgb(133, 92, 51); color: rgb(102, 51, 0) !important; } .example-sentence-tense-label.green_dark { background-color: rgb(230, 240, 230); border-color: rgb(51, 133, 51); color: rgb(0, 102, 0) !important; } .example-sentence-tense-label.green_light { background-color: rgb(243, 251, 235); border-color: rgb(160, 222, 92); color: rgb(136, 214, 51) !important; } .example-sentence-tense-label.grey { background-color: rgb(242, 242, 242); border-color: rgb(153, 153, 153); color: rgb(127, 127, 127) !important; } .example-sentence-tense-label.orange { background-color: rgb(255, 243, 230); border-color: rgb(255, 173, 51); color: rgb(255, 153, 0) !important; } .example-sentence-tense-label.purple { background-color: rgb(250, 240, 255); border-color: rgb(214, 133, 255); color: rgb(204, 102, 255) !important; } .example-sentence-tense-label.purple_dark { background-color: rgb(245, 214, 235); border-color: rgb(214, 0, 255); color: rgb(204, 50, 220) !important; } .example-sentence-tense-label.red_dark { background-color: rgb(248, 230, 230); border-color: rgb(195, 51, 51); color: rgb(180, 0, 0) !important; } .example-sentence-tense-label.red_light { background-color: rgb(255, 230, 230); border-color: rgb(255, 51, 51); color: rgb(255, 0, 0) !important; } .study_conjugations_tense_label.black { background-color: rgb(230, 230, 230) !important; border-color: rgb(51, 51, 51) !important; color: rgb(0, 0, 0) !important; } .study_conjugations_tense_label.blue_light { background-color: rgb(235, 250, 255) !important; border-color: rgb(92, 214, 255) !important; color: rgb(51, 204, 255) !important; } .study_conjugations_tense_label.blue_dark { background-color: rgb(230, 235, 245) !important; border-color: rgb(51, 92, 173) !important; color: rgb(0, 51, 153) !important; } .study_conjugations_tense_label.brown { background-color: rgb(240, 235, 230) !important; border-color: rgb(133, 92, 51) !important; color: rgb(102, 51, 0) !important; } .study_conjugations_tense_label.green_dark { background-color: rgb(230, 240, 230) !important; border-color: rgb(51, 133, 51) !important; color: rgb(0, 102, 0) !important; } .study_conjugations_tense_label.green_light { background-color: rgb(243, 251, 235) !important; border-color: rgb(160, 222, 92) !important; color: rgb(136, 214, 51) !important; } .study_conjugations_tense_label.grey { background-color: rgb(242, 242, 242) !important; border-color: rgb(153, 153, 153) !important; color: rgb(127, 127, 127) !important; } .study_conjugations_tense_label.orange { background-color: rgb(255, 243, 230) !important; border-color: rgb(255, 173, 51) !important; color: rgb(255, 153, 0) !important; } .study_conjugations_tense_label.purple { background-color: rgb(250, 240, 255) !important; border-color: rgb(214, 133, 255) !important; color: rgb(204, 102, 255) !important; } .study_conjugations_tense_label.purple_dark { background-color: rgb(245, 214, 235) !important; border-color: rgb(214, 0, 255) !important; color: rgb(204, 50, 220) !important; } .study_conjugations_tense_label.red_dark { background-color: rgb(248, 230, 230) !important; border-color: rgb(195, 51, 51) !important; color: rgb(180, 0, 0) !important; } .study_conjugations_tense_label.red_light { background-color: rgb(255, 230, 230) !important; border-color: rgb(255, 51, 51) !important; color: rgb(255, 0, 0) !important; } /* WORD HISTORY DISPLAY */ #practice_session_end_word_history_container { margin-top: 3rem; } .word-history-item { margin-bottom: 2rem; } .word-history-item .word-history-header { font-size: 2rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .word-history-item .word-history-next-review { font-size: 1.6rem; margin-bottom: 1.5rem; color: rgba(8, 116, 133, 0.45); font-weight: 600; } .word-history-floating-button { position: absolute; bottom: 1.5rem; right: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6rem; height: 6rem; border: 0.2rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; background-color: rgba(8, 116, 133, 0.2); transition: all 0.2s ease; z-index: 1000; box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15); } .word-history-floating-button i { font-size: 2.2rem; color: #087485; margin-bottom: 0.3rem; transition: all 0.2s ease-in-out; } .word-history-floating-button span { font-size: 1.1rem; font-weight: 500; color: #087485; text-align: center; transition: all 0.2s ease-in-out; } .word-history-floating-button:hover { border-color: #087485; background-color: #087485; transform: translateY(-0.2rem); box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2); } .word-history-floating-button:hover i { color: white; } .word-history-floating-button:hover span { color: white; } .word-history-floating-button:active { transform: translateY(-0.1rem); box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15); } .word-history-single { background-color: white; border: none; box-shadow: none; padding: 3rem; margin-top: 2rem; } .word-history-single .word-history-header { font-size: 2.2rem; font-weight: 600; margin-bottom: 1rem; text-align: center; } .word-history-single .word-history-next-review { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0; margin-bottom: 2rem; border-radius: 0.8rem; overflow: hidden; border: 4px solid rgba(8, 116, 133, 0.2); } .word-history-single .word-history-next-review .review-info-label { background-color: rgba(8, 116, 133, 0.2); padding: 0.8rem 1rem; font-size: 1.6rem; font-weight: 600; text-align: center; color: #087485; } .word-history-single .word-history-next-review .review-info-value { background-color: white; padding: 1rem; font-size: 1.6rem; font-weight: 500; text-align: center; color: rgba(0, 0, 0, 0.8); } .word-history-dropdown-container { background-color: white; border: none; box-shadow: none; padding: 0; margin-top: 2rem; } .word-history-selector { padding: 2rem 3rem 2rem 3rem; border-bottom: none; background-color: white; } .word-history-selector label { display: block; font-size: 1.6rem; font-weight: 600; margin-bottom: 1rem; color: rgba(0, 0, 0, 0.8); } .word-history-selector .word-history-dropdown { width: 100%; padding: 1rem 1.5rem; font-size: 1.6rem; border: 0.2rem solid rgba(0, 0, 0, 0.2); border-radius: 0.5rem; background-color: white; cursor: pointer; transition: all 0.2s ease; } .word-history-selector .word-history-dropdown:hover { border-color: #087485; } .word-history-selector .word-history-dropdown:focus { outline: none; border-color: #087485; box-shadow: 0 0 0 0.3rem rgba(8, 116, 133, 0.075); } .word-history-content { background-color: white; } .word-history-content .word-history-panel { display: none; padding: 3rem; background-color: white; background-color: white; } .word-history-content .word-history-panel.active { display: block; } .word-history-content .word-history-panel .word-history-next-review { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0; margin-bottom: 2rem; border-radius: 0.5rem; overflow: hidden; border: 1px solid rgba(8, 116, 133, 0.2); } .word-history-content .word-history-panel .word-history-next-review .review-info-label { background-color: rgba(8, 116, 133, 0.2); padding: 0.8rem 1rem; font-size: 1.6rem; font-weight: 600; text-align: center; color: #087485; } .word-history-content .word-history-panel .word-history-next-review .review-info-value { background-color: white; padding: 1rem; font-size: 1.6rem; font-weight: 500; text-align: center; color: rgba(0, 0, 0, 0.8); } .word-history-table-container { background-color: white; border: none; box-shadow: none; border-radius: 0; padding: 0; } .word-history-table-container .word-history-table { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .word-history-table-container .word-history-table > div, .word-history-table-container .word-history-table > a { padding: 1.2rem 1.5rem; } .word-history-table-container .word-history-table { text-align: center; background-color: white; } .word-history-table-container .word-history-table .numeric_cell { text-align: center; } .word-history-table-container .word-history-table > div:nth-child(-n+4) { text-align: center; } .recall-progress-cell { position: relative; overflow: hidden; } .recall-progress-cell .recall-progress-bar { position: absolute; top: 0; left: 0; height: 100%; transition: width 0.3s ease; z-index: 1; } .recall-progress-cell .recall-progress-text { position: relative; z-index: 2; font-weight: 600; text-shadow: 0 0 3px rgba(255, 255, 255, 0.6); } .score-badge { display: inline-block; padding: 0.3rem 0.6rem; border-radius: 0.5rem; font-weight: 600; font-size: 1.4rem; text-align: center; min-width: 2.5rem; } .score-badge.score-correct { background-color: rgba(0, 255, 0, 0.15); color: rgb(0, 100, 0); border: 0.1rem solid rgba(0, 200, 0, 0.6); } .score-badge.score-almost-correct { background-color: rgba(255, 140, 0, 0.15); color: rgb(120, 60, 0); border: 0.1rem solid rgba(255, 140, 0, 0.6); } .score-badge.score-incorrect { background-color: rgba(255, 0, 0, 0.15); color: rgb(120, 0, 0); border: 0.1rem solid rgba(255, 0, 0, 0.6); } .word-history-solutions-text { text-align: left; margin-bottom: 2rem; font-size: 1.4rem; color: black; } .word-history-solutions-text .solutions-label { font-size: 1.4rem; font-weight: 600; } .word-history-solutions-text .primary-solution { font-weight: 600; } .flatpickr-calendar { border-radius: 0.8rem !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important; font-family: "Quicksand", "Lato", sans-serif !important; border: 1px solid #e7e7e7 !important; } .flatpickr-months { padding: 0.5rem 0 !important; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #087485 !important; } .flatpickr-current-month { font-weight: 600 !important; } .flatpickr-current-month span.cur-month { color: #087485 !important; } span.flatpickr-weekday { color: #087485 !important; font-weight: 600 !important; } .flatpickr-day { border-radius: 0.4rem !important; } .flatpickr-day:hover { background: rgba(8, 116, 133, 0.2) !important; border-color: rgba(8, 116, 133, 0.2) !important; } .flatpickr-day.today { border-color: #087485 !important; } .flatpickr-day.today:hover { background: rgba(8, 116, 133, 0.2) !important; color: inherit !important; } .flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus { background: #087485 !important; border-color: #087485 !important; color: white !important; } /* MAIN TAGS */ html, body { font: 62.5% "Quicksand", "Lato", "Tahoma" !important; } * { font-family: "Quicksand", "Lato", "Tahoma" !important; } body { padding: 0 !important; background: white; min-height: 100vh; } select { border: 1px solid rgba(8, 116, 133, 0.45); width: 100%; } @media only screen and (max-width: 800px) { select option { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } select:not([multiple]) { padding: 1rem; } h1 { font-weight: 600; } @media only screen and (max-width: 1200px) and (min-width: 350px) { i { font-size: 2.4rem; } } @media only screen and (max-width: 350px) { i { font-size: 2.2rem; } } input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], textarea { border: 1px solid rgba(8, 116, 133, 0.45); } .pagination_container .pagination li span:not(.ellipse) { border: 1px solid rgba(8, 116, 133, 0.45); padding: 2px 8px !important; margin: 3px 4px; font-size: 13px; } button, input[type=submit] { color: black; } /* RESPONSIVE */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #mobile_logo { margin-bottom: 1rem; width: 100%; max-width: 33.5rem; height: auto; } #mobile_header { overflow: hidden; background-color: #087485; position: relative; } #mobile_header #mobile_header_logo { display: block; } #mobile_header #mobile_header_logo img { display: block; margin: 0.7rem 1rem 0.3rem 1rem; height: 4.5rem; } #mobile_header a:not(#mobile_header_logo) { background-color: white; color: black; padding: 10px 15px; text-decoration: none; font-size: 28px; display: block; border-bottom: 1px solid rgba(8, 116, 133, 0.45); } #mobile_header #mobile_header_icons { display: flex; align-items: center; position: absolute; right: 0; top: 0; height: 5.5rem; background-color: #087485; } #mobile_header #mobile_header_icons.mobile_header_with_theme_toggle .theme_toggle_icon { display: flex !important; } #mobile_header #mobile_header_icons a { display: flex !important; align-items: center !important; justify-content: center !important; background-color: #087485 !important; padding: 0 1.5rem !important; margin: 0 !important; border: none !important; border-bottom: none !important; font-size: unset !important; line-height: normal !important; height: 100% !important; } #mobile_header #mobile_header_icons a i, #mobile_header #mobile_header_icons a img { background-color: #087485 !important; } #mobile_header #mobile_header_icons .menu_icon i { color: white; font-size: 2.6rem; } #mobile_header #mobile_header_icons .theme_toggle_icon i { color: white; font-size: 2.2rem; opacity: 0.9; } #mobile_header #mobile_header_icons .language_icon img { height: 28px; width: 28px; } #mobile_header #mobile_header_icons .language_icon i { color: white; font-size: 2.6rem; } #mobile_header #mobile_header_language_selector a img { height: 28px; width: 28px; position: relative; top: 3px; } #mobile_header #mobile_header_language_selector a span { position: relative; left: 5px; } #djDebugToolbarHandle { display: none !important; } .section_title_container .section_title, #faq .faq_category .faq_title_container .section_title, #faq .faq_category .faq_title_container .faq_title { background-color: rgba(8, 116, 133, 0.075); border: 1px solid rgba(8, 116, 133, 0.45); } .section_title_container .small_section_title, #faq .faq_category .faq_title_container .small_section_title { background-color: rgba(8, 116, 133, 0.075); border: 1px solid rgba(8, 116, 133, 0.45); } .box_label { height: 3rem; border: 1px solid rgba(8, 116, 133, 0.45); padding: 0.1rem 1rem; } #study_conjugations .box_label { padding: 0.4rem 0.6rem; } /*** TABLES ***/ .table_container, #practice_listening_session_end #practice_listening_session_end_container, #quick_conjugations_start_box #quick_conjugation_presets_table_container, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container, #practice_conjugations_session_end #practice_session_mistakes_container, #practice_words_session_end #practice_session_mistakes_container, #practice_reverse_words_session_end #practice_session_mistakes_container { font-size: 1.6rem; } /*** MESSAGES ***/ .jq-toast-wrap .jq-toast-single .close-jq-toast-single { font-size: 16px; } /*** DIALOGS ***/ .ui-dialog { border-radius: 0; } .ui-dialog-content { max-height: 100vh; } .ui-dialog-titlebar { border-bottom: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0; } .ui-dialog-titlebar .side_popup_close_button { font-size: 3.2rem; right: 1.5rem; top: 0.2rem; } .side_popup_container { z-index: 10000; position: relative; } .side_popup_container .side_popup { width: 100vw; } .side_popup_container .side_popup a { border-bottom: 1px solid rgba(8, 116, 133, 0.45); } .button, .practice_rate_button, #google_login_container #customBtn, .submit_button, #feedback-module #feedback_send_button_container #feedback_send_button, #index_box #index_buttons a, .registration_submit_button, #login_box #login_form input[type=submit], #mobile_feedback_box #mobile_feedback_form input[type=submit], #password_reset_box #password_reset_form input[type=submit], #password_reset_confirm_box #password_reset_confirm_form input[type=submit], #account_activation_continue_button, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button, #signup_box #signup_form input[type=submit], #signup_box #complete_social_signup_form input[type=submit], #terms_change_box #accept_terms_change_button, .practice_session_end #practice_session_end_quit_button, #practice_listening_settings_submit_container #practice_listening_settings_submit_button, #practice_listening_settings_submit_container #practice_listening_custom_settings_button, #practice_listening_submit_button, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button, .demo_start_form input[type=submit], #practice_quick_conjugations_demo input[type=submit], #practice_conjugations_settings_buttons_container input[type=submit], #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button, #practice_conjugations_submit_button, #word_lists #word_lists_practice_button_container #word_lists_practice_button, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button, #import_words a, #import_words_copy_paste #import_words_copy_paste_continue, #import_words_from_file #import_words_from_file_continue, #import_words_preview #import_words_preview_finish_import, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button, #profile_box #profile_form input[type=submit], #change_password_box #change_password_form input[type=submit], #crosswords_box #crossword_search_select_button, #crossword_box #crossword_overlay_box #crossword_overlay_back_button, #crossword_box #crossword_overlay_box #crossword_overlay_close_button, #crossword_history_detail #crossword_history_detail_actions .button_link, .small_button, #feedback-module .feedback-next-btn, #feedback-module .feedback-back-btn, #feedback-module .feedback-submit-btn, #feedback-module .feedback-close-btn, .anno-btn, #index_box #index_send_feedback_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button, .screenshot_header .screenshot_header_button_container a, #language_index_box #language_index_box_header #language_index_nav_buttons > div a, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button], .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button], .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button, #practice_conjugations_quick_select_button, #practice_conjugations_select_verb_button, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button, #practice_conjugations_machine_translation_button, #practice_quick_conjugations_end_session_button, #word_lists .word_lists_problem_words_quick_review, #word_lists #word_lists_import_button, #word_lists #word_lists_excluded_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word, #practice_words_explanations_content .practice_words_word_comparison_button, .add_any_word_to_list_form input[type=submit], .add_word_to_list_form input[type=submit], #profile_box #profile_buttons a, #profile_box #profile_buttons #profile_delete_account, #profile_box #profile_form #profile_change_email_button, #email_change_modal #email_change_modal_content #email_change_submit, #email_change_modal #email_change_modal_content #email_change_cancel, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_history_buttons .statistics_history_button, #crossword_box #crossword_add_to_list, #crossword_box #crossword_open_dictionary_for_last, #crossword_box #crossword_open_dictionary_for_last_word, #crossword_box #crossword_clue_hint, #crossword_box #crossword_clue_verb_hint, #crossword_box #crossword_change_style_button, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button, .practice_prompt_button, .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation, #study #study_conjugations_container #study_conjugation_search input[type=submit], .tiny_button, #practice_conjugations_sentence_explanation .exercise-explanation-actions a, .pagination_container .pagination li a, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .practice_reverse_words_explanations_content .practice_words_word_comparison_button, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button, .study_verb_list_verb_conjugation_link, .wide_button { border-radius: 12px !important; border: 1px solid rgba(8, 116, 133, 0.45) !important; } .tiny_button, #practice_conjugations_sentence_explanation .exercise-explanation-actions a, .pagination_container .pagination li a, #password_reset_box #password_reset_form #password_reset_resend_activation_email_button, #practice_conjugations_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, #practice_conjugations_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions #practice_conjugations_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .chapter_end_page_activity_block_cloze_exercise_solutions .chapter_end_page_activity_block_cloze_exercise_solutions_and_explanation #practice_conjugations_short_explanation_text #practice_conjugations_explanation_link, .practice_reverse_words_explanations_content .practice_words_word_comparison_button, .open_conjugation_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_conjugation_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_conjugation_explanation_new_tab_button, .open_word_explanation_new_tab_button_container .open_word_explanation_new_tab_button, .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button, .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button, .study_verb_list_verb_conjugation_link { padding: 2px 8px !important; margin: 3px 4px; border-radius: 8px !important; } .small_button, #feedback-module .feedback-next-btn, #feedback-module .feedback-back-btn, #feedback-module .feedback-submit-btn, #feedback-module .feedback-close-btn, .anno-btn, #index_box #index_send_feedback_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button, #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button, .screenshot_header .screenshot_header_button_container a, #language_index_box #language_index_box_header #language_index_nav_buttons > div a, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button, #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button, #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button, .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button], .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button], .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button, #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button, #practice_conjugations_quick_select_button, #practice_conjugations_select_verb_button, #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button, #practice_conjugations_machine_translation_button, #practice_quick_conjugations_end_session_button, #word_lists .word_lists_problem_words_quick_review, #word_lists #word_lists_import_button, #word_lists #word_lists_excluded_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_copy_button, .word_list_edit_word_dialog .word_list_edit_word_actions_container .word_list_edit_word_move_button, .word_list_find_definitions_for_word_container .word_list_find_definitions_for_word, #practice_words_explanations_content .practice_words_word_comparison_button, .add_any_word_to_list_form input[type=submit], .add_word_to_list_form input[type=submit], #profile_box #profile_buttons a, #profile_box #profile_buttons #profile_delete_account, #profile_box #profile_form #profile_change_email_button, #email_change_modal #email_change_modal_content #email_change_submit, #email_change_modal #email_change_modal_content #email_change_cancel, #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_history_buttons .statistics_history_button, #crossword_box #crossword_add_to_list, #crossword_box #crossword_open_dictionary_for_last, #crossword_box #crossword_open_dictionary_for_last_word, #crossword_box #crossword_clue_hint, #crossword_box #crossword_clue_verb_hint, #crossword_box #crossword_change_style_button, #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button, .practice_prompt_button, .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation, #study #study_conjugations_container #study_conjugation_search input[type=submit] { padding: 5px 24px !important; } .submit_button, #feedback-module #feedback_send_button_container #feedback_send_button, #index_box #index_buttons a, .registration_submit_button, #login_box #login_form input[type=submit], #mobile_feedback_box #mobile_feedback_form input[type=submit], #password_reset_box #password_reset_form input[type=submit], #password_reset_confirm_box #password_reset_confirm_form input[type=submit], #account_activation_continue_button, #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button, #signup_box #signup_form input[type=submit], #signup_box #complete_social_signup_form input[type=submit], #terms_change_box #accept_terms_change_button, .practice_session_end #practice_session_end_quit_button, #practice_listening_settings_submit_container #practice_listening_settings_submit_button, #practice_listening_settings_submit_container #practice_listening_custom_settings_button, #practice_listening_submit_button, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button, .demo_start_form input[type=submit], #practice_quick_conjugations_demo input[type=submit], #practice_conjugations_settings_buttons_container input[type=submit], #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button, #practice_conjugations_submit_button, #word_lists #word_lists_practice_button_container #word_lists_practice_button, #word_lists #word_lists_practice_button_container #word_lists_custom_settings_button, #import_words a, #import_words_copy_paste #import_words_copy_paste_continue, #import_words_from_file #import_words_from_file_continue, #import_words_preview #import_words_preview_finish_import, #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button, #practice_words_front_bottom #practice_words_buttons #practice_words_check_button, #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button, #profile_box #profile_form input[type=submit], #change_password_box #change_password_form input[type=submit], #crosswords_box #crossword_search_select_button, #crossword_box #crossword_overlay_box #crossword_overlay_back_button, #crossword_box #crossword_overlay_box #crossword_overlay_close_button, #crossword_history_detail #crossword_history_detail_actions .button_link { font-size: 20px; padding: 9px 27px; margin: 0 5px; } .dictionary_buttons { font-size: 1.8rem; } .dictionary_buttons .dictionary_pronunciations { font-weight: 600; display: inline-grid; grid-auto-flow: column; text-align: center; } @media only screen and (max-width: 1200px) and (min-width: 350px) { .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation.dictionary_pronunciation_wide { width: 3.3em; } } @media only screen and (max-width: 350px) { .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation.dictionary_pronunciation_wide { width: 3em; } } @media only screen and (max-width: 1200px) and (min-width: 350px) { .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation { width: 3.1em; } } @media only screen and (max-width: 350px) { .dictionary_buttons .dictionary_pronunciations .dictionary_pronunciation { width: 2.8em; } } .dictionary_buttons i { margin-right: 0.4em; } .audio_player_buttons { font-size: 8rem; width: 17rem; height: 16rem; } .audio_player_buttons .audio_player_button#audio_player_play_button, .audio_player_buttons .audio_player_button#audio_player_pause_button { top: -1.5rem; } .audio_player_buttons .audio_player_button#audio_player_play_button i { top: -3rem; font-size: 3.6rem; } .audio_player_buttons .audio_player_button#audio_player_pause_button i, .audio_player_buttons .audio_player_button#audio_player_pause_slow_button i { top: -3rem; left: 0.1rem; font-size: 3.6rem; } .audio_player_buttons .audio_player_button#audio_player_play_slow_button, .audio_player_buttons .audio_player_button#audio_player_pause_slow_button { top: -1.5rem; } .audio_player_buttons .audio_player_button#audio_player_play_slow_button i { top: -3rem; font-size: 3.6rem; } /*** BOXES ***/ .white_box, .main_box, #language_index_box, .practice_session_end, #practice_listening_setup_box, #practice_listening_custom_settings_container, #practice_session_start_button_container, #practice_listening, #practice_listening_solution, #practice_conjugations_setup_form > div, #practice_conjugations, #word_lists, #word_lists_settings_container, #word_lists_first_session_select_container, #listening_first_session_select_container, #word_list, #excluded_words, #sentences, #practice_words, #practice_reverse_words, #practice_words_back, #practice_reverse_words_back, #statistics, #study_conjugations, #tense_guide, .word-history-item { box-shadow: none !important; border-radius: 0 !important; } .main_centered_box, .main_box, #language_index_box, .practice_session_end, #practice_listening_setup_box, #practice_listening_custom_settings_container, #practice_session_start_button_container, #practice_listening, #practice_listening_solution, #practice_conjugations_setup_form > div, #practice_conjugations, #word_lists, #word_lists_settings_container, #word_lists_first_session_select_container, #listening_first_session_select_container, #word_list, #excluded_words, #sentences, #practice_words, #practice_reverse_words, #practice_words_back, #practice_reverse_words_back, #statistics, #study_conjugations, #tense_guide { margin: 0 !important; width: 100% !important; left: 0 !important; padding: 10px; } /*** IMAGES ***/ .translation_flag { opacity: 0.85; } /*** GRAPHS ***/ .ct-chart .ct-bar-7 { stroke-width: 1.5rem; } .ct-chart .ct-bar-30 { stroke-width: 0.4rem; } .ct-chart .ct-bar-365 { stroke-width: 1rem; } /* HEADER */ #header_logo { height: 6rem; } /* INDEX */ #index_box { padding-top: 2.5rem; padding-bottom: 2rem; } #index_box #index_logo { width: 100%; max-width: 33.5rem; height: auto; padding: 0; } @media only screen and (max-width: 1200px) and (min-width: 800px) { #index_box #index_languages .index_languages_language img { height: 80px; width: 80px; } } @media only screen and (max-width: 800px) { #index_box #index_languages .index_languages_language img { height: 40px; width: 40px; } } #index_box #index_text { margin-top: 5px; font-size: 16px; padding-top: 0; } #index_box #index_text ul #index_text_more_button { margin-top: 1rem; font-size: 1.2rem; } #index_box #index_text ul #index_text_more_button span { border-bottom: 1px solid rgba(8, 116, 133, 0.45); } #index_box #index_buttons { margin-top: 5rem; border-bottom: none; } #index_box #index_study_links { margin-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(8, 116, 133, 0.45); } #index_box #index_study_links h2 { font-size: 1.8rem; font-weight: 600; text-align: center; margin-bottom: 2rem; } #index_box #index_study_links #index_study_links_languages { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 0 2rem; } #index_box #index_study_links #index_study_links_languages .index_study_language { user-select: none; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 1rem; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(8, 116, 133, 0.075)); transition: all 0.2s ease; } #index_box #index_study_links #index_study_links_languages .index_study_language:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, rgba(8, 116, 133, 0.075), rgba(255, 255, 255, 0.95)); } #index_box #index_study_links #index_study_links_languages .index_study_language a:hover { cursor: pointer; } #index_box #index_study_links #index_study_links_languages .index_study_language a:hover:disabled { cursor: default; } #index_box #index_study_links #index_study_links_languages .index_study_language a { display: flex; flex-direction: column; align-items: center; padding: 1.5rem 1rem; text-decoration: none; color: inherit; } #index_box #index_study_links #index_study_links_languages .index_study_language a .index_study_language_flag { height: 4rem; width: 4rem; margin-bottom: 0.8rem; } #index_box #index_study_links #index_study_links_languages .index_study_language a .index_study_language_label { font-size: 1.4rem; font-weight: 600; text-align: center; color: #087485; } #choose_language #choose_language_languages { grid-template-columns: 1fr 1fr; } #choose_language #choose_language_languages .choose_language_language { box-shadow: none; border: none; font-size: 1.8rem; } #choose_language #choose_language_languages .choose_language_language img { height: 8rem; } #choose_language #choose_language_languages .choose_language_language:last-child { left: auto; } /* CONTENT */ #content { padding-top: 0 !important; } #document_box #document_content { font-size: 1.6rem; } /* REGISTRATION */ #login_box { padding: 25px; } #login_box #login_form #login_links a { border-bottom: 1px solid rgba(8, 116, 133, 0.45); } #password_reset_box { padding: 25px; } #simple_text_box p { text-align: justify; } #signup_box { padding: 25px; padding-bottom: 40px; } #signup_box .switch { top: 0.3rem; } /* LANGUAGE INDEX */ #language_index_box { min-height: auto; border-bottom: none; padding: 0; } #language_index_box #language_index_lingu { grid-area: lingu; height: auto; border-bottom: none; display: grid; margin: auto; position: relative; height: 30rem; } #language_index_box #language_index_lingu.lingu_spanish { margin-top: -4rem; right: 0; top: 0; } #language_index_box #language_index_lingu.lingu_portuguese { margin-top: -11rem; height: 34rem; right: 0; top: 0; } #language_index_box #language_index_lingu.lingu_german { margin-top: -1rem; right: 0; top: 0; } #language_index_box #language_index_lingu.lingu_italian { margin-top: -1rem; right: 0; top: 0; } #language_index_box #language_index_lingu.lingu_french { margin-top: -4rem; right: 0; top: 0; } #language_index_box #language_index_lingu.lingu_english { margin-top: 0; right: 0; top: 0; } #language_index_box #language_index_box_header { width: 100%; height: auto; border-bottom: none; display: grid; grid-template-areas: "buttons" "lingu"; /* Ensure the decorative image never blocks taps */ } #language_index_box #language_index_box_header #language_index_lingu { pointer-events: none; z-index: 0 !important; } #language_index_box #language_index_box_header #language_index_nav_buttons { grid-area: buttons; margin: 0; margin-top: 15px; width: 100%; grid-template-columns: 1fr; grid-gap: 15px; position: relative; z-index: 1000; /* Above decorative image */ top: 0; left: 0; } #language_index_box #language_index_box_header #language_index_nav_buttons > div a { font-size: 2.5rem !important; padding: 1.5rem 3rem !important; max-width: 50rem; margin: auto; z-index: 1; position: relative; /* Anchor NEW badge to the button itself */ } #language_index_box #language_index_box_header #language_index_nav_buttons > div { /* Ensure NEW badge sits inside the button on small screens */ } #language_index_box #language_index_box_header #language_index_nav_buttons > div .language_index_new_label { right: 0.4rem; /* inside button */ top: -0.8rem; background: white; /* Keep contrast for mobile */ z-index: 2; } #language_index_box .mobile_language_header { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; gap: 0; padding: 0 2rem; } #language_index_box .language_index_flag { width: 4rem; height: 4rem; flex-shrink: 0; margin: 0; margin-right: 1.2rem; position: static !important; opacity: 1 !important; } #language_index_box .mobile_language_header > div { text-align: left; margin: 0; padding: 0; } #language_index_box #language_index_language_name { font-size: 3rem; position: static !important; margin: 0; font-weight: 600; line-height: 1.1; left: auto !important; top: auto !important; } #language_index_box #language_index_language_dialect { font-size: 1.8rem; position: static !important; margin-top: 0.3rem; margin-bottom: 0; color: rgba(0, 0, 0, 0.7); left: auto !important; top: auto !important; } #language_index_box #language_index_logged_out_text { position: static; width: 100%; text-align: center; font-size: 1.8rem; line-height: 1.4; margin-bottom: 2rem; padding: 0 2rem; } #language_index_box.logged_out { padding: 1rem; } #language_index_box.logged_out #language_index_box_header { padding: 2rem 0; } #language_index_box.logged_out #language_index_box_header .mobile_language_header { margin-bottom: 1.5rem; justify-content: center; padding: 0 2rem; } #language_index_box.logged_out .language_index_flag { width: 2rem; height: 2rem; margin-right: 0.6rem; } #language_index_box.logged_out #language_index_language_name { font-size: 1.5rem; } #language_index_box.logged_out #language_index_language_dialect { font-size: 0.9rem; } #language_index_box.logged_out #language_index_logged_out_text { position: static !important; width: 100% !important; text-align: center; font-size: 2rem !important; line-height: 1.4; margin: 1rem 0; padding: 0 2rem; left: auto !important; top: auto !important; } #language_index_box.logged_out #language_index_language_name { font-size: 2.8rem !important; } #language_index_box.logged_out #language_index_language_dialect { font-size: 2rem !important; } #language_index_box.logged_out .language_index_flag { width: 6rem !important; height: 6rem !important; } #language_index_box .language_logged_out_exercise_type { margin: 2rem 0; } #language_index_box .language_logged_out_exercise_type .screenshot_header { width: 100%; padding: 1rem; border-radius: 0.8rem 0.8rem 0 0; } #language_index_box .language_logged_out_exercise_type .screenshot_header .screenshot_header_label { font-size: 1.8rem; padding-left: 1rem; } #language_index_box .language_logged_out_exercise_type .screenshot_header .screenshot_header_button_container { padding-right: 1rem; } #language_index_box .language_logged_out_exercise_type .screenshot_header .screenshot_header_button_container a { font-size: 1.4rem; padding: 0.8rem 1.5rem; } #language_index_box .language_logged_out_exercise_type .exercise_type_description { width: 100%; padding: 1.5rem; font-size: 1.4rem; line-height: 1.5; text-align: justify; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0 0 0.8rem 0.8rem; } #language_index_box .language_logged_out_exercise_type .screenshot { display: none; } #language_index_box.logged_out .exercise_type_description_last { border-radius: 0 0 0.8rem 0.8rem; } #language_index_nav_buttons { display: none; } #box_footer { padding-top: 0; padding-bottom: 2rem; } /* PRACTICE */ #special_letters_block { padding-top: 0.5rem; padding-bottom: 0.5rem; } .practice_main_elements > img { display: none; } .special_letters_block { height: 5rem; } .sentence_to_favorites { text-align: left; display: inline-block; position: relative; top: 1rem; right: -0.5rem; height: 3.2rem; width: 3.2rem; } #practice_rate_buttons_difficulty { width: 100%; } #practice_rate_buttons_difficulty #practice_rate_buttons_difficulty_gradient { width: 60% !important; max-width: 30rem; margin: auto; } .practice_rate_button { height: 48px; width: 48px; padding: 10px; margin-top: 15px; } .practice_rate_button#practice_rate_button_skip { width: 60px; } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_adaptive_score_label { font-size: 1.4rem; } } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_button { margin-top: 2rem; } } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_previous_label { left: 11%; font-size: 1.2rem; bottom: -2rem; left: 11%; } } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_new_label { bottom: -2rem; font-size: 1.2rem; } } .practice_session_end #practice_session_end_v2_performance_label { font-size: 1.5rem; } .practice_session_end #practice_session_end_v2_performance_value { font-size: 1.4rem; } .practice_session_end .practice_session_end_conjugation_rank_progress_label, .practice_session_end .practice_session_end_conjugation_rank_progress_label { font-size: 1.4rem; } .practice_session_end .practice_session_end_conjugation_rank_progress_label span, .practice_session_end .practice_session_end_conjugation_rank_progress_label span { display: inline-block; } .practice_session_end .practice_session_end_conjugation_rank_label, .practice_session_end .practice_session_end_listening_rank_label { font-size: 1.6rem; } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_performance_chart #practice_session_end_performance_chart_label { font-size: 1.4rem; } } .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner { border: 1px solid rgba(8, 116, 133, 0.45); } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label { right: 1rem; font-size: 1.4rem; bottom: 2.9rem; } } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner #practice_session_end_progress_chart_label i { position: absolute; right: -2.5rem; top: -0.2rem; } } @media only screen and (max-width: 800px) { .practice_session_end #practice_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar span, .practice_session_end #practice_demo_session_end_charts_section #practice_session_end_progress_chart .inner .practice_session_end_progress_bar span { font-size: 1.4rem; bottom: 2.4rem; left: 0.2rem; } } .practice_session_end #practice_session_end_no_mistakes { font-size: 2.4rem; } .practice_session_end #practice_session_end_button_container { margin-top: 3rem; margin-bottom: 3rem; } /* LISTENING PRACTICE */ #practice_listening_setup_box #practice_listening_setup_form .inner { font-size: 1.9rem; padding: 1.5rem 1rem; width: 85%; max-width: 40rem; margin-top: 1rem; margin-bottom: 1rem; } #practice_listening_setup_box #practice_listening_setup_form .inner #practice_listening_voice_selector_container i { position: absolute; right: -33px; top: 0; } #practice_listening_setup_box #practice_listening_setup_form .inner select, #practice_listening_setup_box #practice_listening_setup_form .inner .multi_select_list { max-width: 90%; } #practice_listening_main_elements { height: 100%; } #practice_listening { height: 100%; } #practice_listening_play_buttons { width: 100%; height: 7rem; border-bottom: none; } #practice_listening_play_buttons .audio_player_buttons { top: 2.5rem; } #practice_listening_repeat_button { right: 2.3rem; font-size: 2.4rem; bottom: -0.5rem; } #practice_listening_loop_button { right: 2rem; bottom: 3rem; } #practice_listening_progress_bar { margin-bottom: 0.5rem; } #practice_listening_type_section { min-height: 9rem; padding-bottom: 0.5rem; } #practice_listening_session_instructions { font-size: 1.8rem; font-weight: 400; padding: 0.5rem; color: black; } #practice_listening_exercise_textbox, #practice_listening_exercise_answerbox { height: 5.6rem; margin: auto; width: 90%; font-size: 2rem; border: 1px solid rgba(8, 116, 133, 0.45); box-sizing: content-box; } #practice_listening_exercise_answerbox { width: 90%; min-height: 4.8rem; } #practice_listening_report_error_button { position: unset; } #practice_listening_solution { top: 3rem; padding: 0 0 1rem 0; } #practice_listening_solution_text { margin: 1rem; font-size: 2rem; text-align: justify; margin-right: 4.5rem; } #practice_listening_solution_text #practice_listening_solution_text_text { position: relative; left: 3.7rem; } #practice_listening_sentence_to_favorites { float: left; position: absolute; left: 0.7rem; top: -1.5rem; } #practice_listening_sentence_to_favorites i { font-size: 2.6rem; } #practice_listening_translation_text { text-align: justify; font-size: 1.8rem; margin-right: 1.9rem; } /* CONJUGATIONS PRACTICE */ #practice_conjugations_setup_form > div { width: 100%; padding-bottom: 2rem; } #practice_conjugations_setup_form .exercise_main_page_nav_buttons { margin-right: 1rem; } #practice_conjugations_setup_form .multi_select_list { border: 1px solid rgba(8, 116, 133, 0.45); } #practice_conjugations_special_letters_block { position: absolute; } #practice_conjugations_special_letters_block .special_letter_button { margin-right: 0.1rem; } .practice_conjugations_setup_box { width: 100%; border: none; } #practice_conjugations_preset_box, #practice_conjugations_main_settings_box, #practice_conjugations_advanced_settings_box, #practice_conjugations_preferences_box, #quick_conjugation_preset_form, #word_lists_preferences_box { padding: 0 1rem 0 1rem !important; margin-top: 1rem; } #practice_conjugations_preset_box select, #practice_conjugations_main_settings_box select, #practice_conjugations_advanced_settings_box select, #practice_conjugations_preferences_box select, #quick_conjugation_preset_form select, #word_lists_preferences_box select { max-width: 75%; } #practice_conjugations_presets_instructions .info_dialog_button { border-bottom: 1px solid rgba(8, 116, 133, 0.45); } #practice_conjugations_preset_box { padding: 1.5rem 1rem 0 1rem; margin-top: 1rem; } #practice_conjugations_preset_box .inner { width: 100%; grid-template-columns: 1fr; } label[for=user_conjugation_preset_container] { grid-column: 1; grid-row: 1; } label[for=default_conjugation_preset_container] { grid-column: 1; grid-row: 3; } #user_conjugation_preset_container { grid-column: 1; grid-row: 2; } #default_conjugation_preset_container { grid-column: 1; grid-row: 4; } #practice_conjugations_preset_details { grid-column: 1; grid-row: 5; } #practice_conjugations_preset_details { grid-column: 1; grid-row: 6; } #practice_conjugations_main_settings_box > .inner { grid-template-columns: 30% 20% 30%; grid-gap: 1.5rem; } label[for=practice_conjugations_verb_inputter] { grid-column: 1; grid-row: 5; } #practice_conjugations_tense_selector_container { grid-column-start: 1; grid-column-end: 4; } #practice_conjugations_tense_selector_container .multi_select_list { max-height: 40rem; overflow-y: scroll; } #practice_conjugations_tense_selector_container .multi_select_list li > div { grid-template-columns: 100%; grid-template-areas: "tense"; } #practice_conjugations_verb_inputter { border: 1px solid rgba(8, 116, 133, 0.45); grid-column-start: 1; grid-column-end: 3; grid-row: 6; } #practice_conjugations_quick_select_button_container { grid-column-start: 2; grid-column-end: 3; grid-row: 5; } #practice_conjugations_select_verb_button_container { grid-column: 3; grid-row: 6; } #practice_conjugations_selected_verbs_label { grid-column-start: 1; grid-column-end: 3; grid-row: 7; } #practice_conjugations_selected_verbs { grid-column-start: 1; grid-column-end: 4; grid-row: 8; max-width: 90%; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs_buttons_container { grid-template-columns: repeat(2, 1fr) !important; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .loader { font-size: 4rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container { height: auto; } .practice_conjugations_selected_verb { border: 1px solid rgba(8, 116, 133, 0.45); height: 3.6rem; font-size: 1.8rem; padding: 0.6rem 1.2rem; margin: 0 1rem 1rem 0; } #practice_conjugations_advanced_settings_box .inner { grid-template-columns: 100%; grid-gap: 1.5rem; } label[for=practice_conjugations_regularity_selector] { grid-column: 1; grid-row: 3; } label[for=practice_conjugations_reflexivity_selector] { grid-column: 1; grid-row: 5; } #practice_conjugations_regularity_selector_container { grid-column: 1; grid-row: 4; } #practice_conjugations_reflexivity_selector_container { grid-column: 1; grid-row: 6; } #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences .inner { grid-template-columns: 1fr; gap: 1.5rem; } #practice_conjugations_preferences_box { padding-bottom: 0; } #practice_conjugations_preferences_box .inner { grid-template-rows: repeat(6, 3rem); grid-template-columns: 1fr; grid-gap: 1.5rem; } label { position: relative; top: 1rem; } #crosswords_email_switch_label { top: 0; } label[for=practice_conjugations_translang_selector] { grid-column: 1; grid-row: 3; } label[for=practice_conjugations_voice_selector_container] { grid-column: 1; grid-row: 5; } #practice_conjugations_complexity_selector_container { grid-column: 1; grid-row: 2; } #practice_conjugations_translang_selector_container { grid-column: 1; grid-row: 4; } #practice_conjugations_voice_selector_container { grid-column: 1; grid-row: 6; } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container { grid-template-columns: 12rem auto; } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_label { height: 3.2rem; } #practice_conjugations_details { grid-template-areas: "verb verb" "tense_icon tense_name" "person_icon person_name"; grid-template-columns: 3rem auto; grid-gap: 0.5rem 0; margin-bottom: 0; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0.8rem; padding: 1.5rem 1rem; } #practice_conjugations_verb { font-size: 3.3rem; } #practice_conjugations_tense_icon { font-size: 2.4rem; text-align: center; } #practice_conjugations_tense_icon i { font-size: 2.4rem; } #practice_conjugations_person_icon { font-size: 2.4rem; text-align: center; } #practice_conjugations_person_icon i { font-size: 2.4rem; } #practice_conjugations_tense, #practice_conjugations_person { margin-top: 0.2rem; margin-left: 1rem; } #practice_conjugations_tense { text-align: left; } #practice_conjugations_person { text-align: left; } #practice_conjugations_type_section { border: none; padding-top: 0.5rem; padding-bottom: 1rem; } #practice_conjugations_type_section .sentence_to_favorites { position: absolute; top: 0.6rem; left: 1.5rem; } #practice_conjugations_type_section .sentence_to_favorites i { font-size: 3.2rem; } #practice_conjugations_text { margin-top: 0; margin-bottom: 1rem; font-size: 2.1rem; } #practice_conjugations_exercise_textbox_container, #practice_conjugations_exercise_second_textbox_container { max-width: 80%; border: 1px solid rgba(8, 116, 133, 0.45); height: 5.4rem; } #practice_conjugations_solutions { min-height: 0; margin: 1rem auto; } #practice_conjugations_translation_container { margin-top: 0.5rem; } #practice_conjugations_translation_text_container { min-height: 3.5rem; display: inline-block; } #practice_conjugations_translation_text_container #practice_conjugations_translation_text { float: none; top: -0.7rem; left: 0.5rem; } #practice_conjugations_translation_text_container #practice_conjugations_show_translation_button { position: relative; bottom: 0.2rem; padding: 0.3rem 0.6rem !important; } #practice_conjugations_machine_translation_button { margin-top: 2rem; } #practice_conjugations_top_buttons { grid-template-columns: repeat(4, min-content) auto; } #practice_conjugations_top_buttons #practice_conjugations_report i, #practice_conjugations_top_buttons #practice_conjugations_play_audio i { position: relative; bottom: 0.8rem; } #practice_conjugations_top_buttons #practice_conjugations_play_audio { width: 4.4rem; } #practice_conjugations_top_buttons #practice_conjugations_sentence_to_favorites { width: 4.2rem; } #practice_conjugations_report { /*top: 0.6rem; right: auto; left: 11.3rem;*/ } #practice_conjugations_report.nosentence { right: auto; left: 1.5rem; } #practice_conjugations_report i { font-size: 3.2rem; } #practice_conjugations_submit_button { position: absolute; right: 1rem; top: 0; } /* WORD LISTS */ #word_lists #word_lists_table, #word_lists #word_lists_table_reverse { display: grid; grid-template-columns: auto 25px minmax(min-content, 80px) minmax(min-content, 60px) minmax(min-content, 60px); } #word_lists #word_lists_table > div, #word_lists #word_lists_table > a, #word_lists #word_lists_table_reverse > div, #word_lists #word_lists_table_reverse > a { padding: 1.2rem 1.5rem; } #word_lists #word_lists_table, #word_lists #word_lists_table_reverse { position: relative; font-size: 15px; } #word_lists #word_lists_table > div, #word_lists #word_lists_table_reverse > div { padding: 9px 7.5px; } #word_lists #word_lists_table .word_lists_word_bank_info i, #word_lists #word_lists_table .word_lists_details i, #word_lists #word_lists_table .problem_words_details i, #word_lists #word_lists_table_reverse .word_lists_word_bank_info i, #word_lists #word_lists_table_reverse .word_lists_details i, #word_lists #word_lists_table_reverse .problem_words_details i { font-size: 1.8rem; } #word_lists #auto_word_lists_table, #word_lists #auto_word_lists_table_reverse { display: grid; grid-template-columns: auto 3rem 3rem 13rem; } #word_lists #auto_word_lists_table > div, #word_lists #auto_word_lists_table > a, #word_lists #auto_word_lists_table_reverse > div, #word_lists #auto_word_lists_table_reverse > a { padding: 1.2rem 1.5rem; } #word_lists #auto_word_lists_table, #word_lists #auto_word_lists_table_reverse { position: relative; } #word_lists #auto_word_lists_table .problem_words_button, #word_lists #auto_word_lists_table_reverse .problem_words_button { padding-left: 0; padding-right: 0; position: relative; } #word_lists #auto_word_lists_table .word_lists_problem_words_quick_review:hover, #word_lists #auto_word_lists_table_reverse .word_lists_problem_words_quick_review:hover { cursor: pointer; } #word_lists #auto_word_lists_table .word_lists_problem_words_quick_review:hover:disabled, #word_lists #auto_word_lists_table_reverse .word_lists_problem_words_quick_review:hover:disabled { cursor: default; } #word_lists #auto_word_lists_table .word_lists_problem_words_quick_review, #word_lists #auto_word_lists_table_reverse .word_lists_problem_words_quick_review { user-select: none; white-space: nowrap; display: inline-block; background: var(--color-bg-button); border: 0.2rem solid var(--color-border) !important; border-radius: 0.8rem !important; box-shadow: none !important; } #word_lists #auto_word_lists_table .word_lists_problem_words_quick_review:hover, #word_lists #auto_word_lists_table_reverse .word_lists_problem_words_quick_review:hover { background-color: var(--color-bg-button-hover); } #word_lists #auto_word_lists_table .word_lists_problem_words_quick_review, #word_lists #auto_word_lists_table_reverse .word_lists_problem_words_quick_review { padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; right: 0; top: 1.4rem; bottom: auto; position: absolute; } #word_lists #word_lists_voice_selector_container { line-height: 2; } #word_lists #word_lists_voice_selector_container select { max-width: 40rem; width: 85%; } #word_lists #word_lists_exercises_per_session_selector_container select { max-width: 40rem; width: 85%; } #word_lists #word_lists_practice_button_container { margin-bottom: 4rem; } #word_lists #word_lists_practice_button_container #word_lists_practice_button { margin-bottom: 2rem !important; } #word_lists_custom_settings_button { margin-bottom: 2rem !important; } #word_lists_settings_container { margin-top: -3rem !important; } #word_lists_settings_container #word_lists_preferences_box { width: 100%; border: none; margin-top: 0; } #word_lists_settings_container #word_lists_preferences_box .inner { grid-template-rows: repeat(8, min-content); grid-template-columns: 1fr; grid-gap: 1.5rem; } #word_lists_settings_container #word_lists_preferences_box.quick_review_selected .inner { grid-template-rows: repeat(2, min-content); } #sentences #sentences_import { margin-right: 1.5rem; margin-left: 1.5rem; } #sentences .go_back_button { position: absolute; left: 1rem; top: 0.8rem; } #sentences #sentences_table { margin-top: 2rem; } #sentences #sentences_table .sentences_sentence_text { text-align: left; } /* PRACTICE WORDS */ #practice_words { padding: 0; } #practice_words #practice_words_mistakes_progress_bar_container { grid-template-columns: 12rem auto; } #practice_words #practice_words_mistakes_progress_bar_container #practice_words_mistakes_label { height: 3.2rem; } #word_lists_first_session_select_container, #listening_first_session_select_container { gap: 1rem; } #word_lists_first_session_select_container img, #listening_first_session_select_container img { max-width: 80%; width: 15rem; } #word_lists_first_session_select_container #word_lists_first_session_select_label h1, #word_lists_first_session_select_container #listening_first_session_select_label h1, #listening_first_session_select_container #word_lists_first_session_select_label h1, #listening_first_session_select_container #listening_first_session_select_label h1 { font-size: 2rem; max-width: 80%; margin: auto; } #practice_words_mistakes_stage_button_0 { margin-top: -1rem !important; margin-bottom: 1rem !important; } #practice_words_front_bottom.typing_exercise { grid-template-columns: 100%; height: min-content; margin-top: -2rem; } #practice_words_front_bottom.typing_exercise #practice_words_front_bottom_inner { display: grid; grid-template-columns: 100%; } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox { margin: auto; margin-bottom: 1rem; height: 5.4rem; max-width: 30rem; } #practice_words_front_bottom.typing_exercise #practice_words_buttons { height: auto; } #practice_words_front_bottom.typing_exercise #practice_words_buttons #practice_words_check_button { position: initial; padding: 0.9rem 2.7rem; } #practice_words_answers { margin-top: 1.5rem; margin-left: 1.8rem; } #practice_words_special_letters_block { margin: auto; } #practice_words_special_letters_block #special_letters_block { width: 30rem; } .practice_words_typing_solutions_element { min-width: 3.6rem; } #practice_words_typing_solutions { margin-top: 1rem; } #problem_words, #word_list { overflow-y: auto; } #practice_words_quick_review_interval_selector_container { width: 90%; margin: auto; height: 6rem; position: relative; } #practice_words_quick_review_interval_selector_container #practice_words_quick_review_interval_selector { right: 0; } #practice_words_quick_review_interval_selector_container .interval_button { right: 26.7rem; top: 2.4rem; } #practice_words_quick_review_interval_selector_container > i { display: none; } #practice_words_front_bottom #practice_words_buttons.quick_review_exercise { height: 8rem; } .practice_words_card .practice_words_card_header { padding-right: 0; } #practice_words_front { margin-top: 20px; } #practice_words_front #practice_words_front_content { border: 1px solid rgba(8, 116, 133, 0.45); } #practice_words_front #practice_words_front_content #practice_words_front_text { font-size: 25px; } #practice_words_back.quick_review_exercise { padding-top: 0 !important; } #practice_words_back #practice_words_back_senses .practice_words_card_content { padding-top: 0.8rem; } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense { border: 1px solid rgba(8, 116, 133, 0.45); } #practice_words_back #practice_words_back_senses .practice_words_back_primary_sense .practice_words_back_sense_words, #practice_words_back #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_back_sense_words { font-size: 25px; } #practice_words_buttons #practice_words_check_button { font-size: 2.5rem; padding: 1.2rem 3.6rem; } /* DICTIONARY */ .dictionary_conjugation .study_conjugations_tense_container .study_conjugations_tense_label { border: 1px solid rgba(8, 116, 133, 0.45); height: 3.5rem; } .dictionary_entry_header { height: 45px; } .dictionary_entry_header .dictionary_wiktionary_link i { font-size: 1.8rem; } .side_popup .study_conjugations_tense_container { max-width: 40rem; } .side_popup .study_conjugations_tense_container .study_conjugations_tense_label { height: 3.2rem; } .side_popup .study_conjugations_tense_container .conjugation_forms { font-size: 1.4rem; } .dictionary .dictionary_pos_block .dictionary_sense_row { padding-bottom: 1.4rem; } .add_any_word_to_list_form, .add_word_to_list_form { border: none; } .add_any_word_to_list_form textarea[name=description], .add_word_to_list_form textarea[name=description] { border: 1px solid rgba(8, 116, 133, 0.45); } .add_any_word_to_list_form #special_letters_block { height: 4.2rem; } .add_any_word_to_list_form #special_letters_block .special_letter_button { margin-right: 1.2rem; } .add_any_word_to_list_form #special_letters_block .special_letter_button .special_letter { font-size: 2rem; padding: 0.4rem 0.8rem; } .add_any_word_to_list_form input[name=word] { border: 1px solid rgba(8, 116, 133, 0.45); } /* LEMMA SENTENCES */ .lemma_sentences .ui-dialog .lemma_sentences_sentence_blocks .lemma_sentences_sentence_block:not(:last-of-type) { border-bottom: 1px solid rgba(8, 116, 133, 0.45); } /* PROFILE */ #demographic_survey { padding: 25px; } #profile_box { padding: 25px; } @media only screen and (max-width: 800px) { #profile_box #profile_buttons a { margin-top: 1rem; font-size: 1.8rem !important; padding-right: 1rem !important; padding-left: 1rem !important; } } @media only screen and (max-width: 800px) { #profile_box #profile_buttons #profile_delete_account { margin-top: 1rem; font-size: 1.8rem !important; padding-right: 1rem !important; padding-left: 1rem !important; } } #profile_box #profile_form { width: 100%; } #profile_box #profile_form input[type=submit] { margin-top: 2rem; } /*** STATISTICS ***/ #statistics #statistics_header #statistics_time_range_buttons, #statistics #statistics_header #statistics_history_buttons { width: 100%; display: grid; grid-auto-flow: column; margin-bottom: 1rem; } #statistics #statistics_header #statistics_time_range_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_time_range_buttons .statistics_history_button, #statistics #statistics_header #statistics_history_buttons .statistics_time_range_button, #statistics #statistics_header #statistics_history_buttons .statistics_history_button { padding: 0.5rem 1.8rem !important; border: 1px solid rgba(8, 116, 133, 0.45) !important; margin-right: 0; } #statistics #statistics_header #statistics_page_selector { margin-bottom: 2rem; } #statistics #statistics_container .ct-chart { width: 100%; max-width: 54rem; font-size: 1.2rem !important; } @media only screen and (max-width: 350px) { #statistics #statistics_container .ct-chart .ct-legend li { font-size: 1.2rem; padding-left: 1.5rem; } } #statistics #statistics_list_container { margin-left: 0; } #statistics #statistics_list_container .statistics_conjugation_presets { margin-left: 0; } #statistics .statistics_conjugation_problem_areas { display: grid; grid-template-columns: min-content min-content minmax(auto, 15rem) 0; } #statistics .statistics_conjugation_problem_areas > div, #statistics .statistics_conjugation_problem_areas > a { padding: 1.2rem 1.5rem; } #statistics .statistics_alltime_statistics { display: grid; grid-template-columns: minmax(15rem, min-content) auto; } #statistics .statistics_conjugation_preset_history_container, #statistics .statistics_conjugation_explanation_mistakes_container { width: 95%; margin-right: auto; margin-left: auto; } #statistics #statistics_conjugation_preset_history > div, #statistics #statistics_conjugation_explanation_mistakes_table > div { padding: 0.7rem 0.6rem; } #statistics #statistics_conjugation_preset_history div, #statistics #statistics_conjugation_explanation_mistakes_table div { white-space: normal; } #statistics #statistics_conjugation_preset_history, #statistics #statistics_conjugation_explanation_mistakes_table { grid-template-columns: min-content 7rem auto minmax(7rem, min-content); } @media only screen and (max-width: 600px) { #statistics_problem_verb_forms_container, #statistics_problem_words_container, #statistics_conjugation_explanations_container { display: none !important; } } #crossword_all_clues_mobile { display: none !important; } #crossword_box #mobile_difficulty_level { display: block; } #crossword_box #desktop_difficulty_level { display: none; } #crossword_box { /* Position CLEAR PROGRESS like LOOK UP WORD on the left (mobile) */ } #crossword_box #crossword_clear_button { position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box #crossword_special_letters .special_letter_button { margin-bottom: 0.5rem; } #crossword_box .crossword_mobile_clue_container { position: absolute; background-color: white; height: 3.2rem; border: rgba(8, 116, 133, 0.45) solid 0.1rem; width: 45vw; max-width: 20rem; padding: 0.5rem 0.5rem 0 0.5rem; border-radius: 0.8rem; z-index: 9999; text-align: left; font-size: 1.4rem; overflow: hidden; } #crossword_box .crossword_mobile_clue_container .crossword_entry_word_count { bottom: 0; padding: 0.1rem 0.4rem; } #crossword_box .crossword_mobile_clue_container.crossword_mobile_horizontal_clue_container { left: 0; top: -3.7rem; } #crossword_box .crossword_mobile_clue_container.crossword_mobile_vertical_clue_container { top: 0; } #crossword_box .crossword_mobile_clue_container.crossword_mobile_vertical_clue_container.left_orientation { left: 3.8rem; } #crossword_box .crossword_mobile_clue_container.crossword_mobile_vertical_clue_container.right_orientation { right: 3.8rem; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue { display: grid; grid-template-rows: auto 0fr auto; grid-template-columns: 1fr; text-align: justify; min-height: 100%; height: 100%; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_inner { grid-row: 1; padding: 0; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_inner .crossword_mobile_clue_text { font-weight: 600; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_inner .crossword_mobile_clue_text .crossword_mobile_clue_cloze { min-width: 4rem; border-bottom: 1px solid rgba(8, 116, 133, 0.45); text-align: center; color: #087485; font-size: 1.2rem; display: inline-block; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_inner .crossword_mobile_clue_translation { font-style: italic; font-weight: 400; font-size: 1.2rem; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_inner .crossword_mobile_clue_dialects { font-size: 1.2rem; font-weight: 400; font-style: italic; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_verb_container { grid-row: 2; overflow: hidden; transition: all 0.3s ease; min-height: 0; max-height: 0; opacity: 0; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_verb_container:has(.crossword_mobile_clue_verb_hint_text:not(:empty)) { min-height: auto; max-height: none; opacity: 1; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_verb_container .crossword_mobile_clue_verb_hint_text { border-top: 1px solid rgba(8, 116, 133, 0.45); text-transform: uppercase; text-align: center; font-size: 1.4rem; font-weight: 600; color: #087485; padding: 0.5rem; margin: 0; display: none; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_verb_container .crossword_mobile_clue_verb_hint_text:not(:empty) { display: block; position: relative; top: 0.3rem; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb { grid-row: 3; align-self: end; margin: 0; padding: 0; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row { display: flex; width: calc(100% + 1rem); height: 2.2rem; font-size: 1.3rem; border-top: 1px solid rgba(8, 116, 133, 0.45); margin: 0 -0.5rem 0 -0.5rem; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_verb_hint_button, #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_hint_button, #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_next_button { flex: 1; border-radius: 0 !important; border: none !important; margin: 0 !important; padding: 0.3rem 0.3rem 0.7rem 0.3rem !important; text-align: center; font-size: 1.2rem; min-width: 0; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_verb_hint_button:not(:last-child), #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_hint_button:not(:last-child), #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_next_button:not(:last-child) { border-right: 0.1rem solid rgba(0, 0, 0, 0.2) !important; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_verb_hint_button { border-radius: 0 0 0 0.8rem !important; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue .crossword_mobile_clue_buttons_container_verb .crossword_mobile_clue_button_row .crossword_mobile_clue_next_button { border-radius: 0 0 0.8rem 0 !important; } #crossword_box .crossword_mobile_clue_container .crossword_mobile_clue:has(.crossword_mobile_clue_verb_container .crossword_mobile_clue_verb_hint_text:not(:empty)) { grid-template-rows: auto auto auto; } #crossword_box .crossword_mobile_clue_hint_button_left_container { position: absolute; left: 0; bottom: 0; } #crossword_box .crossword_mobile_clue_hint_button_left_container .crossword_mobile_clue_hint_button { position: absolute; left: -0.5rem; bottom: -0.4rem; border-radius: 0 0.8rem 0 0.8rem !important; } #crossword_box .crossword_mobile_clue_hint_button_left_container .crossword_mobile_clue_verb_hint_button { position: absolute; left: -0.5rem; bottom: -0.4rem; border-radius: 0 0.8rem 0 0.8rem !important; } #crossword_box .crossword_mobile_clue_hint_button_left_container .crossword_mobile_clue_verb_hint_text { position: absolute; left: 0.6rem; bottom: 0.2rem; text-transform: uppercase; white-space: nowrap; } #crossword_box .crossword_mobile_clue_hint_button_right_container { position: absolute; right: 0; bottom: 0; } #crossword_box .crossword_mobile_clue_hint_button_right_container .crossword_mobile_clue_hint_button { position: absolute; right: -0.5rem; bottom: -0.4rem; border-radius: 0.8rem 0 0.8rem 0 !important; } #crossword_box .crossword_mobile_clue_hint_button_right_container .crossword_mobile_clue_next_button { position: absolute; right: -0.5rem; bottom: -0.4rem; border-radius: 0.8rem 0 0.8rem 0 !important; } @media only screen and (max-width: 599px) { #crossword_box h1 { display: none; } #crossword_box #crossword_all_clues_mobile { display: block !important; } #crossword_box #crossword_all_clues { display: none; } #crossword_box #crossword_overlay_detailed_scorecard_button { display: none !important; } #crossword_box #crossword_clue.crossword_verb_form_clue { height: 9rem; } #crossword_box #crossword_clue.crossword_verb_form_clue #crossword_clue_text_translation { font-size: 1.4rem !important; font-weight: 400; font-style: italic; margin-top: 0.2rem; } #crossword_box #crossword_clue.crossword_monolingual_clue { height: 9rem; } #crossword_box #crossword_clue_text { font-size: 2rem !important; } } #crossword_box #crossword .crossword_cell input.correct { background-color: rgba(0, 255, 0, 0.4) !important; } #crossword_box #crossword .crossword_cell input.correct.hinted { background-color: yellow !important; } #crossword_box #crossword .crossword_cell input.active:not(.correct) { background-color: rgba(8, 116, 133, 0.6) !important; } #crossword_box #crossword .crossword_cell input.selected:not(.correct) { background-color: rgba(8, 116, 133, 0.25) !important; } #crossword_box #crossword .crossword_cell input.selected.active:not(.correct) { background-color: rgba(8, 116, 133, 0.7) !important; } #crossword_box #crossword span#crossword_clue_verb_hint, #crossword_box #crossword span#crossword_clue_verb_hint_text, #crossword_box #crossword span#crossword_clue_hint, #crossword_box #crossword span#crossword_open_dictionary_for_last, #crossword_box #crossword span#crossword_open_dictionary_for_last_word, #crossword_box #crossword span#crossword_add_to_list { padding: 0.3rem 1rem !important; } #crosswords_box .crossword_list_box.crossword_list_box_level { width: 10rem; } #crossword_box #crossword_overlay_box .crossword_overlay_inner_box .box_label { min-height: 3.3rem; } .crossword_list_box { border: 1px solid rgba(8, 116, 133, 0.45) !important; } img#practice_conjugations_conjugation_rank_badge, img#practice_listening_listening_rank_badge { max-width: 90%; } .practice_session_end_conjugation_rank_progress_bar_container, .practice_session_end_listening_rank_progress_bar_container { width: 90%; } @media only screen and (max-width: 600px) { #practice_session_end_hide_rank span { right: 2rem; top: 1.2rem; } #practice_session_end_hide_rank i { right: -0.3rem; top: -0.4rem; } } #crossword_scrolling_clue_container { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); background-color: white; position: fixed; transform: translate3d(0, 0, 0); z-index: 9999; border: rgba(8, 116, 133, 0.45) solid 0.1rem; left: 0; top: 2rem; border-left: none; border-radius: 0 0.8rem 0.8rem 0; } #crossword_scrolling_clue_container #crossword_scrolling_clue { background-color: rgba(8, 116, 133, 0.2); padding: 0.5rem 1rem; } #crossword_scrolling_clue_container #crossword_scrolling_clue #crossword_scrolling_clue_text { font-weight: 600; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_level, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_sentence_difficulty, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_verbs, #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button_container { height: 6.5rem; } @media only screen and (max-width: 600px) { #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table { grid-template-columns: auto; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > div { border: none !important; border-left: 1px solid rgba(8, 116, 133, 0.45) !important; border-right: 1px solid rgba(8, 116, 133, 0.45) !important; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table > div:nth-child(3n+1) { border-top: 1px solid rgba(8, 116, 133, 0.45) !important; } } #practice_quick_conjugations_progress_container { height: 6.5rem !important; background-color: white !important; } #practice_quick_conjugations_rank_progress_bar { width: 101.5% !important; bottom: -0.6rem !important; } @media only screen and (max-width: 600px) { #practice_quick_conjugations_progress_container { height: 4rem !important; padding: 0 !important; background-color: white !important; } #practice_conjugations #practice_quick_conjugations_progress_container .practice_quick_conjugations_label { padding: 0.1rem 0.5rem 0.3rem 0.5rem !important; } .practice_quick_conjugations_rank_full_star, .practice_quick_conjugations_rank_empty_star { font-size: 1.4rem !important; } #practice_conjugations #practice_quick_conjugations_progress_container #practice_quick_conjugations_right_label #practice_quick_conjugations_right_label_value { grid-template-columns: 1fr 0.6rem 1fr; } #practice_quick_conjugations_end_session_button { padding: 0.5rem 1.2rem !important; } #practice_conjugations #practice_quick_conjugations_progress_container #practice_quick_conjugations_left_label #practice_quick_conjugations_level_up_icon, #practice_conjugations #practice_quick_conjugations_progress_container #practice_quick_conjugations_left_label #practice_quick_conjugations_level_down_icon { font-size: 1.8rem !important; right: -2.4rem !important; } #practice_quick_conjugations_end_session_button { top: -0.4rem !important; } } #practice_conjugations_mobile_header { text-align: left; } #practice_conjugations_mobile_header .practice_conjugations_mobile_header_element { display: inline-block; border: 1px solid rgba(8, 116, 133, 0.45); padding: 1rem 2rem; border-radius: 1.2rem; margin-right: 1rem; margin-top: 2rem; } #practice_conjugations_mobile_header .practice_conjugations_mobile_header_element.practice_conjugations_mobile_header_selected_element { font-weight: 600; background-color: rgba(8, 116, 133, 0.45); } @media only screen and (max-width: 600px) { .statistics_conjugation_quick_presets:not(.statistics_conjugation_quick_presets_mobile) { display: none !important; } .statistics_conjugation_quick_presets_mobile { display: grid !important; } } #google_login_container #customBtn { width: 225px; } #google_login_container #customBtn.customGPlusSignUp { width: 235px; } #crosswords_box #crossword_rank_container { width: 100%; border-radius: none; } @media only screen and (max-width: 599px) { #crosswords_box #crossword_rank_container { display: none !important; } #crosswords_box #crosswords_label { font-size: 1.6rem; } #crosswords_box .exercise_main_page_nav_buttons { margin-top: 0; } #crosswords_box #crosswords_go_to_prev_day_button { left: 25% !important; } #crosswords_box #crosswords_go_to_next_day_button { right: 25% !important; } } #crosswords_box { border-radius: initial; } #crosswords_box #crossword_rank_container { width: 100%; border-radius: initial; } #practice_listening_setup_form { border-radius: initial; } #practice_listening_setup_form #listening_rank_container { width: 100%; border-radius: initial; } #practice_listening_setup_form #practice_listening_title { max-width: 50%; margin: auto; line-height: 1.25; } #practice_listening_setup_form #practice_listening_setup_box .exercise_main_page_nav_buttons { margin-top: 9rem; } #practice_listening_setup_form #practice_listening_setup_box .inner { margin-top: 7rem; } .header_sound_effects_audio_button { position: initial; margin: auto; color: white; opacity: 0.9; } #practice_listening .practice_listening_performance_tag { font-size: 1.4rem; bottom: -2.8rem; right: 1.3rem; } #practice_listening .practice_listening_performance_tag i { font-size: 1.6rem !important; } #practice_listening_explanations_container { bottom: 4.8rem; padding-left: 1rem; } #practice_listening { min-height: initial; padding-bottom: 0 !important; } #practice_listening #practice_listening_mistakes_progress_bar_container { grid-template-columns: 12rem auto; } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_label { height: 3.2rem; } #practice_listening_solution { top: 1rem; } #practice_listening_exercise_answerbox { z-index: 999; } #practice_listening_complexity_selector_container, #practice_listening_translang_selector_container, #practice_listening_topic_selector_container, #practice_listening_tense_selector_container, #practice_listening_multi_voice_selector_container .multi_select_list { max-width: 95%; } #practice_listening_tenses_list_container .multi_select_list { max-width: 95%; } #tense_guide { padding: 1.5rem 2rem 3rem 2rem !important; } #tense_guide #tense_guide_introduction_container { margin-bottom: 2rem !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text { font-size: 1.6rem !important; line-height: 1.7 !important; text-align: justify !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text p { margin-bottom: 1.2rem !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ol { margin: 1.2rem 0 !important; padding-left: 1.5rem !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ul li, #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text ol li { margin-bottom: 0.8rem !important; font-size: 1.5rem !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote { padding: 1.2rem 1.5rem !important; margin-bottom: 1.2rem !important; margin-top: 0.8rem !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text blockquote .translation { font-size: 1.4rem !important; } #tense_guide #tense_guide_introduction_container .tense_guide_introduction_text code { padding: 0.3rem 0.5rem !important; font-size: 0.85em !important; } #tense_guide .tense_guide_tense_guide, #tense_guide .tense_guide_person_guide { grid-template-columns: 1fr; } #tense_guide .tense_guide_tense_guide > div:nth-of-type(4n), #tense_guide .tense_guide_person_guide > div:nth-of-type(4n) { border: none !important; font-size: 1.6rem !important; font-weight: 400 !important; padding-top: 0 !important; text-align: center; margin-bottom: 2rem; padding: 0; } #tense_guide .tense_guide_tense_guide > div:nth-of-type(4n+1), #tense_guide .tense_guide_person_guide > div:nth-of-type(4n+1) { width: fit-content; text-align: center; margin: auto; margin-top: 1rem; margin-bottom: 2rem; line-height: 2; font-size: 1.6rem !important; font-weight: 400 !important; border: 1px solid rgba(8, 116, 133, 0.45) !important; border-radius: 0.8rem !important; padding: 0.5rem 1rem !important; background-color: rgba(8, 116, 133, 0.075); } #tense_guide .tense_guide_tense_guide > div:nth-of-type(4n+2), #tense_guide .tense_guide_person_guide > div:nth-of-type(4n+2) { border: none !important; font-size: 1.6rem !important; font-weight: 400 !important; padding-top: 0 !important; text-align: center; } #tense_guide .tense_guide_tense_guide > div:nth-of-type(4n+3), #tense_guide .tense_guide_person_guide > div:nth-of-type(4n+3) { border: none !important; font-size: 1.6rem !important; font-weight: 400 !important; padding-top: 0 !important; text-align: center; } #tense_guide .tense_guide_tense_guide { grid-template-columns: 1fr; } #tense_guide .tense_guide_tense_guide > div:nth-of-type(2n) { border: none !important; font-size: 1.6rem !important; font-weight: 400 !important; padding-top: 0 !important; } #tense_guide .tense_guide_tense_guide > div:nth-of-type(2n+1) { width: fit-content; text-align: center; margin: auto; margin-top: 1rem; margin-bottom: 2rem; line-height: 2; font-size: 1.6rem !important; font-weight: 400 !important; border: 1px solid rgba(8, 116, 133, 0.45) !important; border-radius: 0.8rem !important; padding: 0.5rem 1rem !important; background-color: rgba(8, 116, 133, 0.075); } .study_conjugations_tense_label { min-height: 2.8rem; } #study_conjugations .study_conjugations_container { margin-left: 0.5rem; } #study_conjugations .study_conjugations_container .study_conjugations_box { max-width: 85%; margin: auto; } #study_conjugations .study_conjugations_container .study_conjugations_box .study_conjugations_tense_label { font-size: 1.4rem !important; font-weight: 600 !important; } @media only screen and (max-width: 640px) { #token_confusion_explanation_page_declesion_table_container { display: none; } } #practice_conjugations_hidden_verb_typing_textbox, #practice_conjugations_hidden_verb_typing_second_textbox { height: 5.6rem !important; } #practice_conjugations_hidden_verb_special_letters_block { display: inline-block; position: absolute; left: 0; } #practice_conjugations_hidden_verb_typing_section, #practice_conjugations_hidden_verb_front_bottom_inner { width: 100%; padding-top: 1rem; text-align: left; display: grid; grid-template-columns: minmax(auto, 30rem) 13rem; } #practice_conjugations_hidden_verb_buttons { width: 100%; text-align: right; padding-top: 1rem; height: auto !important; } #practice_conjugations_hidden_verb_typing_section { display: block !important; height: 12.5rem !important; margin-top: auto !important; } @media only screen and (max-width: 600px) { .practice_conjugations_hidden_verb_sentence_block_notes_lemma_text, #practice_conjugations_hidden_verb_special_letters_block { display: none !important; } } #word_lists_direction_switch { left: 1.5rem !important; height: 4.2rem !important; width: 11.6rem !important; border-radius: 2.1rem !important; } #word_lists_direction_switch img { height: 3.8rem !important; width: 3.8rem !important; top: 0 !important; } .practice_reverse_words_back_image_container img { height: 6rem !important; width: 6rem !important; } .practice_reverse_words_back_sense_description { font-size: 2.4rem; } .practice_reverse_words_back_form { max-width: 50%; } #practice_words_answers, #practive_words_answers_on_back, #practice_words_explanations { margin-bottom: -0.5rem; margin-top: 1.5rem; } .practice_prompt_button, #study_conjugations_practice_prompt_button_container { display: none !important; } body:has(#crossword) { overflow-x: hidden; } #crossword_box { overflow: visible; } #crossword_box #crossword_container { overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; padding-top: 4.5rem; width: 100vw; max-width: 100vw; box-sizing: border-box; display: flex; } #crossword_box #crossword_container::before { content: ""; flex-shrink: 0; width: 0; } #crossword_box #crossword_container::after { content: ""; flex-shrink: 0; width: 2rem; } #crossword_box #crossword_container #crossword { margin: 0 auto; flex-shrink: 0; position: relative; } #crossword_box #crossword_clue_container { overflow-x: hidden; width: 100%; max-width: 100%; } #crossword_box #crossword_all_clues_mobile { overflow-x: hidden; max-width: 100%; box-sizing: border-box; } #crossword_box #crossword_special_letters { overflow-x: hidden; max-width: 100%; } #crossword_box #crossword_special_letters .special_letter_button { display: inline-block; white-space: nowrap; } #crosswords_box .instruction-section, #crosswords_box #study #word-comparisons-goal-section, #study #crosswords_box #word-comparisons-goal-section, #crosswords_box #study #word-comparisons-progress-explanation, #study #crosswords_box #word-comparisons-progress-explanation { margin-top: 8rem !important; } @media only screen and (max-width: 599px) { #crosswords_box .instruction-section, #crosswords_box #study #word-comparisons-goal-section, #study #crosswords_box #word-comparisons-goal-section, #crosswords_box #study #word-comparisons-progress-explanation, #study #crosswords_box #word-comparisons-progress-explanation { margin-top: 6rem !important; } } #crossword_archive { max-width: 95%; margin: auto !important; } #crossword_archive h1 { max-width: 70%; margin: auto; margin-bottom: 3rem; } #crossword_archive h2 { line-height: 2; text-align: justify; } @media only screen and (max-width: 599px) { #crossword_archive #crossword_archive_type_selector { grid-template-columns: 1fr !important; row-gap: 1rem !important; } #crossword_archive #crossword_archive_tense_selector { width: 25rem !important; } #crossword_archive #crossword_archive_tense_selector .multi_select_list li > div { grid-template-columns: auto 2rem !important; } #crossword_archive #crossword_archive_solved_selector, #crossword_archive #crossword_archive_size_selector, #crossword_archive #crossword_archive_vosotros_selector { grid-template-columns: 1fr !important; row-gap: 1rem !important; } #crossword_archive #crossword_archive_selector { grid-template-columns: 9rem auto !important; } #crossword_archive .crossword_archive_selector_label { font-size: 2.2rem !important; } #crossword_archive #crossword_archive_results_table { display: none !important; } #crossword_archive #crossword_archive_results_table_mobile { display: grid !important; } } #crossword_archive_results_table_mobile { padding-bottom: 2rem; text-align: center; display: grid; grid-template-columns: 4rem auto; } #crossword_archive_results_table_mobile > div, #crossword_archive_results_table_mobile > a { padding: 1.2rem 1.5rem; } #crossword_archive_results_table_mobile { line-height: 1.75; } #crossword_archive_results_table_mobile .crosswords_archive_table_solved i { color: rgba(0, 100, 0, 0.7); } #crossword_archive_results_table_mobile .tense_box { display: inline-block; margin: 0.3rem 0.1rem; } @media only screen and (max-width: 600px) { #study_languages { grid-template-columns: repeat(2, 1fr) !important; row-gap: 2rem; } } @media only screen and (max-width: 600px) { #crossword_overlay_repeat { margin-top: 3rem !important; width: 80% !important; } } @media only screen and (max-width: 420px) { #crossword_box #crossword_overlay_box .crossword_overlay_inner_box .box_label { font-size: 1.5rem !important; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table { grid-template-columns: 1fr !important; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table .crossword_overlay_recommendations_name { border-bottom: none !important; } } @media only screen and (max-width: 500px) { .statistics_word_crossword_rank_chart_container, .statistics_conjugation_crossword_rank_chart_container { width: 38rem !important; } } #page_reading { height: 100vh; } #page_reading .reading_sentence { line-height: 2 !important; font-size: 2rem !important; } #page_reading .reading_buttons { display: none; } #page_reading footer { grid-template-columns: 1fr !important; grid-gap: 1rem !important; } #page_reading #page_reading_inner #page_reading_blocks_right_arrow_container #page_reading_blocks_right_arrow { display: none !important; } #page_reading #page_reading_inner #page_reading_blocks_left_arrow_container #page_reading_blocks_left_arrow { display: none !important; } @media only screen and (max-width: 500px) { #page_reading .chapter_end_page .chapter_end_page_activities { grid-template-columns: 1fr !important; } #page_reading .chapter_end_page .chapter_end_page_activity_block_container .chapter_end_page_activity_block .chapter_end_page_activity_block_answers { grid-template-columns: 1fr !important; } #page_reading_inner { -webkit-overflow-scrolling: touch; grid-template-columns: 4rem auto 4rem !important; padding-bottom: 2rem; } } #page_reading .chapter_end_page .chapter_end_page_activities .chapter_end_page_activity { padding: 1rem !important; } #page_reading .chapter_end_page .chapter_end_page_activity_block_container .chapter_end_page_activity_block .chapter_end_page_activity_block_instructions { font-size: 1.6rem !important; } .chapter_end_page_activities_label_text, .chapter_end_page_activities_label_counter { font-size: 1.8rem !important; } .chapter_end_page_activity_block_cloze_exercise { font-size: 1.8rem !important; } .chapter_end_page_activity_block_translation_text { font-size: 1.6rem !important; text-align: justify !important; } @media only screen and (max-width: 768px) { /* Fix header elements overlapping for normal pages, but preserve back button positioning on cover */ #page_reading header { margin-right: 1rem; margin-left: 1rem; /* Normal pages (not cover) */ } #page_reading_inner:not(.book_cover_visible) ~ #page_reading header { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 1.5rem; } #page_reading_inner:not(.book_cover_visible) ~ #page_reading header .go_back_button { position: static; margin-bottom: 1rem; opacity: 0.8; } #page_reading_inner:not(.book_cover_visible) ~ #page_reading header #page_reading_title_container { width: 100%; text-align: left; margin-top: 0.5rem; } #page_reading header { /* Cover page - keep back button positioned at left */ } #page_reading_inner.book_cover_visible ~ #page_reading header .go_back_button { position: absolute; left: 1rem; opacity: 0.8; } /* Book cover layout fix */ #page_reading #page_reading_block_0 .inner { display: flex; flex-direction: column; } #page_reading #page_reading_block_0 .inner img { float: none; margin: 0 0 2rem 0; width: 80%; height: auto; max-width: 25rem; align-self: center; } #page_reading #page_reading_block_0 .inner #page_reading_block_0_text { width: 100%; } #page_reading #page_reading_block_0 .inner #page_reading_block_0_text h1 { margin-top: 1rem; } /* Keep the translation container's original alignment */ #page_reading_block_0_translation { text-align: right; } /* Make start reading button more accessible with smaller, balanced padding */ #page_reading_block_0_buttons { position: fixed; bottom: 0; left: 0; right: 0; background-color: white; padding: 1rem 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; } #page_reading_block_0_buttons #page_reading_start_reading_button { margin: 0 auto !important; font-size: 2rem; padding: 0.8rem 2.5rem; } /* Add padding to bottom of page to prevent button from covering content */ #page_reading_block_0 { padding-bottom: 7rem; } /* Improve footer accessibility on mobile */ #page_reading footer { padding-bottom: 5rem !important; margin-bottom: 2rem; } /* Fix page height and scrolling */ #page_reading { height: auto; min-height: 100vh; padding-bottom: 5rem; } /* Ensure reading pages have proper padding */ .page_reading_block { padding-bottom: 3rem; } /* Ensure all reading page entities are visible */ .reading_page_entities { margin-bottom: 1.5rem; } .exercise_textbox, #practice_listening_exercise_textbox, #practice_listening_exercise_answerbox, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox, .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox, #practice_conjugations_exercise_textbox_container, #practice_conjugations_exercise_second_textbox_container, .chapter_end_page_activity_block_cloze_exercise_textbox_container, #practice_words_typing_textbox { font-size: 1.8rem !important; } #page_reading .chapter_end_page .chapter_end_page_activity_block_container_w .chapter_end_page_activity_block .chapter_end_page_activity_block_card_container .chapter_end_page_activity_block_front_card .chapter_end_page_activity_block_definition { /* Add padding at the bottom to prevent overlap with part of speech */ padding-bottom: 2.5rem; } #page_reading .chapter_end_page .chapter_end_page_activity_block_container_w .chapter_end_page_activity_block .chapter_end_page_activity_block_card_container .chapter_end_page_activity_block_front_card .chapter_end_page_activity_block_part_of_speech { padding: 0.2rem 0.4rem; border-radius: 0.3rem; } .chapter_end_page_activity_block_cloze_exercise_textbox_container { box-sizing: initial; } .chapter_end_page_activity_block_container_w #special_letters_block, .chapter_end_page_activity_block_container_w .special_letters_block { display: none !important; } } /* Word History Floating Button Mobile and Tablet Styles */ @media only screen and (min-width: 801px) and (max-width: 1024px) { .word-history-floating-button { bottom: 6rem; right: 4.5rem; } .practice_session_end:has(.word-history-floating-button) { padding-bottom: 12rem; } } @media only screen and (max-width: 800px) { .word-history-floating-button { bottom: 8rem; right: 3rem; width: 5rem; height: 5rem; } .word-history-floating-button i { font-size: 2rem; margin-bottom: 0.2rem; } .word-history-floating-button span { font-size: 1rem; } .word-history-floating-button::after { top: -1rem; } .practice_session_end:has(.word-history-floating-button) { padding-bottom: 15rem; } /* Word History Mobile Card Layout */ .word-history-mobile-container .word-history-mobile-card { background-color: white; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0.8rem; margin-bottom: 1.5rem; padding: 1.5rem; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); } .word-history-mobile-container .word-history-mobile-card .mobile-card-date { font-size: 1.8rem; font-weight: 600; color: #087485; margin-bottom: 1rem; } .word-history-mobile-container .word-history-mobile-card .mobile-card-score { margin-bottom: 1rem; font-size: 1.6rem; font-weight: 600; color: rgba(0, 0, 0, 0.7); } .word-history-mobile-container .word-history-mobile-card .mobile-card-score .score-badge { font-size: 1.6rem; padding: 0.4rem 0.8rem; margin-left: 0.5rem; } .word-history-mobile-container .word-history-mobile-card .mobile-card-days { margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600; color: rgba(0, 0, 0, 0.7); } .word-history-mobile-container .word-history-mobile-card .mobile-card-recall { font-size: 1.5rem; font-weight: 600; color: rgba(0, 0, 0, 0.7); } .word-history-mobile-container .word-history-mobile-card .mobile-card-recall .mobile-recall-progress-cell { position: relative; overflow: hidden; margin-top: 0.8rem; border-radius: 0.4rem; background-color: rgba(0, 0, 0, 0.05); } .word-history-mobile-container .word-history-mobile-card .mobile-card-recall .mobile-recall-progress-cell .recall-progress-bar { position: absolute; top: 0; left: 0; height: 2.5rem; transition: width 0.3s ease; z-index: 1; border-radius: 0.4rem; } .word-history-mobile-container .word-history-mobile-card .mobile-card-recall .mobile-recall-progress-cell .recall-progress-text { position: relative; z-index: 2; font-weight: 600; text-shadow: 0 0 3px rgba(255, 255, 255, 0.6); font-size: 1.5rem; line-height: 2.5rem; text-align: center; display: block; } .word-history-dropdown-container .word-history-selector { padding: 1.5rem; } .word-history-dropdown-container .word-history-selector label { font-size: 1.8rem; } .word-history-dropdown-container .word-history-selector .word-history-dropdown { font-size: 1.8rem; padding: 1.2rem; } .word-history-dropdown-container .word-history-content .word-history-panel { padding: 1.5rem; } .word-history-solutions-text { font-size: 1.6rem; margin-bottom: 2rem; } .word-history-solutions-text .solutions-label { font-size: 1.6rem; font-weight: 600; color: #087485; } .word-history-solutions-text .primary-solution { font-weight: 600; } .word-history-single { padding: 1.5rem; } .word-history-single .word-history-header { font-size: 2rem; } .word-history-single .word-history-next-review .review-info-label, .word-history-single .word-history-next-review .review-info-value { font-size: 1.6rem; padding: 1rem; } } .demo_start_form #practice_demo_text { padding: 1rem; } /* Hide practice demo flag on mobile */ .practice_start_demo_flag { display: none !important; } #demo_start_language_selector { margin-bottom: 2rem; } .demo_start_buttons { margin-bottom: 3rem; } #signup_box .registration_note { margin-bottom: 0; } /* Crossword History Mobile */ #crossword_history { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; box-shadow: none !important; padding: 0.8rem 1.2rem 1rem 1.2rem !important; } #crossword_history #crossword_history_filters { flex-direction: column !important; gap: 1.2rem !important; padding: 1rem !important; border-radius: 0.6rem; text-align: left; } #crossword_history #crossword_history_filters .crossword_history_filter_group { flex-direction: column !important; align-items: flex-start !important; gap: 0.5rem !important; width: 100%; } #crossword_history #crossword_history_filters .crossword_history_filter_group label { font-size: 1.4rem !important; display: block; width: 100%; margin-bottom: 1.3rem; line-height: 1.2; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options { display: flex !important; flex-wrap: nowrap !important; width: 100%; gap: 0.4rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a { flex: 1; text-align: center; padding: 0.6rem 0.3rem !important; font-size: 1.3rem !important; white-space: nowrap; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector { width: 100% !important; max-width: 25rem !important; min-width: 0 !important; box-sizing: border-box !important; grid-template-columns: 5rem 1fr !important; align-items: center !important; column-gap: 0.8rem !important; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_selected { text-align: left; font-size: 1.3rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider { margin-top: 0; border: none !important; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle { top: -0.45rem !important; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_apply_button { width: 100%; } #crossword_history .instruction-section p, #crossword_history #study #word-comparisons-goal-section p, #study #crossword_history #word-comparisons-goal-section p, #crossword_history #study #word-comparisons-progress-explanation p, #study #crossword_history #word-comparisons-progress-explanation p { font-size: 1.4rem; } #crossword_history #crossword_history_table_container { display: none; } #crossword_history #crossword_history_table_mobile { display: grid !important; gap: 0; } #crossword_history #crossword_history_table_mobile a { border: none; border-bottom: 1px solid #e7e7e7; border-radius: 0; padding: 1rem 0; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_theme { text-align: left; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle { display: inline-block; text-align: left; } #crossword_history_detail { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; box-shadow: none !important; padding: 0.8rem 1.2rem 1rem 1.2rem !important; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title_row { flex-direction: row; justify-content: space-between; align-items: center; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title_row .crossword_type_badge { font-size: 1.2rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title_row .crossword_history_detail_date { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_meta { flex-direction: column; align-items: flex-start; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags i { font-size: 1.1rem !important; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags .crossword_meta_tag { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tenses { gap: 0.6rem 0.5rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tenses .tense_box { margin: 0 !important; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_stats { flex-direction: column; align-items: center; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_stats .result_value { font-size: 1.8rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_stats .result_label { font-size: 1rem; } #crossword_history_detail #crossword_history_detail_grid_container { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid { --cell-size: min(2.8rem, calc((100vw - 2rem) / var(--cols))); grid-template-columns: repeat(var(--cols), var(--cell-size)) !important; grid-template-rows: repeat(var(--rows), var(--cell-size)) !important; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell { font-size: min(1.2rem, calc(var(--cell-size) * 0.45)); } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_cell_number { font-size: min(0.8rem, calc(var(--cell-size) * 0.3)); } #crossword_history_detail #crossword_history_detail_clues { grid-template-columns: 1fr; } /*# sourceMappingURL=mobile.css.31c2fd088c29.map */