@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 { cursor: pointer; } .clickable:hover:disabled { cursor: default; } /* Vendor-prefix-free compatibility mixins (wrappers kept for call-site compat) */ .disable_transition { transition: none !important; } /* CLASSES */ /*** TABLES ***/ .table_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), #shared_word_list .shared_word_list_table > div:nth-child(-n+3), #shared_word_list .shared_word_list_table > a:nth-child(-n+3), #excluded_words #excluded_words_table > div:nth-child(-n+4), #excluded_words #excluded_words_table > a:nth-child(-n+4), #word_list #word_list_search_results #word_list_search_results_table > div:nth-child(-n+5), #word_list #word_list_search_results #word_list_search_results_table > a:nth-child(-n+5), #word_list #word_list_table > div:nth-child(-n+5), #word_list #word_list_table > a:nth-child(-n+5), #import_words_preview .import_preview_table.import_preview_table_with_checkbox > div:nth-child(-n+5), #import_words_preview .import_preview_table.import_preview_table_with_checkbox > a:nth-child(-n+5), #import_words_preview .import_preview_table > div:nth-child(-n+3), #import_words_preview .import_preview_table > a:nth-child(-n+3), #word_lists #word_lists_table > div:nth-child(-n+5), #word_lists #word_lists_table > a:nth-child(-n+5), #word_lists #word_lists_table_reverse > div:nth-child(-n+5), #word_lists #word_lists_table_reverse > 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: 2.0rem; 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)), #shared_word_list .shared_word_list_table > div:not(:nth-last-child(-n+3)), #shared_word_list .shared_word_list_table > a:not(:nth-last-child(-n+3)), #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_search_results #word_list_search_results_table > div:not(:nth-last-child(-n+5)), #word_list #word_list_search_results #word_list_search_results_table > a:not(:nth-last-child(-n+5)), #word_list #word_list_table > div:not(:nth-last-child(-n+5)), #word_list #word_list_table > a:not(:nth-last-child(-n+5)), #import_words_preview .import_preview_table.import_preview_table_with_checkbox > div:not(:nth-last-child(-n+5)), #import_words_preview .import_preview_table.import_preview_table_with_checkbox > a:not(:nth-last-child(-n+5)), #import_words_preview .import_preview_table > div:not(:nth-last-child(-n+3)), #import_words_preview .import_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 > div:not(:nth-last-child(-n+5)), #word_lists #word_lists_table > 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)), #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)), #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } .jconfirm-box-container button:hover { cursor: pointer; } .jconfirm-box-container button:hover:disabled { cursor: default; } .jconfirm-box-container button:hover { background-color: var(--color-bg-button-hover); } /*** BUTTONS ***/ .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 { cursor: pointer; } .button:hover:disabled { cursor: default; } .button:hover { background-color: var(--color-bg-button-hover); } .tiny_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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } .tiny_button:hover { cursor: pointer; } .tiny_button:hover:disabled { cursor: default; } .tiny_button:hover { background-color: var(--color-bg-button-hover); } .small_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } .small_button:hover { cursor: pointer; } .small_button:hover:disabled { cursor: default; } .small_button:hover { background-color: var(--color-bg-button-hover); } .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; padding: 0.3rem 2rem; margin: 0.5rem 0.6rem; } .wide_button:hover { cursor: pointer; } .wide_button:hover:disabled { cursor: default; } .wide_button:hover { background-color: var(--color-bg-button-hover); } .submit_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } .submit_button:hover { cursor: pointer; } .submit_button:hover:disabled { cursor: default; } .submit_button:hover { background-color: var(--color-bg-button-hover); } .info_dialog_button, .info_dialog_pseudo_button { font-size: 1.6rem; } .info_dialog_button:hover, .info_dialog_pseudo_button:hover { cursor: pointer; } .info_dialog_button:hover:disabled, .info_dialog_pseudo_button:hover:disabled { cursor: default; } 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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.5rem; font-size: 2.2rem; display: inline-block; border: 1px solid white !important; } .header_button:hover { cursor: pointer; } .header_button:hover:disabled { cursor: default; } .header_button:hover { background-color: var(--color-bg-button-hover); } .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; padding: 0.3rem 0.8rem; margin: 0px 2px; white-space: nowrap; } .special_letter_button:hover { cursor: pointer; } .special_letter_button:hover:disabled { cursor: default; } .special_letter_button:hover { background-color: var(--color-bg-button-hover); } .special_letter_button .special_letter { font-size: 2.0rem; } .preference_button:hover { cursor: pointer; } .preference_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_sound_effects_audio_button:hover { cursor: pointer; } .header_sound_effects_audio_button: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 { cursor: pointer; } .header_theme_toggle:hover:disabled { cursor: default; } .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 { width: 1.5em; } .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.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 { color: rgba(8, 116, 133, 0.45); margin-right: 0.25em; position: relative; top: 0.15em; } .dictionary_buttons i:hover { cursor: pointer; } .dictionary_buttons i:hover:disabled { cursor: default; } .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 { position: relative; left: 0.4rem; } .dictionary_buttons .lemma_sentences_request_google_translation:hover { cursor: pointer; } .dictionary_buttons .lemma_sentences_request_google_translation:hover:disabled { cursor: default; } .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: #cee3e7; --color-bg-button-hover: #90c0c8; --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.2); --color-incorrect: rgba(255, 0, 0, 0.2); --color-almost-correct: rgba(255, 140, 0, 0.15); --color-chart-conjugation: #F0624D; --color-chart-listening: #38A6D8; --color-chart-crosswords: rgba(246, 183, 92, 0.8); --color-chart-words: #81C14B; } /* Base styles */ /* MAIN TAGS */ html, body { overflow-x: hidden; min-height: 100vh; } body { min-height: calc(100vh - 2.5rem - 5rem); padding-bottom: calc(2.5rem + 5rem); position: relative; } select { border-radius: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); font-size: 1.6rem; background: var(--color-bg-primary); } select:not([multiple]) { padding: 0.5rem; } select:hover { cursor: pointer; } select:hover:disabled { cursor: default; } * { 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); } *: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 { user-select: none; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2) !important; } .link:hover { cursor: pointer; } .link:hover:disabled { cursor: default; } i { color: rgba(8, 116, 133, 0.45); } i.playable_audio_playing { cursor: default !important; display: none; } /* Layout & UI primitives */ /*** BOXES ***/ .white_box { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; } .main_centered_box { margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; } /*** IMAGES ***/ img { user-select: none; user-select: none; } .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; } /* 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 { width: 100%; text-align: left; } .section_title_container .section_title:not(.level_box) { 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 { 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 { margin-left: 0.6rem; font-size: 2.4rem; position: relative; top: 0.4rem; } .section_title_container i:hover { cursor: pointer; } .section_title_container i:hover:disabled { cursor: default; } /* 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 */ /* The slider */ } .switch input { opacity: 0; width: 0; height: 0; } .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: #e6e6e6; border-color: #333333; } .tense_box.blue_light { background-color: #ebfaff; border-color: #5cd6ff; } .tense_box.blue_dark { background-color: #e6ebf5; border-color: #335cad; } .tense_box.brown { background-color: #f0ebe6; border-color: #855c33; } .tense_box.green_dark { background-color: #e6f0e6; border-color: #338533; } .tense_box.green_light { background-color: #f3fbeb; border-color: #a0de5c; } .tense_box.grey { background-color: #f2f2f2; border-color: #999999; } .tense_box.orange { background-color: #fff3e6; border-color: #ffad33; } .tense_box.purple { background-color: #faf0ff; border-color: #d685ff; } .tense_box.purple_dark { background-color: #f5d6eb; border-color: #d600ff; } .tense_box.red_dark { background-color: #f8e6e6; border-color: #c33333; } .tense_box.red_light { background-color: #ffe6e6; border-color: #ff3333; } .tense_box.black, .tense_box.black *, .crossword_all_clues_cloze_solved.black, .crossword_all_clues_cloze_solved.black * { color: black !important; } .tense_box.blue_light, .tense_box.blue_light *, .crossword_all_clues_cloze_solved.blue_light, .crossword_all_clues_cloze_solved.blue_light * { color: #33ccff !important; } .tense_box.blue_dark, .tense_box.blue_dark *, .crossword_all_clues_cloze_solved.blue_dark, .crossword_all_clues_cloze_solved.blue_dark * { color: #003399 !important; } .tense_box.brown, .tense_box.brown *, .crossword_all_clues_cloze_solved.brown, .crossword_all_clues_cloze_solved.brown * { color: #663300 !important; } .tense_box.green_dark, .tense_box.green_dark *, .crossword_all_clues_cloze_solved.green_dark, .crossword_all_clues_cloze_solved.green_dark * { color: #006600 !important; } .tense_box.green_light, .tense_box.green_light *, .crossword_all_clues_cloze_solved.green_light, .crossword_all_clues_cloze_solved.green_light * { color: #88d633 !important; } .tense_box.grey, .tense_box.grey *, .crossword_all_clues_cloze_solved.grey, .crossword_all_clues_cloze_solved.grey * { color: #7f7f7f !important; } .tense_box.orange, .tense_box.orange *, .crossword_all_clues_cloze_solved.orange, .crossword_all_clues_cloze_solved.orange * { color: #ff9900 !important; } .tense_box.purple, .tense_box.purple *, .crossword_all_clues_cloze_solved.purple, .crossword_all_clues_cloze_solved.purple * { color: #cc66ff !important; } .tense_box.purple_dark, .tense_box.purple_dark *, .crossword_all_clues_cloze_solved.purple_dark, .crossword_all_clues_cloze_solved.purple_dark * { color: #cc32dc !important; } .tense_box.red_dark, .tense_box.red_dark *, .crossword_all_clues_cloze_solved.red_dark, .crossword_all_clues_cloze_solved.red_dark * { color: #b40000 !important; } .tense_box.red_light, .tense_box.red_light *, .crossword_all_clues_cloze_solved.red_light, .crossword_all_clues_cloze_solved.red_light * { color: red !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: #cc66ff !important; } .tense_color_purple_dark i { color: #b11eb2 !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: var(--color-correct); } .incorrect_color { background-color: var(--color-incorrect); } .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: var(--color-incorrect); } /*** 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; } .ui-dialog-titlebar { font-size: 1.9rem; font-weight: bold; text-align: center; background: var(--color-bg-box) !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-titlebar .side_popup_close_button:hover { cursor: pointer; } .ui-dialog-titlebar .side_popup_close_button:hover:disabled { cursor: default; } .ui-dialog-buttonpane { font-size: 4rem; } .side_popup_container .ui-dialog-content { overflow-y: auto; } .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 h3 { font-size: 1.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #087485; margin-top: 1rem; margin-bottom: 0.4rem; padding-bottom: 0.3rem; border-bottom: 2px solid rgba(8, 116, 133, 0.2); } .side_popup_container .side_popup ul, .side_popup_container .side_popup ol { list-style: disc; padding-left: 2rem; padding-bottom: 1rem; } .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%; } /*** 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:hover { cursor: pointer; } .sentence_to_favorites:hover:disabled { cursor: default; } .sentence_to_favorites i { transition: color 0.5s ease-in-out; } .sentence_to_favorites i.sentence_to_favorites_on { color: #f22e2e; } .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; } .go_back_button:hover { cursor: pointer; } .go_back_button:hover:disabled { cursor: default; } .main_box .go_back_button { position: absolute; left: 2rem; top: 1.2rem; font-size: 3.2rem; } .main_box .go_back_button:hover { cursor: pointer; } .main_box .go_back_button:hover:disabled { cursor: default; } .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:hover { cursor: pointer; } .audio_player_buttons .audio_player_button:hover:disabled { cursor: default; } .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 i:hover { cursor: pointer; } .exercise_main_page_nav_buttons i:hover:disabled { cursor: default; } .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; } /*** 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: var(--color-chart-conjugation); } .ct-chart .ct-series-b .ct-stacked-bar { stroke: var(--color-chart-listening); } .ct-chart .ct-series-c .ct-stacked-bar { stroke: var(--color-chart-words); } .ct-chart .ct-series-d .ct-stacked-bar { stroke: var(--color-chart-crosswords); } .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: var(--color-chart-conjugation) !important; } .ct-chart .chartist-tooltip.ct-series-b:before { border-top-color: var(--color-chart-listening) !important; } .ct-chart .chartist-tooltip.ct-series-c:before { border-top-color: var(--color-chart-words) !important; } .ct-chart .chartist-tooltip.ct-series-d:before { border-top-color: var(--color-chart-crosswords) !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:hover { cursor: pointer; } .ct-chart .ct-legend li:hover:disabled { cursor: default; } .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: var(--color-chart-conjugation); border-color: var(--color-chart-conjugation); } .ct-chart .ct-legend .ct-series-1:before { background-color: var(--color-chart-listening); border-color: var(--color-chart-listening); } .ct-chart .ct-legend .ct-series-2:before { background-color: var(--color-chart-words); border-color: var(--color-chart-words); } .ct-chart .ct-legend .ct-series-3:before { background-color: var(--color-chart-crosswords); border-color: var(--color-chart-crosswords); } /* Reusable components */ /*** 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-color: rgba(255, 255, 255, 0.3); background-image: 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; transition: color 0.2s ease; } .breadcrumb li:not(:last-child)::after { content: "›"; margin: 0 0.8rem; color: var(--color-text-secondary); font-size: 1.6rem; font-weight: 600; transition: color 0.2s ease; } .breadcrumb li a { color: var(--color-text-primary); 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 { opacity: 0.7; background-color: rgba(255, 255, 255, 0.6); transform: translateY(-1px); } .breadcrumb li a span { transition: color 0.2s ease; } .breadcrumb li.breadcrumb-item--active span, .breadcrumb li.active span { color: var(--color-text-secondary); font-weight: 600; font-size: 1.3rem; transition: color 0.2s ease; } .breadcrumb li .breadcrumb-detail { font-weight: 400; font-size: 1.2rem; color: var(--color-grey-mid); margin-left: 0.5rem; } .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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; background: var(--color-bg-button) !important; color: black !important; } .anno-btn:hover { cursor: pointer; } .anno-btn:hover:disabled { cursor: default; } .anno-btn:hover { background-color: var(--color-bg-button-hover); } /*** 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_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #feedback-module #feedback_send_button_container #feedback_send_button:hover { cursor: pointer; } #feedback-module #feedback_send_button_container #feedback_send_button:hover:disabled { cursor: default; } #feedback-module #feedback_send_button_container #feedback_send_button:hover { background-color: var(--color-bg-button-hover); } #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; width: auto; height: auto; line-height: auto; color: black; } #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; } #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; } #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); } #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-welcome .feedback-help-links { background: rgba(8, 116, 133, 0.06); border: 1px solid rgba(8, 116, 133, 0.15); border-radius: 0.6rem; padding: 0.8rem 1.2rem; font-size: 1.5rem; } #feedback-module #feedback-welcome .feedback-help-links a { color: #087485; font-weight: 600; } #feedback-module #feedback-welcome .feedback-response-note { font-size: 1.3rem; color: #888; font-style: italic; margin-top: 0.4rem; } #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; } #feedback-btn:hover { cursor: pointer; } #feedback-btn:hover:disabled { cursor: default; } .vertical-right-aligned { transform: rotate(-90deg); transform-origin: 100% 100%; position: fixed; right: 0; bottom: 15%; z-index: 100; } /* 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 { user-select: none; 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; } #header_container #header_dict_search { display: inline-flex; align-items: center; vertical-align: top; position: relative; top: 1.1rem; margin-left: 1.5rem; background-color: transparent !important; } #header_container #header_dict_search .header-dict-search-box { display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.25) !important; border-radius: 1.5rem; overflow: hidden; } #header_container #header_dict_search .header-dict-search-box:focus-within { background-color: rgba(255, 255, 255, 0.4) !important; } #header_container #header_dict_search * { background-color: transparent !important; } #header_container #header_dict_search #header_dict_search_toggle { display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; padding: 0 0.15rem 0 0.5rem; flex-shrink: 0; transition: opacity 0.15s ease; } #header_container #header_dict_search #header_dict_search_toggle:hover { opacity: 0.8; } #header_container #header_dict_search #header_dict_search_toggle img { height: 2.2rem; width: 2.2rem; border-radius: 50%; object-fit: cover; } #header_container #header_dict_search form { display: flex; align-items: center; } #header_container #header_dict_search input[type=text] { width: 18rem; font-size: 1.3rem; padding: 0.45rem 0.5rem 0.45rem 0.4rem; border: none; border-radius: 0; outline: none; color: #fff !important; } #header_container #header_dict_search input[type=text]::placeholder { color: rgba(255, 255, 255, 0.6) !important; } #header_container #header_dict_search .header-dict-search-btn { display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; padding: 0.45rem 0.8rem; font-size: 1.2rem; color: rgba(255, 255, 255, 0.5) !important; transition: color 0.15s ease; flex-shrink: 0; align-self: stretch; border-radius: 0 1.5rem 1.5rem 0; } #header_container #header_dict_search .header-dict-search-btn:hover, #header_container #header_dict_search .header-dict-search-btn:hover * { color: #fff !important; } /* FOOTER */ #page_footer { position: absolute; bottom: 0; background-color: #087485; height: 2.5rem; width: 100%; font-size: 1.6rem; text-align: center; color: #e7e7e7; } .wbw_ex_title { text-align: center; font-size: 2.3rem; font-weight: 400; margin-bottom: 1.5rem; } .wbw_ex_group + .wbw_ex_group { margin-top: 2rem; } .wbw_ex_group_header { display: flex; align-items: baseline; gap: 0.6rem; margin-bottom: 0.6rem; } .wbw_ex_lemma { font-weight: 700; font-size: 1.7rem; color: #087485; } .wbw_ex_badge { font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.1rem 0.55rem; border-radius: 4px; } .wbw_ex_badge_primary { background: rgba(16, 185, 129, 0.12); color: #0d9668; } .wbw_ex_badge_secondary { background: rgba(139, 92, 246, 0.1); color: #7c3aed; } .wbw_ex_row { position: relative; padding: 0.55rem 3rem 0.55rem 0; } .wbw_ex_row + .wbw_ex_row { border-top: 1px solid rgba(8, 116, 133, 0.4); } .wbw_ex_dialect_flag { height: 1.3rem; vertical-align: middle; margin-right: 0.4rem; border-radius: 2px; } .wbw_ex_sentence { font-size: 1.5rem; line-height: 1.65; color: var(--color-text-primary); } .wbw_ex_sentence mark, .wbw_ex_sentence .highlighted_token { background: none; color: #087485; font-weight: 700; padding: 0; text-decoration: underline; text-decoration-color: rgba(8, 116, 133, 0.2); text-underline-offset: 0.2em; text-decoration-thickness: 2px; } .wbw_ex_translate_btn { position: absolute; top: 0.55rem; right: 0; width: 2.6rem; height: 2.6rem; display: flex; align-items: center; justify-content: center; border: none; background: none; color: rgba(8, 116, 133, 0.2); font-size: 1.5rem; cursor: pointer; transition: color 0.15s ease; } .wbw_ex_translate_btn:hover { color: #087485; } .wbw_ex_translate_btn.wbw_ex_translate_btn_active { color: #087485; } .wbw_ex_english { font-size: 1.3rem; line-height: 1.5; color: #888888; font-style: italic; margin-top: 0.15rem; padding-left: 0.1rem; } .wbw_ex_toggle_all { position: absolute; top: 1.5rem; right: 1.5rem; padding: 0; border: none; background: none; color: rgba(8, 116, 133, 0.2); font-size: 1.5rem; cursor: pointer; transition: color 0.2s ease; } .wbw_ex_toggle_all:hover { color: #087485; } .wbw_ex_toggle_all.wbw_ex_toggle_all_active { color: #087485; } /* Shared practice styles */ /* 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; /* Generated span classes from LLM */ } #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 .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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } #practice_conjugations_sentence_explanation .exercise-explanation-actions a:hover { cursor: pointer; } #practice_conjugations_sentence_explanation .exercise-explanation-actions a:hover:disabled { cursor: default; } #practice_conjugations_sentence_explanation .exercise-explanation-actions a:hover { background-color: var(--color-bg-button-hover); } #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 { cursor: pointer; } .clickable:hover:disabled { cursor: default; } i.clickable { transition: all 0.2s ease-in-out; } i.clickable.preference_button { color: #087485; } i.clickable.preference_button.preference_button_off { 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 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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } .pagination_container .pagination li a:hover { cursor: pointer; } .pagination_container .pagination li a:hover:disabled { cursor: default; } .pagination_container .pagination li a:hover { background-color: var(--color-bg-button-hover); } .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: var(--color-bg-button); color: #aaaaaa; } .pagination_container .pagination li.active span { background-color: #087485; color: white; } .rotate { transform: perspective(1px) rotate(-90deg); } /* PRACTICE */ .correct_solution { background-color: var(--color-correct); color: black; } .incorrect_solution { background-color: var(--color-incorrect); color: black; } #special_letters_block { font-size: 2.0rem; 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 { 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 { user-select: none; 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:hover { cursor: pointer; } #practice_rate_buttons_info_button:hover:disabled { cursor: default; } #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 > div:hover, #practice_rate_buttons_difficulty i:hover { cursor: pointer; } #practice_rate_buttons_difficulty > div:hover:disabled, #practice_rate_buttons_difficulty i:hover:disabled { cursor: default; } #practice_rate_buttons_difficulty .practice_rate_buttons_difficulty_label { user-select: none; 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 { 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; font-size: 2rem; padding: 0.3rem 1rem; width: 2rem; margin: 0.8rem 0.4rem; box-shadow: none; } .practice_rate_button:hover { cursor: pointer; } .practice_rate_button:hover:disabled { cursor: default; } .practice_rate_button:hover { background-color: var(--color-bg-button-hover); } .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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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_quit_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } .practice_session_end #practice_session_end_quit_button:hover { cursor: pointer; } .practice_session_end #practice_session_end_quit_button:hover:disabled { cursor: default; } .practice_session_end #practice_session_end_quit_button:hover { background-color: var(--color-bg-button-hover); } .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 #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 { cursor: pointer; } .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 { cursor: default; } .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_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 { cursor: pointer; } .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 { cursor: default; } .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%; } .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 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 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; } @keyframes show_block { 0% { opacity: 0; } 100% { opacity: 1; } } .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 span:hover { cursor: pointer; } #practice_session_end_hide_rank span:hover:disabled { cursor: default; } #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 span:hover { cursor: pointer; } #practice_session_end_show_rank span:hover:disabled { cursor: default; } #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; } .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; } @keyframes horizontal_bar_slide_in { 0% { max-width: 0; } 100% { max-width: 100%; } } .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; } /* Page features */ /* 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_languages .index_languages_language img:hover { cursor: pointer; } #index_box #index_languages .index_languages_language img:hover:disabled { cursor: default; } #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:hover { cursor: pointer; } #index_box #index_text ul #index_text_more_button:hover:disabled { cursor: default; } #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_buttons 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #index_box #index_buttons a:hover { cursor: pointer; } #index_box #index_buttons a:hover:disabled { cursor: default; } #index_box #index_buttons a:hover { background-color: var(--color-bg-button-hover); } #index_box #index_send_feedback_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-size: 2rem !important; margin-bottom: 3rem; } #index_box #index_send_feedback_button:hover { cursor: pointer; } #index_box #index_send_feedback_button:hover:disabled { cursor: default; } #index_box #index_send_feedback_button:hover { background-color: var(--color-bg-button-hover); } #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 { user-select: none; 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:hover { cursor: pointer; } #choose_language #choose_language_languages .choose_language_language:hover:disabled { cursor: default; } #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 { margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; 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, #faq #faq_open_help_chat { font-weight: 600; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #faq #feedback_form_link:hover, #faq #faq_open_help_chat:hover { cursor: pointer; } #faq #feedback_form_link:hover:disabled, #faq #faq_open_help_chat:hover:disabled { cursor: default; } #faq #faq_conjugation_ranks_table { display: grid; grid-template-columns: repeat(4, auto); text-align: center; } #faq #faq_conjugation_ranks_table > div, #faq #faq_conjugation_ranks_table > a { padding: 1.2rem 1.5rem; } #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); text-align: center; } #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 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_checkbox_container .info_dialog_button:hover { cursor: pointer; } .registration_checkbox_container .info_dialog_button:hover:disabled { cursor: default; } .registration_input_text { padding: 1rem; font-size: 1.8rem; } .registration_submit_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } .registration_submit_button:hover { cursor: pointer; } .registration_submit_button:hover:disabled { cursor: default; } .registration_submit_button:hover { background-color: var(--color-bg-button-hover); } .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: var(--color-incorrect); 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 input[name=email], #login_box #login_form input[name=password] { padding: 1rem; font-size: 1.8rem; } #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; } #login_box #login_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #login_box #login_form input[type=submit]:hover { cursor: pointer; } #login_box #login_form input[type=submit]:hover:disabled { cursor: default; } #login_box #login_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #magic_link_login_link { margin-top: 3rem; font-size: 1.4rem; } #magic_link_login_link a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #magic_link_form { text-align: left; display: grid; gap: 1rem; } #magic_link_form input[name=email] { padding: 1rem; font-size: 1.8rem; } #magic_link_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #magic_link_form input[type=submit]:hover { cursor: pointer; } #magic_link_form input[type=submit]:hover:disabled { cursor: default; } #magic_link_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #magic_link_sent_message { text-align: left; line-height: 1.6; } #magic_link_sent_message p { margin-top: 1.5rem; } #magic_link_sent_message a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #magic_link_back { margin-top: 2rem; font-size: 1.4rem; } #magic_link_back a { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } #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; } #mobile_feedback_box #mobile_feedback_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #mobile_feedback_box #mobile_feedback_form input[type=submit]:hover { cursor: pointer; } #mobile_feedback_box #mobile_feedback_form input[type=submit]:hover:disabled { cursor: default; } #mobile_feedback_box #mobile_feedback_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #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 input[name="email"] { padding: 1rem; font-size: 1.8rem; } #password_reset_box #password_reset_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #password_reset_box #password_reset_form input[type=submit]:hover { cursor: pointer; } #password_reset_box #password_reset_form input[type=submit]:hover:disabled { cursor: default; } #password_reset_box #password_reset_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #password_reset_box #password_reset_form #password_reset_resend_activation_email_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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; margin-top: 1rem; } #password_reset_box #password_reset_form #password_reset_resend_activation_email_button:hover { cursor: pointer; } #password_reset_box #password_reset_form #password_reset_resend_activation_email_button:hover:disabled { cursor: default; } #password_reset_box #password_reset_form #password_reset_resend_activation_email_button:hover { background-color: var(--color-bg-button-hover); } #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 #password_reset_confirm_form input[name="new_password1"], #password_reset_confirm_box #password_reset_confirm_form input[name="new_password2"] { padding: 1rem; font-size: 1.8rem; } #password_reset_confirm_box #password_reset_confirm_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #password_reset_confirm_box #password_reset_confirm_form input[type=submit]:hover { cursor: pointer; } #password_reset_confirm_box #password_reset_confirm_form input[type=submit]:hover:disabled { cursor: default; } #password_reset_confirm_box #password_reset_confirm_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #password_reset_confirm_box p { line-height: 1.5; } #account_activation_continue_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 3rem; } #account_activation_continue_button:hover { cursor: pointer; } #account_activation_continue_button:hover:disabled { cursor: default; } #account_activation_continue_button:hover { background-color: var(--color-bg-button-hover); } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 2rem; } #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button:hover { cursor: pointer; } #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button:hover:disabled { cursor: default; } #simple_text_box #simple_text_homepage_button_container #simple_text_homepage_button:hover { background-color: var(--color-bg-button-hover); } #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 #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"] { padding: 1rem; font-size: 1.8rem; } #signup_box #signup_form input[type=submit], #signup_box #complete_social_signup_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #signup_box #signup_form input[type=submit]:hover, #signup_box #complete_social_signup_form input[type=submit]:hover { cursor: pointer; } #signup_box #signup_form input[type=submit]:hover:disabled, #signup_box #complete_social_signup_form input[type=submit]:hover:disabled { cursor: default; } #signup_box #signup_form input[type=submit]:hover, #signup_box #complete_social_signup_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #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; } #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button:hover { cursor: pointer; } #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button:hover:disabled { cursor: default; } #parental_consent_box #parental_consent_buttons_container #parental_consent_logout_button:hover { background-color: var(--color-bg-button-hover); } #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button:hover { cursor: pointer; } #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button:hover:disabled { cursor: default; } #parental_consent_box #parental_consent_buttons_container #parental_consent_close_account_button:hover { background-color: var(--color-bg-button-hover); } #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button:hover { cursor: pointer; } #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button:hover:disabled { cursor: default; } #parental_consent_box #parental_consent_buttons_container #parental_consent_contact_us_button:hover { background-color: var(--color-bg-button-hover); } #terms_change_box { font-size: 2.2rem; line-height: 1.75; } #terms_change_box #accept_terms_change_button { margin-top: 4rem; 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #terms_change_box #accept_terms_change_button:hover { cursor: pointer; } #terms_change_box #accept_terms_change_button:hover:disabled { cursor: default; } #terms_change_box #accept_terms_change_button:hover { background-color: var(--color-bg-button-hover); } /* 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; } .screenshot_header .screenshot_header_button_container 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } .screenshot_header .screenshot_header_button_container a:hover { cursor: pointer; } .screenshot_header .screenshot_header_button_container a:hover:disabled { cursor: default; } .screenshot_header .screenshot_header_button_container a:hover { background-color: var(--color-bg-button-hover); } .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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-weight: 600; font-size: 1.8rem; width: 80%; padding: 0.6rem 1rem !important; } #language_index_box #language_index_box_header #language_index_nav_buttons > div a:hover { cursor: pointer; } #language_index_box #language_index_box_header #language_index_nav_buttons > div a:hover:disabled { cursor: default; } #language_index_box #language_index_box_header #language_index_nav_buttons > div a:hover { background-color: var(--color-bg-button-hover); } #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 { user-select: none; 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; padding: 0 1rem; margin-top: 2rem; font-size: 1.6rem; text-align: justify; line-height: 1.75; text-align: justify; } #index_latest_updates > div, #index_latest_updates > a { padding: 1.2rem 1.5rem; } #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; } #update #update_content h3 { font-size: 1.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #087485; margin-top: 1rem; margin-bottom: 0.4rem; padding-bottom: 0.3rem; border-bottom: 2px solid rgba(8, 116, 133, 0.2); } /* LISTENING PRACTICE */ #practice_listening_setup_box { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; user-select: none; 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_multi_voice_selector_container i:hover { cursor: pointer; } #practice_listening_setup_box .inner #practice_listening_multi_voice_selector_container i:hover:disabled { cursor: default; } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: 0.4rem auto 0.5rem auto; } #practice_listening_settings_submit_container #practice_listening_settings_submit_button:hover { cursor: pointer; } #practice_listening_settings_submit_container #practice_listening_settings_submit_button:hover:disabled { cursor: default; } #practice_listening_settings_submit_container #practice_listening_settings_submit_button:hover { background-color: var(--color-bg-button-hover); } #practice_listening_settings_submit_container #practice_listening_custom_settings_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #practice_listening_settings_submit_container #practice_listening_custom_settings_button:hover { cursor: pointer; } #practice_listening_settings_submit_container #practice_listening_custom_settings_button:hover:disabled { cursor: default; } #practice_listening_settings_submit_container #practice_listening_custom_settings_button:hover { background-color: var(--color-bg-button-hover); } #practice_listening_custom_settings_container { width: calc(44rem + 5rem); margin: 2rem auto; padding-bottom: 3rem; } #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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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_session_start_button_container #practice_session_start_button:hover { cursor: pointer; } #practice_session_start_button_container #practice_session_start_button:hover:disabled { cursor: default; } #practice_listening { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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: #c80000 0.2rem solid; background-color: rgba(200, 0, 0, 0.15); border-radius: 1.2rem; color: #c80000; } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_label i { color: #c80000; } #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: #c80000; } #practice_listening #practice_listening_mistakes_progress_bar_container #practice_listening_mistakes_progress_bar .progress_bar_end { background-color: #c80000; } #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: var(--color-correct); 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: var(--color-almost-correct); 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: var(--color-incorrect); 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(50vw + 25rem); } @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: var(--color-bg-inner-box); 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: 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; 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: var(--color-bg-primary); } #practice_listening_exercise_answerbox { background: var(--color-bg-primary); 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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; width: min-content; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button:hover { cursor: pointer; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button:hover:disabled { cursor: default; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_explanation_button:hover { background-color: var(--color-bg-button-hover); } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; width: min-content; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button:hover { cursor: pointer; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button:hover:disabled { cursor: default; } #practice_listening_explanations_container #practice_listening_explanations .practice_listening_explanation_container .practice_listening_conjugation_table_button:hover { background-color: var(--color-bg-button-hover); } #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_submit_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #practice_listening_submit_button:hover { cursor: pointer; } #practice_listening_submit_button:hover:disabled { cursor: default; } #practice_listening_submit_button:hover { background-color: var(--color-bg-button-hover); } #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:hover { cursor: pointer; } #practice_listening_report_error_button:hover:disabled { cursor: default; } #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_tatoeba_link:hover { cursor: pointer; } #practice_listening_tatoeba_link:hover:disabled { cursor: default; } #practice_listening_solution { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 2.0rem 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 { 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: var(--color-correct); } .practice_listening_correction_asterisks { letter-spacing: 0.2rem; } .practice_listening_correction_incorrect { background-color: var(--color-incorrect); } #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_label i:hover { cursor: pointer; } #practice_listening_session_end #practice_session_end_adaptive_score_container #practice_session_end_adaptive_score_label i:hover:disabled { cursor: default; } #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 { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; } #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_audio:hover { cursor: pointer; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_audio:hover:disabled { cursor: default; } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance_tag_mistake { background-color: var(--color-incorrect); } #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: var(--color-almost-correct); } #practice_listening_session_end #practice_listening_session_end_container #practice_listening_session_end_sentences .practice_listening_session_end_performance_tag_passed { background-color: var(--color-correct); } #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; z-index: 2; } #practice_conjugations_header .practice_conjugations_header_element:not(.practice_conjugations_header_selected_element) { background-color: #e8f4f6; color: rgba(0, 0, 0, 0.45); z-index: 0; } #practice_conjugations_header .practice_conjugations_header_element:not(.practice_conjugations_header_selected_element):hover { cursor: pointer; } #practice_conjugations_header .practice_conjugations_header_element:not(.practice_conjugations_header_selected_element):hover:disabled { cursor: default; } #practice_conjugations_header .practice_conjugations_header_element:not(.practice_conjugations_header_selected_element):hover { background-color: #daeef1; color: rgba(0, 0, 0, 0.7); } .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: var(--color-incorrect); 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 .dictionary_confusion_all_meanings_button:not(.disabled):hover { cursor: pointer; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_mistakes #practice_conjugations_hidden_verb_mistakes_content .dictionary_confusion_all_meanings_button:not(.disabled):hover:disabled { cursor: default; } .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 { 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_buttons { height: 9rem; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; position: relative; top: 1rem; margin-right: 0; z-index: 1; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button:hover { cursor: pointer; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button:hover:disabled { cursor: default; } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_buttons #practice_conjugations_hidden_verb_check_button:hover { background-color: var(--color-bg-button-hover); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox { 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; 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: var(--color-incorrect); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_textbox.almost_correct { background-color: var(--color-almost-correct); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox { 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; 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: var(--color-incorrect); } .practice_conjugations_hidden_verb #practice_conjugations_hidden_verb_typing_section #practice_conjugations_hidden_verb_typing_second_textbox.almost_correct { background-color: var(--color-almost-correct); } .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: var(--color-correct); 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: var(--color-incorrect); 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 { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; 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); text-align: center; } #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 .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 { transform: perspective(1px) rotate(-90deg); position: absolute; top: 4.2rem; left: -6.4rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); background-color: #087485; 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:hover { cursor: pointer; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugation_presets_min_level_label:hover:disabled { cursor: default; } #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; background-color: #cee3e7; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button:hover { cursor: pointer; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button:hover:disabled { cursor: default; } #quick_conjugations_start_box #quick_conjugation_presets_table_container #quick_conjugation_presets_table .quick_conjugations_preset_group_button:hover { background-color: var(--color-bg-button-hover); } #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 { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; 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; text-align: center; } #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 > 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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; background-color: #cee3e7; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button:hover { cursor: pointer; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button:hover:disabled { cursor: default; } #quick_conjugation_preset_group_box #quick_conjugation_presets_for_group_table_container #quick_conjugation_presets_for_group_table .quick_conjugations_preset_button:hover { background-color: var(--color-bg-button-hover); } #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences { user-select: none; 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; } .demo_start_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } .demo_start_form input[type=submit]:hover { cursor: pointer; } .demo_start_form input[type=submit]:hover:disabled { cursor: default; } .demo_start_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #practice_quick_conjugations_demo input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #practice_quick_conjugations_demo input[type=submit]:hover { cursor: pointer; } #practice_quick_conjugations_demo input[type=submit]:hover:disabled { cursor: default; } #practice_quick_conjugations_demo input[type=submit]:hover { background-color: var(--color-bg-button-hover); } .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] { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; margin-top: 0.8rem; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button]:hover { cursor: pointer; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button]:hover:disabled { cursor: default; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_top_verbs .practice_conjugations_quick_select_top_verbs_buttons_container input[type=button]:hover { background-color: var(--color-bg-button-hover); } .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_verb_list input[type=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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button]:hover { cursor: pointer; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button]:hover:disabled { cursor: default; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_verb_list input[type=button]:hover { background-color: var(--color-bg-button-hover); } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button:hover { cursor: pointer; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button:hover:disabled { cursor: default; } .practice_conjugations_quick_select_dialog .practice_conjugations_quick_select_word_list .practice_conjugations_quick_select_word_list_found_add_button:hover { background-color: var(--color-bg-button-hover); } .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_setup_form > #practice_conjugations_main_container { margin-top: 6rem; } #practice_conjugations_setup_form > #practice_conjugations_main_container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1.5rem; background: var(--color-bg-box); border-radius: 1.2rem 1.2rem 0 0; z-index: 1; } #practice_conjugations_setup_form > div:not(.prefs-container) { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 #practice_conjugations_preset_box .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 #practice_conjugations_preset_box .multi_select_list li { padding: 0.5rem 0.5rem 0.5rem 2rem; border: 0; } #practice_conjugations_setup_form #practice_conjugations_preset_box .multi_select_list li:first-of-type { border-radius: 5px 5px 0 0; } #practice_conjugations_setup_form #practice_conjugations_preset_box .multi_select_list li:last-of-type { border-radius: 0 0 5px 5px; } #practice_conjugations_setup_form #practice_conjugations_preset_box .multi_select_list li.ui-selected { background: rgba(8, 116, 133, 0.2); padding-left: 0.8rem; } #practice_conjugations_setup_form #practice_conjugations_preset_box .multi_select_list li.ui-selected::before { content: '\25BA'; font-size: 1.2rem; position: relative; right: 0.3rem; bottom: 0.15rem; } #practice_conjugations_setup_form #practice_conjugations_preset_box .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: var(--color-bg-inner-box); 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_loading { margin-top: 0.3rem; } #practice_conjugations_preset_knowledge_score_loading i { font-size: 1.4rem; color: #087485; position: relative; top: 0.15rem; } #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_label { white-space: nowrap; display: inline-block; } #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, lightyellow, #99c299, #66a366, #338533); 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: #006600; 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 { width: auto !important; max-width: 100%; } #edit_user_conjugation_preset_button { margin-left: 0.5rem; } #edit_user_conjugation_preset_button:hover { cursor: pointer; } #edit_user_conjugation_preset_button:hover:disabled { cursor: default; } #delete_user_conjugation_preset_button { margin-left: 0.5rem; } #delete_user_conjugation_preset_button:hover { cursor: pointer; } #delete_user_conjugation_preset_button:hover:disabled { cursor: default; } .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_main_settings_box #practice_conjugations_tense_selector_container { grid-column: 1; grid-row-start: 2; grid-row-end: 5; } #practice_conjugations_main_settings_box #practice_conjugations_tense_selector_container .multi_select_list { max-height: 40rem; overflow-y: scroll; } #practice_conjugations_main_settings_box #practice_conjugations_tense_selector_container .multi_select_list li { position: relative; } #practice_conjugations_main_settings_box #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_main_settings_box #practice_conjugations_tense_selector_container .multi_select_list li > div > div { grid-area: tense; line-height: 1.25; } #practice_conjugations_main_settings_box #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_main_settings_box #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_main_settings_box #practice_conjugations_verb_inputter { grid-column: 2; grid-row: 2; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #practice_conjugations_main_settings_box #practice_conjugations_selected_verbs_all { font-weight: 400; font-size: 2rem; } #practice_conjugations_main_settings_box #practice_conjugations_select_all_verbs_header { display: grid; grid-template-columns: 3fr 1fr; margin-bottom: 1.5rem; } #practice_conjugations_main_settings_box #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_main_settings_box #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #practice_conjugations_main_settings_box #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button:hover { cursor: pointer; } #practice_conjugations_main_settings_box #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button:hover:disabled { cursor: default; } #practice_conjugations_main_settings_box #practice_conjugations_select_all_verbs_header #practice_conjugations_select_all_verbs_clear_button:hover { background-color: var(--color-bg-button-hover); } #practice_conjugations_main_settings_box #practice_conjugations_quick_select_button_container { grid-column: 3; grid-row: 1; } #practice_conjugations_main_settings_box #practice_conjugations_quick_select_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-weight: 500; margin: auto; } #practice_conjugations_main_settings_box #practice_conjugations_quick_select_button:hover { cursor: pointer; } #practice_conjugations_main_settings_box #practice_conjugations_quick_select_button:hover:disabled { cursor: default; } #practice_conjugations_main_settings_box #practice_conjugations_quick_select_button:hover { background-color: var(--color-bg-button-hover); } #practice_conjugations_main_settings_box #practice_conjugations_select_verb_button_container { grid-column: 3; grid-row: 2; } #practice_conjugations_main_settings_box #practice_conjugations_select_verb_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-weight: 500; margin: auto; } #practice_conjugations_main_settings_box #practice_conjugations_select_verb_button:hover { cursor: pointer; } #practice_conjugations_main_settings_box #practice_conjugations_select_verb_button:hover:disabled { cursor: default; } #practice_conjugations_main_settings_box #practice_conjugations_select_verb_button:hover { background-color: var(--color-bg-button-hover); } #practice_conjugations_main_settings_box #practice_conjugations_selected_verbs_label { grid-column-start: 2; grid-column-end: 4; grid-row: 3; margin: auto 0; } #practice_conjugations_main_settings_box #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_main_settings_box .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; } #practice_conjugations_advanced_settings_box label[for='practice_conjugations_pronoun_selector'] { grid-column: 1; grid-row: 1; } #practice_conjugations_advanced_settings_box label[for='practice_conjugations_regularity_selector'] { grid-column: 2; grid-row: 1; } #practice_conjugations_advanced_settings_box label[for='practice_conjugations_reflexivity_selector'] { grid-column: 3; grid-row: 1; } #practice_conjugations_advanced_settings_box #practice_conjugations_pronoun_selector_container { grid-column: 1; grid-row: 2; } #practice_conjugations_advanced_settings_box #practice_conjugations_regularity_selector_container { grid-column: 2; grid-row: 2; } #practice_conjugations_advanced_settings_box #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; } #practice_conjugations_preferences_box label[for='practice_conjugations_complexity_selector'] { grid-column: 1; grid-row: 1; } #practice_conjugations_preferences_box label[for='practice_conjugations_translang_selector'] { grid-column: 1; grid-row: 2; } #practice_conjugations_preferences_box label[for='practice_conjugations_voice_selector_container'] { grid-column: 1; grid-row: 3; } #practice_conjugations_preferences_box #practice_conjugations_complexity_selector_container { grid-column: 2; grid-row: 1; } #practice_conjugations_preferences_box #practice_conjugations_translang_selector_container { grid-column: 2; grid-row: 2; } .play_sample_button:hover { cursor: pointer; } .play_sample_button:hover:disabled { cursor: default; } #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 .playable_audio_container { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; vertical-align: middle; } #practice_conjugations_voice_selector_container .play_sample_button, #practice_conjugations_voice_selector_container .playable_audio_playing { font-size: 2.2rem; } #practice_conjugations_voice_selector_container .play_sample_button { display: inline-block; } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: 0.4rem 1rem 0.5rem 0; } #practice_conjugations_settings_buttons_container input[type=submit]:hover, #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button:hover { cursor: pointer; } #practice_conjugations_settings_buttons_container input[type=submit]:hover:disabled, #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button:hover:disabled { cursor: default; } #practice_conjugations_settings_buttons_container input[type=submit]:hover, #practice_conjugations_settings_buttons_container #practice_conjugations_custom_settings_button:hover { background-color: var(--color-bg-button-hover); } #practice_conjugations_settings_container { width: calc(71rem + 5rem); margin: 2rem auto 0 auto; padding-bottom: 3rem; } #practice_conjugations_settings_container .prefs-row--vertical { flex-direction: column; align-items: stretch !important; } #practice_conjugations_settings_container .prefs-row--vertical > .prefs-row__text { margin-bottom: 0.8rem; } .conj-main-grid { display: grid; grid-template-columns: 55% 1fr; gap: 0 2rem; padding: 1.4rem 2rem 2rem 2rem; } .conj-main-grid .prefs-row__label { margin-bottom: 0.8rem; } .conj-main-grid__tenses { min-width: 0; } .conj-main-grid__verbs { min-width: 0; } .conj-tense-list-wrapper { position: relative; } .conj-tense-fade { position: absolute; bottom: 0; left: 0; right: 0; height: 5rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 70%); display: flex; align-items: flex-end; justify-content: center; gap: 0.5rem; padding-bottom: 0.6rem; pointer-events: none; border-radius: 0 0 0.6rem 0.6rem; transition: opacity 0.3s; font-size: 1.15rem; font-weight: 600; color: rgba(8, 116, 133, 0.7); letter-spacing: 0.02em; } .conj-tense-fade i { font-size: 1.1rem; animation: conj-bounce 1.5s ease-in-out infinite; } .conj-tense-fade.hidden { opacity: 0; } @keyframes conj-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } } .conj-tense-list { display: flex; flex-direction: column; gap: 0; max-height: 38rem; overflow-y: auto; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.6rem; padding: 0.2rem 0; scrollbar-width: thin; scrollbar-color: rgba(8, 116, 133, 0.3) transparent; } .conj-tense-list::-webkit-scrollbar { width: 8px; } .conj-tense-list::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03); border-radius: 4px; } .conj-tense-list::-webkit-scrollbar-thumb { background: rgba(8, 116, 133, 0.3); border-radius: 4px; } .conj-tense-list::-webkit-scrollbar-thumb:hover { background: rgba(8, 116, 133, 0.5); } .conj-tense-item { display: flex; align-items: center; gap: 1rem; padding: 0.8rem 1.2rem 0.8rem 0.6rem !important; border-radius: 0.6rem; user-select: none; transition: background 0.15s; list-style: none; } .conj-tense-item:hover { cursor: pointer; } .conj-tense-item:hover:disabled { cursor: default; } .conj-tense-item:hover { background: rgba(8, 116, 133, 0.04); } .conj-tense-item + .conj-tense-item { border-top: 1px solid rgba(0, 0, 0, 0.04); } .conj-tense-checkbox { flex-shrink: 0; width: 20px; height: 20px; border: 2px solid rgba(8, 116, 133, 0.35); border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: var(--color-bg-inner-box); } .conj-tense-checkbox::after { content: ''; width: 5px; height: 10px; border: solid white; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); margin-bottom: 2px; opacity: 0; transition: opacity 0.15s; } .conj-tense-item.selected .conj-tense-checkbox, .conj-tense-item.ui-selected .conj-tense-checkbox { background: #087485; border-color: #087485; } .conj-tense-item.selected .conj-tense-checkbox::after, .conj-tense-item.ui-selected .conj-tense-checkbox::after { opacity: 1; } .conj-tense-body { flex: 1; min-width: 0; } .conj-tense-name { line-height: 1.3; } .conj-tense-name .tense_box { display: inline-block; margin: 0; font-size: 1.3rem; } .conj-tense-example { font-size: 1.25rem; font-style: italic; color: var(--color-text-secondary); margin-top: 0.15rem; } .conj-tense-guide { flex-shrink: 0; font-size: 1.5rem; color: rgba(8, 116, 133, 0.4); padding: 0.4rem; transition: color 0.2s; text-decoration: none; } .conj-tense-guide:hover { color: #087485; } .conj-verb-selector { display: flex; flex-direction: column; gap: 0.8rem; position: relative; z-index: 10; } .prefs-section:has(.conj-verb-selector) { overflow: visible; } .conj-verb-status { display: flex; align-items: baseline; gap: 0.8rem; } .conj-verb-status__all { font-size: 1.6rem; font-weight: 700; color: var(--color-text-primary); letter-spacing: 0.04em; } .conj-verb-status__hint { font-size: 1.2rem; color: var(--color-text-secondary); font-style: italic; } .conj-verb-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; max-height: 28rem; overflow-y: auto; } .conj-verb-tags .inner { display: contents; } .conj-verb-tag { display: inline-flex; align-items: center; padding: 0.35rem 0.9rem; border-radius: 2rem; background: rgba(8, 116, 133, 0.1); color: #087485; font-size: 1.3rem; font-weight: 600; transition: all 0.15s; } .conj-verb-tag:hover { cursor: pointer; } .conj-verb-tag:hover:disabled { cursor: default; } .conj-verb-tag:hover { background: rgba(8, 116, 133, 0.18); } .conj-verb-tag__remove { margin-left: 0.5rem; opacity: 0.5; font-size: 1.1rem; transition: opacity 0.15s; } .conj-verb-tag__remove:hover { opacity: 1; } .conj-verb-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; } .conj-verb-header .prefs-row__label { margin-bottom: 0 !important; } .conj-verb-input-row { display: flex; gap: 0.6rem; align-items: stretch; } .conj-verb-input-wrapper { flex: 1; min-width: 0; position: relative; z-index: 10; } .conj-verb-input { width: 100%; box-sizing: border-box; border: 1.5px solid rgba(8, 116, 133, 0.3); border-radius: 0.8rem; padding: 0.6rem 1.2rem; font-size: 1.4rem; font-family: inherit; color: var(--color-text-primary); background: var(--color-bg-inner-box); transition: border-color 0.2s; } .conj-verb-input:focus { border-color: #087485; outline: none; box-shadow: 0 0 0 2px rgba(8, 116, 133, 0.1); } .conj-verb-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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-weight: 500; margin: 0; } .conj-verb-btn:hover { cursor: pointer; } .conj-verb-btn:hover:disabled { cursor: default; } .conj-verb-btn:hover { background-color: var(--color-bg-button-hover); } .conj-verb-btn--small { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-weight: 500; margin: 0; } .conj-verb-btn--small:hover { cursor: pointer; } .conj-verb-btn--small:hover:disabled { cursor: default; } .conj-verb-btn--small:hover { background-color: var(--color-bg-button-hover); } .conj-verb-clear-row { display: flex; align-items: center; gap: 0.8rem; } .conj-verb-clear-hint { font-size: 1.2rem; font-style: italic; color: var(--color-text-secondary); } .conj-chip-wrap { display: flex; flex-wrap: wrap; gap: 0.6rem; } li.conj-chip, li.conj-chip:first-of-type, li.conj-chip:last-of-type { display: inline-flex; align-items: center; justify-content: center; position: relative; gap: 0.4rem; padding: 0.45rem 1rem; border-radius: 2rem; border: 1.5px solid rgba(8, 116, 133, 0.25); font-size: 1.3rem; font-weight: 500; color: var(--color-text-primary); background: var(--color-bg-inner-box); user-select: none; transition: all 0.2s; white-space: nowrap; list-style: none; } li.conj-chip:hover, li.conj-chip:first-of-type:hover, li.conj-chip:last-of-type:hover { cursor: pointer; } li.conj-chip:hover:disabled, li.conj-chip:first-of-type:hover:disabled, li.conj-chip:last-of-type:hover:disabled { cursor: default; } li.conj-chip input[type=checkbox], li.conj-chip:first-of-type input[type=checkbox], li.conj-chip:last-of-type input[type=checkbox] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } li.conj-chip.ui-selected, li.conj-chip:first-of-type.ui-selected, li.conj-chip:last-of-type.ui-selected { background: #087485; color: white; border-color: #087485; } li.conj-chip:hover:not(.ui-selected), li.conj-chip:first-of-type:hover:not(.ui-selected), li.conj-chip:last-of-type:hover:not(.ui-selected) { background: rgba(8, 116, 133, 0.08); } #practice_conjugations_settings_container .multi_select_list { border: none; border-radius: 0; font-size: inherit; font-weight: inherit; } #practice_conjugations_settings_container .multi_select_list li:not(.conj-tense-item):not(.conj-chip) { padding: 0; border: 0; } #practice_conjugations_settings_container .multi_select_list li:not(.conj-chip):not(.conj-tense-item):first-of-type, #practice_conjugations_settings_container .multi_select_list li:not(.conj-chip):not(.conj-tense-item):last-of-type { border-radius: 0; } #practice_conjugations_settings_container .multi_select_list li.ui-selected::before { content: none; } #practice_conjugations_settings_container .multi_select_list li.ui-selecting::before { content: none; } #practice_conjugations_settings_container .multi_select_list li.conj-tense-item.ui-selected { background: transparent; } #practice_conjugations_settings_container #practice_conjugations_tense_selector_container > select[multiple], #practice_conjugations_settings_container #practice_conjugations_pronoun_selector_container > select[multiple], #practice_conjugations_settings_container #practice_conjugations_regularity_selector_container > select[multiple], #practice_conjugations_settings_container #practice_conjugations_reflexivity_selector_container > select[multiple] { display: none !important; } .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 .practice_conjugations_verb_list_verb:hover { cursor: pointer; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row .practice_conjugations_verb_list_verb:hover:disabled { cursor: default; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row i { position: absolute; right: 1rem; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row i:hover { cursor: pointer; } .practice_conjugations_verb_list .practice_conjugations_verb_list_row i:hover:disabled { cursor: default; } .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: red !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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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: #c80000 0.2rem solid; background-color: rgba(200, 0, 0, 0.15); border-radius: 1.2rem; color: #c80000; } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_label i { color: #c80000; } #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: #c80000; } #practice_conjugations #practice_conjugations_mistakes_progress_bar_container #practice_conjugations_mistakes_progress_bar .progress_bar_end { background-color: #c80000; } .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_intro_verb:hover { cursor: pointer; } .conjugation_group_intro .conjugation_group_intro_verb:hover:disabled { cursor: default; } .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_all_verbs_link:hover { cursor: pointer; } .conjugation_group_intro .conjugation_group_intro_all_verbs_link:hover:disabled { cursor: default; } .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_explanations li:hover { cursor: pointer; } .conjugation_group_intro .conjugation_group_intro_explanations li:hover:disabled { cursor: default; } .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_text .playable_audio_container:hover { cursor: pointer; } .conjugation_group_intro .conjugation_group_intro_example_sentences .conjugation_group_intro_example_sentence .conjugation_group_intro_example_sentence_text .playable_audio_container:hover:disabled { cursor: default; } .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 { user-select: none; 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(50vw + 25rem); } @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: 5.0rem; 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: var(--color-correct); } .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: 3.0rem; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 1.0rem 1.0rem 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: 1.0rem; 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 i:hover { cursor: pointer; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_header .practice_conjugations_hidden_verb_sentence_block_buttons .inner i:hover:disabled { cursor: default; } .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: 3.0rem; font-size: 2.4rem; padding: 1rem; font-weight: 600; } .practice_conjugations_hidden_verb_sentence_block .practice_conjugations_hidden_verb_sentence_block_translation { min-height: 3.0rem; 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 { white-space: nowrap; display: inline-block; 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: var(--color-bg-inner-box); 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 { 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; 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_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 { cursor: pointer; } #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 { cursor: default; } #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_explanation_link { @include clickable; @include noselect; display: inline; margin-left: 0.5rem; text-decoration: underline; font-weight: 600; font-size: 2.2rem; }*/ } #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: var(--color-incorrect); 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: var(--color-incorrect); } #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 { 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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; line-height: 1.5; font-weight: 600; background-color: #cee3e7; } #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 { cursor: pointer; } #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 { cursor: default; } #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 { background-color: var(--color-bg-button-hover); } #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_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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; display: inline-block; margin: 0.4rem 0.6rem 0.4rem 0; } #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button:hover { cursor: pointer; } #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button:hover:disabled { cursor: default; } #practice_conjugations_explanations #practice_conjugations_explanations_content .practice_words_word_comparison_button:hover { background-color: var(--color-bg-button-hover); } #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; float: right; position: relative; bottom: 1rem; font-size: 1.4rem !important; font-style: normal; z-index: 99; } #practice_conjugations_machine_translation_button:hover { cursor: pointer; } #practice_conjugations_machine_translation_button:hover:disabled { cursor: default; } #practice_conjugations_machine_translation_button:hover { background-color: var(--color-bg-button-hover); } .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, .dictionary_dialog:has(.machine_translation_text) .section_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_play_audio i:hover { cursor: pointer; } #practice_conjugations_play_audio i:hover:disabled { cursor: default; } #practice_conjugations_report { font-size: 2.4rem; /*position: absolute; top: 1.5rem; right: 9rem;*/ } #practice_conjugations_report.nosentence { right: 1.5rem; } #practice_conjugations_report i:hover { cursor: pointer; } #practice_conjugations_report i:hover:disabled { cursor: default; } #practice_conjugations_tatoeba_link { font-size: 2.4rem; /*position: absolute; top: 1.5rem; right: 13.2rem;*/ } #practice_conjugations_tatoeba_link i:hover { cursor: pointer; } #practice_conjugations_tatoeba_link i:hover:disabled { cursor: default; } #practice_conjugations_submit_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #practice_conjugations_submit_button:hover { cursor: pointer; } #practice_conjugations_submit_button:hover:disabled { cursor: default; } #practice_conjugations_submit_button:hover { background-color: var(--color-bg-button-hover); } #practice_quick_conjugations_end_session_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; right: 0.4rem; top: 0.6rem; } #practice_quick_conjugations_end_session_button:hover { cursor: pointer; } #practice_quick_conjugations_end_session_button:hover:disabled { cursor: default; } #practice_quick_conjugations_end_session_button:hover { background-color: var(--color-bg-button-hover); } #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 { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; } #practice_conjugations_session_end #practice_session_mistakes_container .answer { min-width: 10rem; background: var(--color-incorrect); 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 .verb span:hover { cursor: pointer; } #practice_conjugations_session_end #practice_session_mistakes_container #practice_session_mistakes .practice_conjugations_mistake_exercise .verb span:hover:disabled { cursor: default; } #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: 2.0rem; width: 2.0rem; } #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 { white-space: nowrap; display: inline-block; margin-bottom: 1.0rem; font-weight: 600; } /* WORD LISTS */ #word_lists_direction_switch_container { user-select: none; 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; overflow: hidden; background-color: var(--color-bg-button); } #word_lists_direction_switch_container #word_lists_direction_switch:hover { cursor: pointer; } #word_lists_direction_switch_container #word_lists_direction_switch:hover:disabled { cursor: default; } #word_lists_direction_switch_container #word_lists_direction_switch:hover { background-color: var(--color-bg-button-hover); } #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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; font-size: 1.6rem; padding-bottom: 4rem; text-align: left; } #word_lists h1 { text-align: center; margin-bottom: 2rem; } #word_lists .word_list_shared_tag { display: inline-block; padding: 0.1rem 0.5rem; margin-left: 0.5rem; font-size: 1.1rem; font-weight: 600; color: #087485; background-color: rgba(8, 116, 133, 0.1); border: 1px solid rgba(8, 116, 133, 0.25); border-radius: 0.4rem; vertical-align: middle; cursor: pointer; transition: background-color 0.15s; } #word_lists .word_list_shared_tag:hover { background-color: rgba(8, 116, 133, 0.2); } #word_lists .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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: relative; right: 3rem; bottom: 0.6rem; } #word_lists .word_lists_problem_words_quick_review:hover { cursor: pointer; } #word_lists .word_lists_problem_words_quick_review:hover:disabled { cursor: default; } #word_lists .word_lists_problem_words_quick_review:hover { background-color: var(--color-bg-button-hover); } #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: relative; bottom: 0.3rem; } #word_lists #word_lists_import_button:hover { cursor: pointer; } #word_lists #word_lists_import_button:hover:disabled { cursor: default; } #word_lists #word_lists_import_button:hover { background-color: var(--color-bg-button-hover); } #word_lists #word_lists_excluded_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: relative; bottom: 0.3rem; } #word_lists #word_lists_excluded_button:hover { cursor: pointer; } #word_lists #word_lists_excluded_button:hover:disabled { cursor: default; } #word_lists #word_lists_excluded_button:hover { background-color: var(--color-bg-button-hover); } #word_lists #word_lists_table, #word_lists #word_lists_table_reverse { 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, #word_lists #word_lists_table_reverse > div, #word_lists #word_lists_table_reverse > a { padding: 1.2rem 1.5rem; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):hover, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):hover { cursor: pointer; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):hover:disabled, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):hover:disabled { cursor: default; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder).selected, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder).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):not(.word_lists_folder):nth-child(5n+4) span, #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):nth-child(5n+5) span, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):nth-child(5n+4) span, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder):nth-child(5n+5) span { font-size: 1.5rem; } #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder).word_lists_word_bank_info, #word_lists #word_lists_table > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder).word_lists_details, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder).word_lists_word_bank_info, #word_lists #word_lists_table_reverse > div:not(:nth-child(-n+5)):not(.problem_words_cell):not(.word_lists_folder).word_lists_details { padding-left: 0.5rem; } #word_lists #word_lists_table > [class^="word_lists_word_bank"], #word_lists #word_lists_table_reverse > [class^="word_lists_word_bank"] { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2) !important; } #word_lists #auto_word_lists_table, #word_lists #auto_word_lists_table_reverse { display: grid; grid-template-columns: auto 3rem 3rem 9rem 14rem; text-align: center; margin-top: -2.4rem; } #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 .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 #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 { cursor: pointer; } #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 { cursor: default; } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; position: relative; } #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 { cursor: pointer; } #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 { cursor: default; } #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 { background-color: var(--color-bg-button-hover); } .prefs-container .prefs-section { background: var(--color-bg-box); border-radius: 1.2rem; box-shadow: var(--shadow-box); margin-bottom: 2rem; overflow: hidden; } .prefs-container .prefs-section__header { display: flex; align-items: center; gap: 0.8rem; padding: 1.6rem 2rem 0.8rem 2rem; font-size: 1.3rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #087485; } .prefs-container .prefs-section__header i { font-size: 1.5rem; } .prefs-container .prefs-row { display: flex; align-items: center; justify-content: space-between; padding: 1.4rem 2rem; gap: 1.5rem; min-height: 5.2rem; } .prefs-container .prefs-row + .prefs-row { border-top: 1px solid rgba(0, 0, 0, 0.06); } .prefs-container .prefs-row__text { flex: 1; min-width: 0; } .prefs-container .prefs-row__label { font-size: 1.55rem; font-weight: 600; color: var(--color-text-primary); line-height: 1.3; } .prefs-container .prefs-row__label i, .prefs-container .prefs-row__label svg { font-size: 1.3rem; color: rgba(8, 116, 133, 0.5); margin-left: 0.3rem; cursor: pointer; display: inline-block; vertical-align: baseline; position: relative; top: 0.1rem; } .prefs-container .prefs-row__label i:hover, .prefs-container .prefs-row__label svg:hover { color: #087485; } .prefs-container .prefs-row__desc { font-size: 1.2rem; color: var(--color-text-secondary); margin-top: 0.2rem; line-height: 1.4; } .prefs-container .prefs-row__note { display: flex; align-items: center; gap: 0.7rem; font-size: 1.3rem; color: var(--color-text-secondary); margin-top: 0; } .prefs-container .prefs-row__note i { font-size: 1.4rem; color: rgba(8, 116, 133, 0.5); } .prefs-container .prefs-row__control { flex-shrink: 0; } .prefs-container .prefs-toggle { position: relative; display: inline-block; width: 48px; height: 26px; flex-shrink: 0; } .prefs-container .prefs-toggle input { position: absolute; opacity: 0; width: 0; height: 0; } .prefs-container .prefs-toggle__track { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c8cfd3; border-radius: 26px; transition: background-color 0.3s ease; } .prefs-container .prefs-toggle__track::before { content: ""; position: absolute; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform 0.3s ease; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .prefs-container .prefs-toggle input:checked + .prefs-toggle__track { background-color: #087485; } .prefs-container .prefs-toggle input:checked + .prefs-toggle__track::before { transform: translateX(22px); } .prefs-container select.prefs-select { appearance: none; -webkit-appearance: none; background: var(--color-bg-inner-box) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23087485' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center; border: 1.5px solid rgba(8, 116, 133, 0.3); border-radius: 0.8rem; padding: 0.6rem 3rem 0.6rem 1.2rem; min-width: 6rem; font-size: 1.4rem; font-weight: 500; font-family: inherit; color: var(--color-text-primary); transition: border-color 0.2s; } .prefs-container select.prefs-select:hover { cursor: pointer; } .prefs-container select.prefs-select:hover:disabled { cursor: default; } .prefs-container select.prefs-select:hover, .prefs-container select.prefs-select:focus { border-color: #087485; outline: none; box-shadow: 0 0 0 2px rgba(8, 116, 133, 0.1); } .prefs-container .prefs-pills { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; border-radius: 0.8rem; overflow: hidden; border: 1.5px solid rgba(8, 116, 133, 0.25); } .prefs-container .prefs-pill { position: relative; user-select: none; padding: 0.5rem 1.4rem; font-size: 1.35rem; font-weight: 500; color: var(--color-text-primary); background: var(--color-bg-inner-box); transition: all 0.2s; text-align: center; } .prefs-container .prefs-pill:hover { cursor: pointer; } .prefs-container .prefs-pill:hover:disabled { cursor: default; } .prefs-container .prefs-pill + .prefs-pill { border-left: 1.5px solid rgba(8, 116, 133, 0.25); } .prefs-container .prefs-pill input { position: absolute; opacity: 0; width: 0; height: 0; } .prefs-container .prefs-pill:has(input:checked) { background: #087485; color: white; } .prefs-container .prefs-pill:hover:not(:has(input:checked)) { background: rgba(8, 116, 133, 0.08); } .prefs-container .prefs-audio-btn { font-size: 2rem; color: rgba(8, 116, 133, 0.5); margin-left: 0.6rem; transition: color 0.2s; } .prefs-container .prefs-audio-btn:hover { cursor: pointer; } .prefs-container .prefs-audio-btn:hover:disabled { cursor: default; } .prefs-container .prefs-audio-btn:hover { color: #087485; } .prefs-container .prefs-row--sub { padding-left: 3.6rem; background: rgba(0, 0, 0, 0.015); } .prefs-container .prefs-row--sub .prefs-row__label { font-weight: 500; } #word_lists_settings_container { width: calc(63.5rem + 5rem); margin: 2rem auto; padding-bottom: 3rem; } #word_lists_first_session_select_container, #listening_first_session_select_container { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 .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 { cursor: pointer; } #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 { cursor: default; } #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 { user-select: none; display: inline-block; padding: 2rem 4rem; margin-bottom: 2rem; font-size: 2.2rem; font-weight: 600; background: var(--color-bg-button); border: 0.2rem solid var(--color-border); border-radius: 2rem; } #import_words > a:hover { cursor: pointer; } #import_words > a:hover:disabled { cursor: default; } #import_words > a:hover { background-color: var(--color-bg-button-hover); } #import_words #import_words_share_code_section { margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid rgba(8, 116, 133, 0.2); } #import_words #import_words_share_code_section #import_words_share_code_label { font-size: 2rem; font-weight: 600; margin-bottom: 0.5rem; } #import_words #import_words_share_code_section #import_words_share_code_desc { font-size: 1.4rem; color: var(--color-grey-mid); margin-bottom: 1.2rem; } #import_words #import_words_share_code_section #import_words_share_code_row { display: flex; align-items: center; gap: 0.8rem; } #import_words #import_words_share_code_section #import_words_share_code_row input { width: 12rem; padding: 0.6rem 1rem; font-size: 1.6rem; font-family: inherit; letter-spacing: 0.15em; text-transform: uppercase; border: 1.5px solid rgba(8, 116, 133, 0.2); border-radius: 0.6rem; text-align: center; } #import_words #import_words_share_code_section #import_words_share_code_row input::placeholder { text-transform: none; letter-spacing: normal; font-size: 1.4rem; } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 3rem; } #import_words_copy_paste #import_words_copy_paste_continue:hover { cursor: pointer; } #import_words_copy_paste #import_words_copy_paste_continue:hover:disabled { cursor: default; } #import_words_copy_paste #import_words_copy_paste_continue:hover { background-color: var(--color-bg-button-hover); } #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 .import_file_form_grid { text-align: left; display: grid; grid-template-columns: 20rem 30rem; align-items: center; gap: 1rem; } #import_words_from_file .import_file_hint { text-align: left; margin-top: 1.5rem; font-size: 1.3rem; color: #666; line-height: 1.5; } #import_words_from_file .import_file_hint code { background-color: #f0f0f0; padding: 0.1rem 0.4rem; border-radius: 3px; font-size: 1.2rem; } #import_words_from_file #import_words_from_file_continue { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 3rem; } #import_words_from_file #import_words_from_file_continue:hover { cursor: pointer; } #import_words_from_file #import_words_from_file_continue:hover:disabled { cursor: default; } #import_words_from_file #import_words_from_file_continue:hover { background-color: var(--color-bg-button-hover); } #import_words_preview #import_words_preview_list_selector_container { margin-top: 2rem; text-align: left; } #import_words_preview #import_words_preview_list_selector_container div { margin-bottom: 2rem; } #import_words_preview .import_preview_section { text-align: left; margin-top: 3rem; } #import_words_preview .import_preview_section h3 { font-size: 1.8rem; margin-bottom: 0.5rem; } #import_words_preview .import_preview_section h3 .import_section_count { font-weight: 400; color: var(--color-text-secondary); font-size: 1.5rem; } #import_words_preview .import_preview_section .import_section_description { font-size: 1.4rem; line-height: 1.5; color: var(--color-text-secondary); margin-bottom: 1.5rem; } #import_words_preview .import_preview_table_container { max-height: 30rem; overflow: auto; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 4px; } #import_words_preview .import_preview_table { display: grid; grid-template-columns: min-content minmax(8rem, 1fr) minmax(8rem, 2fr); } #import_words_preview .import_preview_table > div, #import_words_preview .import_preview_table > a { padding: 1.2rem 1.5rem; } #import_words_preview .import_preview_table .import_preview_word { font-weight: 600; } #import_words_preview .import_preview_table.import_preview_table_with_checkbox { display: grid; grid-template-columns: min-content min-content minmax(6rem, 1fr) minmax(6rem, 1fr) minmax(6rem, 1fr); } #import_words_preview .import_preview_table.import_preview_table_with_checkbox > div, #import_words_preview .import_preview_table.import_preview_table_with_checkbox > a { padding: 1.2rem 1.5rem; } #import_words_preview .import_preview_table.import_preview_table_with_checkbox .import_preview_existing_desc { color: var(--color-text-secondary); font-style: italic; } #import_words_preview .import_preview_note { text-align: left; margin-top: 1.5rem; padding: 0.8rem 1.2rem; background-color: rgba(8, 116, 133, 0.08); border: 1px solid rgba(8, 116, 133, 0.2); border-radius: 6px; font-size: 1.3rem; color: var(--color-text-secondary); } #import_words_preview .import_merge_group { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 6px; margin-bottom: 1.5rem; overflow: hidden; } #import_words_preview .import_merge_group .import_merge_group_header { padding: 1rem 1.5rem; background-color: var(--color-bg-button); border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); display: flex; align-items: center; gap: 1rem; font-size: 1.5rem; } #import_words_preview .import_merge_group .import_merge_group_header .import_merge_group_description { font-weight: 600; } #import_words_preview .import_merge_group .import_merge_group_header .import_merge_group_count { color: var(--color-text-secondary); font-size: 1.3rem; } #import_words_preview .import_merge_group .import_merge_group_header .import_existing_badge { display: inline-block; padding: 0.2rem 0.6rem; font-size: 1.1rem; font-weight: 600; color: #e65100; background-color: #fff3e0; border: 1px solid #ffcc80; border-radius: 3px; white-space: nowrap; } #import_words_preview .import_merge_group .import_merge_group_entries { padding: 0.5rem 0; } #import_words_preview .import_merge_group .import_merge_group_entry { display: flex; align-items: center; justify-content: space-between; padding: 0.6rem 1.5rem; } #import_words_preview .import_merge_group .import_merge_group_entry .merge_entry_include_label { display: flex; align-items: flex-start; gap: 0.8rem; cursor: pointer; font-size: 1.4rem; line-height: 1.5; } #import_words_preview .import_merge_group .import_merge_group_entry .merge_entry_primary_label { display: flex; align-items: center; gap: 0.4rem; cursor: pointer; font-size: 1.15rem; color: var(--color-text-secondary); white-space: nowrap; } #import_words_preview .import_merge_group .import_merge_group_entry .merge_entry_primary_label span { user-select: none; } #import_words_preview .import_merge_group .import_merge_group_entry input[type="checkbox"] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important; width: 1.6rem !important; height: 1.6rem !important; min-width: 1.6rem; min-height: 1.6rem; opacity: 1 !important; position: static !important; margin-top: 0.3rem; flex-shrink: 0; cursor: pointer; } #import_words_preview .import_merge_group .import_merge_group_entry .merge_entry_primary_label input[type="checkbox"] { width: 1.3rem !important; height: 1.3rem !important; min-width: 1.3rem; min-height: 1.3rem; margin-top: 0; } #import_words_preview .import_merge_group .import_merge_group_entry .entry_word { font-weight: 600; } #import_words_preview .import_merge_group .import_merge_group_entry .entry_sep { color: var(--color-text-secondary); } #import_words_preview #import_preview_more_words { text-align: center; margin-top: 2rem; font-size: 1.4rem; color: var(--color-text-secondary); } #import_words_preview #import_words_preview_finish_import { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 2rem; } #import_words_preview #import_words_preview_finish_import:hover { cursor: pointer; } #import_words_preview #import_words_preview_finish_import:hover:disabled { cursor: default; } #import_words_preview #import_words_preview_finish_import:hover { background-color: var(--color-bg-button-hover); } #word_list { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; font-size: 1.6rem; padding-bottom: 3rem; text-align: left; min-height: 15rem; } #word_list h1 { text-align: center; } #word_list .word_list_word_count { text-align: center; font-size: 1.3rem; color: var(--color-grey-mid); margin-top: -0.5rem; margin-bottom: 0.5rem; } #word_list #word_list_buttons { margin-top: 1.5rem; margin-bottom: 1rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1.5rem; } #word_list #word_list_buttons i { font-size: 2.6rem; } #word_list #word_list_buttons i:hover { cursor: pointer; } #word_list #word_list_buttons i:hover:disabled { cursor: default; } #word_list #word_list_buttons .word_list_crossword_icon { display: inline-block; } #word_list #word_list_buttons .word_list_crossword_icon .crossword_change_layout_crossword { border-color: rgba(8, 116, 133, 0.45); } #word_list #word_list_buttons .word_list_crossword_icon .crossword_change_layout_crossword .crossword_change_layout_crossword_cell { border-color: rgba(8, 116, 133, 0.45); } #word_list #word_list_buttons .word_list_crossword_icon .crossword_change_layout_crossword .crossword_change_layout_crossword_cell.black { background-color: rgba(8, 116, 133, 0.45); border: none; } #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 min-content minmax(10rem, 30rem) minmax(10rem, 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_select_cell { display: flex; align-items: center; justify-content: center; } #word_list #word_list_table #word_list_order_by_description_button:hover { cursor: pointer; } #word_list #word_list_table #word_list_order_by_description_button:hover:disabled { cursor: default; } #word_list #word_list_table .word_list_translations_cell { overflow-x: hidden; } #word_list #word_list_table .word_list_translations_cell .word_list_deleted_label, #word_list #word_list_table .word_list_translations_cell .word_list_moved_label { color: red; font-weight: 600; } #word_list #word_list_table .word_list_translation_line { line-height: 1.6; padding: 0.15rem 0; } #word_list #word_list_table .word_list_translation_line:not(:last-of-type) { border-bottom: 1px solid rgba(8, 116, 133, 0.2); } #word_list #word_list_table .word_list_translation_text { font-weight: 600; } #word_list #word_list_table .word_list_translation_line.secondary .word_list_translation_text { font-weight: 400; } #word_list #word_list_table .word_list_translation_audio_icon { font-size: 1.4rem; margin-left: 0.3rem; cursor: pointer; } #word_list #word_list_table .word_list_example_sentences_count { display: inline-block; margin-left: 0.4rem; font-size: 1.1rem; font-weight: 600; line-height: 1; min-width: 1.7rem; padding: 0.2rem 0.4rem; text-align: center; border-radius: 0.8rem; background-color: rgba(8, 116, 133, 0.075); color: #087485; vertical-align: middle; } #word_list #word_list_table .word_list_translation_note { font-size: 1.3rem; color: var(--text-color-secondary); font-style: italic; } #word_list #word_list_table .word_list_word_gender { font-weight: 400; font-style: italic; } #word_list #word_list_table .word_list_description { overflow-x: hidden; } #word_list .word_list_word_buttons { display: flex; flex-direction: row; align-items: flex-start; gap: 0.6rem; } #word_list .word_list_word_buttons i { height: 2.5rem; width: 2.5rem; } #word_list .word_list_word_buttons i:hover { cursor: pointer; } #word_list .word_list_word_buttons i:hover:disabled { cursor: default; } #word_list #word_list_no_words { margin-top: 2rem; font-size: 2rem; } #word_list #word_list_search_container { position: relative; margin-bottom: 1.5rem; } #word_list #word_list_search_container #word_list_search_input { width: 100%; padding: 0.8rem 3.5rem 0.8rem 1.2rem; font-size: 1.5rem; border: 1.5px solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; box-sizing: border-box; font-family: inherit; transition: border-color 0.2s; } #word_list #word_list_search_container #word_list_search_input:focus { outline: none; border-color: #087485; box-shadow: 0 0 0 2px rgba(8, 116, 133, 0.1); } #word_list #word_list_search_container #word_list_search_input::placeholder { color: var(--color-grey-mid); } #word_list #word_list_search_container #word_list_search_clear { position: absolute; right: 1.2rem; top: 50%; transform: translateY(-50%); font-size: 1.6rem; color: var(--color-grey-mid); } #word_list #word_list_search_container #word_list_search_clear:hover { cursor: pointer; } #word_list #word_list_search_container #word_list_search_clear:hover:disabled { cursor: default; } #word_list #word_list_search_container #word_list_search_clear:hover { color: var(--color-text-primary); } #word_list #word_list_search_results { margin-bottom: 2rem; } #word_list #word_list_search_results #word_list_search_results_header { font-size: 1.3rem; color: var(--color-grey-mid); margin-bottom: 0.8rem; min-height: 2.2rem; } #word_list #word_list_search_results #word_list_search_results_table { display: grid; grid-template-columns: min-content min-content minmax(10rem, 30rem) minmax(10rem, 30rem) min-content; } #word_list #word_list_search_results #word_list_search_results_table > div, #word_list #word_list_search_results #word_list_search_results_table > a { padding: 1.2rem 1.5rem; } #word_list #word_list_search_results #word_list_search_results_table .word_list_select_cell { display: flex; align-items: center; justify-content: center; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translations_cell { overflow-x: hidden; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translations_cell .word_list_deleted_label, #word_list #word_list_search_results #word_list_search_results_table .word_list_translations_cell .word_list_moved_label { color: red; font-weight: 600; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translation_line { line-height: 1.6; padding: 0.15rem 0; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translation_line:not(:last-of-type) { border-bottom: 1px solid rgba(8, 116, 133, 0.2); } #word_list #word_list_search_results #word_list_search_results_table .word_list_translation_text { font-weight: 600; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translation_line.secondary .word_list_translation_text { font-weight: 400; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translation_audio_icon { font-size: 1.4rem; margin-left: 0.3rem; cursor: pointer; } #word_list #word_list_search_results #word_list_search_results_table .word_list_example_sentences_count { display: inline-block; margin-left: 0.4rem; font-size: 1.1rem; font-weight: 600; line-height: 1; min-width: 1.7rem; padding: 0.2rem 0.4rem; text-align: center; border-radius: 0.8rem; background-color: rgba(8, 116, 133, 0.075); color: #087485; vertical-align: middle; } #word_list #word_list_search_results #word_list_search_results_table .word_list_translation_note { font-size: 1.3rem; color: var(--text-color-secondary); font-style: italic; } #word_list #word_list_search_results #word_list_search_results_table .word_list_word_gender { font-weight: 400; font-style: italic; } #word_list #word_list_search_results #word_list_search_results_table .word_list_description { overflow-x: hidden; } #word_list #word_list_search_results #word_list_search_results_table .word_list_search_fuzzy { opacity: 0.6; } #word_list #word_list_search_results #word_list_search_results_table .word_list_search_divider { grid-column: 1 / -1; display: flex; align-items: center; gap: 1.2rem; padding: 1rem 0.5rem; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-grey-mid); white-space: nowrap; border-bottom: none !important; } #word_list #word_list_search_results #word_list_search_results_table .word_list_search_divider::before, #word_list #word_list_search_results #word_list_search_results_table .word_list_search_divider::after { content: ''; flex: 1; height: 1px; background: rgba(8, 116, 133, 0.2); } #word_list #word_list_search_results #word_list_search_results_table .word_list_search_divider_prev_row { border-bottom: none !important; } #word_list #word_list_search_results .word_list_word_buttons { display: flex; flex-direction: row; align-items: flex-start; gap: 0.6rem; } #word_list #word_list_search_results .word_list_word_buttons i { height: 2.5rem; width: 2.5rem; } #word_list #word_list_search_results .word_list_word_buttons i:hover { cursor: pointer; } #word_list #word_list_search_results .word_list_word_buttons i:hover:disabled { cursor: default; } #word_list #word_list_search_results #word_list_search_no_results { font-size: 1.6rem; color: var(--color-grey-mid); padding: 2rem 0; } #word_list #word_list_search_results .word_list_search_highlight { background-color: rgba(8, 116, 133, 0.18); color: inherit; padding: 0.05rem 0.1rem; border-radius: 2px; } #word_list .word_list_search_loading { display: flex; justify-content: center; padding: 3rem 0; } #word_list #word_list_share_toggle_container { margin-left: auto; display: flex; align-items: center; gap: 0.7rem; } #word_list #word_list_share_toggle_container .prefs-toggle { position: relative; display: inline-block; width: 48px; height: 26px; flex-shrink: 0; } #word_list #word_list_share_toggle_container .prefs-toggle input { position: absolute; opacity: 0; width: 0; height: 0; } #word_list #word_list_share_toggle_container .prefs-toggle .prefs-toggle__track { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c8cfd3; border-radius: 26px; transition: background-color 0.3s ease; } #word_list #word_list_share_toggle_container .prefs-toggle .prefs-toggle__track::before { content: ""; position: absolute; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform 0.3s ease; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } #word_list #word_list_share_toggle_container .prefs-toggle input:checked + .prefs-toggle__track { background-color: #087485; } #word_list #word_list_share_toggle_container .prefs-toggle input:checked + .prefs-toggle__track::before { transform: translateX(22px); } #word_list #word_list_share_toggle_container .word_list_share_label { font-size: 1.4rem; font-weight: 600; cursor: default; user-select: none; } #word_list #word_list_share_panel { margin-bottom: 1.5rem; padding: 1rem 1.5rem; background: rgba(8, 116, 133, 0.05); border: 1px solid rgba(8, 116, 133, 0.15); border-radius: 0.8rem; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } #word_list #word_list_share_panel .word_list_share_code_display { font-family: monospace; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.1em; } #word_list #word_list_share_panel .share_panel_hint { font-size: 1.2rem; color: var(--color-grey-mid); } #word_list #word_list_share_panel .share_panel_stats { width: 100%; font-size: 1.3rem; color: var(--color-grey-dark); font-weight: 500; } #excluded_words { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 > p #excluded_words_reactivate_all:hover { cursor: pointer; } #excluded_words > p #excluded_words_reactivate_all:hover:disabled { cursor: default; } #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_word_buttons i:hover { cursor: pointer; } #excluded_words .excluded_words_word_buttons i:hover:disabled { cursor: default; } #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; background-color: var(--color-bg-box); padding: 0; margin-bottom: 0; } .word_list_edit_word_dialog .word_list_edit_field_group { margin-bottom: 0.8rem; } .word_list_edit_word_dialog .word_list_edit_field_group label { display: block; font-size: 1.2rem; font-weight: 600; margin-bottom: 0.2rem; color: var(--text-color-secondary); } .word_list_edit_word_dialog .word_list_edit_field_group textarea, .word_list_edit_word_dialog .word_list_edit_field_group input[type="text"], .word_list_edit_word_dialog .word_list_edit_field_group select { width: 100%; padding: 0.4rem 0.6rem; font-size: 1.4rem; box-sizing: border-box; } .word_list_edit_word_dialog .word_list_edit_field_group textarea { resize: vertical; } .word_list_edit_word_dialog .word_list_edit_field_row { display: flex; gap: 1rem; } .word_list_edit_word_dialog .word_list_edit_field_row .word_list_edit_field_group { flex: 1; } .word_list_edit_word_dialog .word_list_save_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; display: block; width: 100%; margin-top: 0.5rem; margin-bottom: 1rem; } .word_list_edit_word_dialog .word_list_save_button:hover { cursor: pointer; } .word_list_edit_word_dialog .word_list_save_button:hover:disabled { cursor: default; } .word_list_edit_word_dialog .word_list_save_button:hover { background-color: var(--color-bg-button-hover); } .word_list_edit_word_dialog .word_list_edit_word_actions_container { margin-top: 0.5rem; padding-top: 0.8rem; border-top: 1px solid rgba(8, 116, 133, 0.2); } .word_list_edit_word_dialog .word_list_edit_word_actions_container select { display: block; width: 100%; margin-bottom: 0.5rem; } .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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; display: inline-block; } .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 { cursor: pointer; } .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 { cursor: default; } .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 { background-color: var(--color-bg-button-hover); } .word_list_open_advanced_editor_link { position: absolute; right: 5.5rem; top: 1rem; font-size: 1.6rem; color: #888888 !important; text-decoration: none !important; border: none !important; background: none !important; } .word_list_open_advanced_editor_link:hover { cursor: pointer; } .word_list_open_advanced_editor_link:hover:disabled { cursor: default; } .word_list_open_advanced_editor_link:hover { color: #087485 !important; } .word_list_translation_row { display: flex; align-items: center; gap: 0.4rem; } .word_list_translation_row .translation_primary_toggle { cursor: pointer; font-size: 1.15rem; padding: 0.15rem 0.5rem; border-radius: 0.3rem; user-select: none; flex-shrink: 0; border: 1px solid #ccc; background: #f0f0f0; color: var(--color-grey-mid); } .word_list_translation_row .translation_primary_toggle.active { background: #fff8e1; border-color: #f0a500; color: #b37800; } .word_list_translation_row .translation_text { flex: 1; min-width: 8rem; padding: 0.3rem 0.5rem; font-size: 1.3rem; } .word_list_translation_row .translation_remove_button { background: none; border: none; font-size: 1.6rem; cursor: pointer; color: #ccc; padding: 0 0.3rem; flex-shrink: 0; } .word_list_translation_row .translation_remove_button:hover { color: var(--error-color); } .word_list_translations_container { padding: 0.5rem 0 0.8rem; } .word_list_translations_container > label { display: block; font-size: 1.2rem; font-weight: 600; margin-bottom: 0.3rem; color: var(--text-color-secondary); } .word_list_translations_container .word_list_translations_list { display: flex; flex-direction: column; gap: 0.5rem; } .word_list_translations_container .word_list_translation_buttons_row { display: flex; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap; align-items: center; } .word_list_translations_container .word_list_translation_buttons_row .icon-spinner { display: inline-flex; align-items: center; } .word_list_translations_container .word_list_translation_buttons_row .icon-spinner .loader { font-size: 1.6rem; } .word_list_translations_container .word_list_add_translation_button, .word_list_translations_container .word_list_suggest_translations_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; display: inline-block; } .word_list_translations_container .word_list_add_translation_button:hover, .word_list_translations_container .word_list_suggest_translations_button:hover { cursor: pointer; } .word_list_translations_container .word_list_add_translation_button:hover:disabled, .word_list_translations_container .word_list_suggest_translations_button:hover:disabled { cursor: default; } .word_list_translations_container .word_list_add_translation_button:hover, .word_list_translations_container .word_list_suggest_translations_button:hover { background-color: var(--color-bg-button-hover); } .word_list_translations_container .word_list_suggest_no_results { font-size: 1.3rem; color: var(--color-grey-mid); padding: 0.5rem 0; } .word_list_translations_container .word_list_suggest_translations_results { margin-top: 0.5rem; } .word_list_add_suggest_buttons_row { display: flex; justify-content: flex-end; gap: 0.5rem; margin: 0.5rem 0; align-items: center; flex-wrap: wrap; } .word_list_add_suggest_buttons_row 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-size: 1.5rem !important; margin: 0; } .word_list_add_suggest_buttons_row button:hover { cursor: pointer; } .word_list_add_suggest_buttons_row button:hover:disabled { cursor: default; } .word_list_add_suggest_buttons_row button:hover { background-color: var(--color-bg-button-hover); } .word_list_add_suggest_buttons_row .icon-spinner { display: inline-flex; align-items: center; } .word_list_add_suggest_buttons_row .icon-spinner .loader { font-size: 1.6rem; } .word_list_definitions_instructions { font-size: 2rem; } .word_definition_suggestions .word_definition_suggestion_word:hover, .word_definition_suggestions .word_definition_suggestion_definition:hover { cursor: pointer; } .word_definition_suggestions .word_definition_suggestion_word:hover:disabled, .word_definition_suggestions .word_definition_suggestion_definition:hover:disabled { cursor: default; } .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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 #sentences_import span:hover { cursor: pointer; } #sentences #sentences_import span:hover:disabled { cursor: default; } #sentences h1 { text-align: center; margin-bottom: 2rem; } #sentences #sentences_table { display: grid; grid-template-columns: auto min-content; margin-top: 4rem; } #sentences #sentences_table > div, #sentences #sentences_table > a { padding: 1.2rem 1.5rem; } #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_sentence_buttons i:hover { cursor: pointer; } #sentences .sentences_sentence_buttons i:hover:disabled { cursor: default; } #sentences #sentences_no_sentences { margin-top: 3rem; font-size: 2rem; } .merge_dialog .merge_word_text_selector, .merge_dialog .merge_word_text_display, .merge_dialog .merge_surviving_selector { margin-bottom: 1rem; font-size: 1.3rem; } .merge_dialog .merge_word_text_selector label, .merge_dialog .merge_word_text_display label, .merge_dialog .merge_surviving_selector label { font-weight: 600; margin-right: 0.5rem; } .merge_dialog .merge_word_text_selector select, .merge_dialog .merge_word_text_display select, .merge_dialog .merge_surviving_selector select { padding: 0.3rem 0.5rem; } .merge_dialog h4 { margin: 1rem 0 0.5rem; font-size: 1.3rem; } .merge_dialog .merge_translations_list { display: flex; flex-direction: column; gap: 0.5rem; } .merge_dialog .merge_add_translation_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; margin-top: 0.5rem; display: inline-block; } .merge_dialog .merge_add_translation_button:hover { cursor: pointer; } .merge_dialog .merge_add_translation_button:hover:disabled { cursor: default; } .merge_dialog .merge_add_translation_button:hover { background-color: var(--color-bg-button-hover); } .merge_dialog .merge_actions { margin-top: 1.5rem; } .merge_dialog .merge_actions .merge_confirm_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; display: inline-block; } .merge_dialog .merge_actions .merge_confirm_button:hover { cursor: pointer; } .merge_dialog .merge_actions .merge_confirm_button:hover:disabled { cursor: default; } .merge_dialog .merge_actions .merge_confirm_button:hover { background-color: var(--color-bg-button-hover); } /* HOUSEKEEPING PANEL */ #housekeeping_instructions { font-size: 1.4rem; color: var(--color-grey-dark, #555); margin-bottom: 2rem; line-height: 1.6; text-align: left; } #housekeeping_instructions p { margin-bottom: 0.8rem; } #housekeeping_instructions ul { margin: 0; padding-left: 2rem; list-style: disc; } #housekeeping_instructions li { margin-bottom: 0.3rem; } #housekeeping_page .housekeeping_section { margin-bottom: 2.5rem; } #housekeeping_page .housekeeping_section_count { font-weight: 400; font-size: 1.3rem; color: var(--color-grey-mid); } #housekeeping_page .housekeeping_section_count:empty { display: none; } #housekeeping_page .housekeeping_section_count::before { content: '('; } #housekeeping_page .housekeeping_section_count::after { content: ')'; } #housekeeping_page .housekeeping_section_hint { font-size: 1.25rem; line-height: 1.6; color: var(--color-grey-mid); margin-bottom: 1.2rem; text-align: left; } #housekeeping_page .housekeeping_section_empty { font-size: 1.25rem; color: var(--color-grey-mid); margin: 0.5rem 0 1rem; text-align: left; } #housekeeping_page .housekeeping_toggle_btn { display: inline-block; font-size: 1.15rem; padding: 0.25rem 0.7rem; margin-left: 0.3rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-primary); cursor: pointer; } #housekeeping_page .housekeeping_toggle_btn:hover { background: #ebeef1; border-color: #b8bfc6; } #housekeeping_page .housekeeping_section_groups { margin-top: 1rem; } #housekeeping_page .housekeeping_group, #housekeeping_page .housekeeping_pair { border: 1px solid #d0d8e0; border-radius: 0.5rem; padding: 1.2rem; margin-bottom: 1.2rem; background: #f8fafb; } #housekeeping_page .housekeeping_group.housekeeping_group_merged, #housekeeping_page .housekeeping_pair.housekeeping_group_merged { opacity: 0.5; pointer-events: none; } #housekeeping_page .housekeeping_originals { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 1.2rem; } #housekeeping_page .housekeeping_original_card { flex: 1 1 0; min-width: 14rem; border: 1px solid #d0d8e0; border-radius: 0.4rem; padding: 0.8rem 1rem; background: #fff; } #housekeeping_page .housekeeping_original_word { font-weight: 700; font-size: 1.35rem; margin-bottom: 0.2rem; } #housekeeping_page .housekeeping_original_desc { font-size: 1.25rem; color: var(--color-grey-mid); margin-bottom: 0.4rem; } #housekeeping_page .housekeeping_original_translations { font-size: 1.25rem; color: var(--color-grey-mid); } #housekeeping_page .housekeeping_original_translations > *:not(:last-child)::after { content: ', '; } #housekeeping_page .housekeeping_merge_section { border-top: 1px dashed #ccd3da; padding-top: 0.8rem; margin-bottom: 1rem; } #housekeeping_page .housekeeping_merge_label { font-size: 1.15rem; font-weight: 600; color: var(--color-grey-mid); margin-bottom: 0.6rem; } #housekeeping_page .housekeeping_pair_reason { font-size: 1.15rem; color: var(--color-grey-mid); margin-bottom: 0.6rem; text-transform: capitalize; } #housekeeping_page .housekeeping_pair_descriptions { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1rem; } #housekeeping_page .housekeeping_desc_option { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.7rem; border: 1px solid #d0d8e0; border-radius: 0.4rem; cursor: pointer; transition: border-color 0.15s, background 0.15s; } #housekeeping_page .housekeeping_desc_option input[type="radio"] { margin: 0; accent-color: var(--primary-color); } #housekeeping_page .housekeeping_desc_option.selected { border-color: var(--primary-color); background: rgba(var(--primary-color-rgb, 0, 123, 255), 0.06); } #housekeeping_page .housekeeping_desc_option:hover:not(.selected) { border-color: #aab; } #housekeeping_page .housekeeping_desc_text { font-weight: 600; font-size: 1.4rem; } #housekeeping_page .housekeeping_translations { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; } #housekeeping_page .housekeeping_group_actions { display: flex; gap: 0.8rem; align-items: center; } #housekeeping_page .housekeeping_merged_label { color: rgba(0, 100, 0, 0.8); font-weight: 600; font-size: 1.3rem; } #housekeeping_page #housekeeping_rescan, #housekeeping_page #housekeeping_done, #housekeeping_page #housekeeping_clean { text-align: center; padding: 3rem 1rem; font-size: 1.4rem; color: var(--color-grey-mid); } #housekeeping_page #housekeeping_rescan a, #housekeeping_page #housekeeping_done a, #housekeeping_page #housekeeping_clean a { display: inline-block; margin-top: 1rem; } #housekeeping_page .housekeeping_suggestion_card { position: relative; border: 1px solid #d0d8e0; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1.2rem; } #housekeeping_page .housekeeping_suggestion_card.housekeeping_suggestion_applied { opacity: 0.5; pointer-events: none; } #housekeeping_page .housekeeping_suggestion_header { display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1.2rem; background: linear-gradient(135deg, #087485 0%, #0a8f9e 100%); color: #fff; } #housekeeping_page .housekeeping_suggestion_word_info { display: flex; align-items: baseline; gap: 0.5rem; flex: 1; min-width: 0; } #housekeeping_page .housekeeping_suggestion_translations { font-size: 1.5rem; font-weight: 700; white-space: nowrap; } #housekeeping_page .housekeeping_suggestion_translations strong { font-weight: 700; } #housekeeping_page .housekeeping_suggestion_desc { font-size: 1.25rem; opacity: 0.85; } #housekeeping_page .housekeeping_suggestion_senses { padding: 1rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; } #housekeeping_page .housekeeping_sense_row { padding: 0.5rem 0.8rem; border: 1px solid #e0e5ea; border-radius: 0.4rem; background: #fff; } #housekeeping_page .housekeeping_sense_row.housekeeping_sense_added { opacity: 0.6; } #housekeeping_page .housekeeping_sense_main { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } #housekeeping_page .housekeeping_sense_actions { display: flex; gap: 0.4rem; flex-shrink: 0; } #housekeeping_page .housekeeping_added_label { font-size: 1.15rem; color: var(--color-success, #28a745); white-space: nowrap; } #housekeeping_page .housekeeping_sense_info { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.5rem; flex: 1; min-width: 0; } #housekeeping_page .housekeeping_sense_info .housekeeping_sense_def { width: 100%; } #housekeeping_page .housekeeping_sense_forms { display: flex; flex-direction: column; } #housekeeping_page .housekeeping_sense_form { display: flex; align-items: baseline; gap: 0.3rem; } #housekeeping_page .housekeeping_sense_lemma { font-weight: 700; font-size: 1.35rem; } #housekeeping_page .housekeeping_sense_gender { font-size: 1.1rem; color: var(--color-grey-mid); font-style: italic; cursor: help; } #housekeeping_page .housekeeping_suggestion_pos_tag { font-size: 1.05rem; color: #fff; background: rgba(0, 0, 0, 0.2); padding: 0.15rem 0.5rem; border-radius: 3px; line-height: 1.4; margin-left: auto; flex-shrink: 0; } #housekeeping_page .housekeeping_sense_def { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; text-align: left; padding-left: 0.5rem; border-left: 2px solid #e7e7e7; } #housekeeping_page .housekeeping_suggestion_none { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; padding: 0.5rem 0; } #housekeeping_page .housekeeping_suggestion_load_more { display: inline-block; font-size: 1.15rem; margin-top: 0.5rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-text); cursor: pointer; } #housekeeping_page .housekeeping_suggestion_load_more:hover { background: #ebeef1; border-color: #b8bfc6; } #housekeeping_page .housekeeping_dict_icon { font-size: 1.15rem; color: var(--color-grey-mid); padding: 0.1rem 0.3rem; transition: color 0.15s; } #housekeeping_page .housekeeping_dict_icon:hover { color: var(--color-primary); } #housekeeping_page .housekeeping_sentences_section { padding-top: 0.5rem; text-align: left; } #housekeeping_page .housekeeping_sentences_loading { font-size: 1.15rem; color: var(--color-grey-mid); font-style: italic; } #housekeeping_page .housekeeping_no_sentences { font-size: 1.15rem; color: var(--color-grey-mid); font-style: italic; } #housekeeping_page .housekeeping_sentences_list { display: flex; flex-direction: column; } #housekeeping_page .housekeeping_sentence_row { padding: 0.55rem 0; } #housekeeping_page .housekeeping_sentence_row + .housekeeping_sentence_row { border-top: 1px solid rgba(0, 0, 0, 0.08); } #housekeeping_page .housekeeping_sentence_text { font-size: 1.4rem; line-height: 1.65; display: block; } #housekeeping_page .housekeeping_sentence_highlight { font-weight: 600; color: var(--color-primary); } #housekeeping_page .housekeeping_sentence_translation { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; line-height: 1.5; margin-top: 0.15rem; display: block; } #housekeeping_page .housekeeping_sentence_translate { display: inline-block; font-size: 1.15rem; margin-top: 0.35rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-primary); cursor: pointer; } #housekeeping_page .housekeeping_sentence_translate i { margin-right: 0.25rem; } #housekeeping_page .housekeeping_sentence_translate:hover { background: #ebeef1; border-color: #b8bfc6; } #housekeeping_page .housekeeping_sentence_translate:disabled { cursor: default; opacity: 0.7; } #housekeeping_page .housekeeping_translate_failed { color: var(--color-grey-mid) !important; font-style: italic; border-color: #d0d5da !important; background: #f5f7f9 !important; } #housekeeping_page .housekeeping_sentences_load_more { display: inline-block; font-size: 1.15rem; margin-top: 0.5rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-text); text-decoration: none; cursor: pointer; } #housekeeping_page .housekeeping_sentences_load_more:hover { background: #ebeef1; border-color: #b8bfc6; } #housekeeping_page .housekeeping_suggestions_pag { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; padding-bottom: 0.5rem; } #housekeeping_page .housekeeping_suggestions_pag_info { font-size: 1.25rem; color: var(--color-grey-mid); } .housekeeping_explanation_btn { display: inline-block; font-size: 1.15rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-text); white-space: nowrap; cursor: pointer; } .housekeeping_explanation_btn i { margin-right: 0.25rem; } .housekeeping_explanation_btn:hover { cursor: pointer; background: #ebeef1; border-color: #b8bfc6; } .housekeeping_explanation_btn:disabled { opacity: 0.5; cursor: default; } /* SHARED WORD LIST (public preview page) */ #shared_word_list { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; font-size: 1.6rem; padding-bottom: 3rem; text-align: left; min-height: 15rem; } #shared_word_list .shared_word_list_header { text-align: center; margin-bottom: 2rem; } #shared_word_list .shared_word_list_header h1 { margin-bottom: 0.3rem; } #shared_word_list .shared_word_list_meta { font-size: 1.3rem; color: var(--color-grey-mid); } #shared_word_list .shared_word_list_meta .shared_word_list_separator { margin: 0 0.4rem; } #shared_word_list .shared_word_list_owner_notice { text-align: center; padding: 1rem 1.5rem; margin-bottom: 1.5rem; background: rgba(8, 116, 133, 0.06); border-radius: 0.8rem; font-size: 1.4rem; } #shared_word_list .shared_word_list_owner_notice a { font-weight: 600; color: #087485; } #shared_word_list .shared_word_list_import_bar { text-align: center; margin-bottom: 1.5rem; } #shared_word_list #shared_word_list_import_modal { margin-bottom: 1.5rem; } #shared_word_list #shared_word_list_import_modal .import_modal_inner { padding: 1.5rem 2rem; background: rgba(8, 116, 133, 0.04); border: 1px solid rgba(8, 116, 133, 0.15); border-radius: 0.8rem; } #shared_word_list #shared_word_list_import_modal .import_modal_inner h3 { font-size: 1.6rem; margin-bottom: 1.2rem; } #shared_word_list #shared_word_list_import_modal .import_modal_field { margin-bottom: 0.8rem; } #shared_word_list #shared_word_list_import_modal .import_modal_field label { display: block; font-size: 1.3rem; font-weight: 600; margin-bottom: 0.3rem; } #shared_word_list #shared_word_list_import_modal .import_modal_field select, #shared_word_list #shared_word_list_import_modal .import_modal_field input[type="text"] { width: 100%; padding: 0.5rem 0.8rem; font-size: 1.4rem; border: 1.5px solid rgba(8, 116, 133, 0.2); border-radius: 0.6rem; box-sizing: border-box; font-family: inherit; } #shared_word_list #shared_word_list_import_modal .import_modal_or { text-align: center; font-size: 1.3rem; color: var(--color-grey-mid); margin: 0.6rem 0; } #shared_word_list #shared_word_list_import_modal .import_modal_buttons { display: flex; gap: 0.8rem; margin-top: 1.2rem; } #shared_word_list #shared_word_list_import_modal .import_modal_buttons .secondary { background: var(--color-bg-button); color: var(--color-text-primary); } #shared_word_list #shared_word_list_import_modal .import_modal_error { margin-top: 0.8rem; font-size: 1.3rem; color: var(--error-color); } #shared_word_list #shared_word_list_import_modal .import_modal_success { font-size: 1.5rem; font-weight: 600; color: #087485; margin-bottom: 1rem; } #shared_word_list #shared_word_list_import_modal .import_modal_success i { margin-right: 0.3rem; } #shared_word_list .shared_word_list_language_mismatch, #shared_word_list .shared_word_list_cta { text-align: center; padding: 1.2rem 1.5rem; margin-bottom: 1.5rem; background: rgba(8, 116, 133, 0.06); border-radius: 0.8rem; font-size: 1.4rem; line-height: 1.6; } #shared_word_list .shared_word_list_language_mismatch a, #shared_word_list .shared_word_list_cta a { font-weight: 600; color: #087485; } #shared_word_list .shared_word_list_table { display: grid; grid-template-columns: min-content minmax(10rem, 30rem) minmax(10rem, 30rem); } #shared_word_list .shared_word_list_table > div, #shared_word_list .shared_word_list_table > a { padding: 1.2rem 1.5rem; } #shared_word_list .shared_word_list_table .word_list_translations_cell { overflow-x: hidden; } #shared_word_list .shared_word_list_table .word_list_translation_line { line-height: 1.6; padding: 0.15rem 0; } #shared_word_list .shared_word_list_table .word_list_translation_line:not(:last-of-type) { border-bottom: 1px solid rgba(8, 116, 133, 0.2); } #shared_word_list .shared_word_list_table .word_list_translation_text { font-weight: 600; } #shared_word_list .shared_word_list_table .word_list_translation_line.secondary .word_list_translation_text { font-weight: 400; } #shared_word_list .shared_word_list_table .word_list_translation_note { font-size: 1.3rem; color: var(--text-color-secondary); font-style: italic; } #shared_word_list .shared_word_list_table .word_list_word_gender { font-weight: 400; font-style: italic; } #shared_word_list .shared_word_list_table .word_list_description { overflow-x: hidden; } #shared_word_list .shared_word_list_empty { text-align: center; font-size: 1.8rem; margin-top: 3rem; color: var(--color-grey-mid); } .shared_word_list_not_found { text-align: center; padding: 5rem 2rem; } .shared_word_list_not_found h1 { font-size: 2.4rem; margin-bottom: 1.5rem; } .shared_word_list_not_found p { font-size: 1.6rem; color: var(--color-grey-mid); margin-bottom: 0.5rem; } /* ========== WORD LIST FOLDERS (on word lists page) ========== */ .word_lists_folder { grid-column: 1 / -1; } .word_lists_folder.selected > .word_lists_folder_header { background-color: rgba(8, 116, 133, 0.2); } .word_lists_folder_header { display: flex; align-items: center; gap: 0.6rem; padding: 0.7rem 1.2rem; font-weight: 600; font-size: 1.5rem; background-color: rgba(8, 116, 133, 0.04); transition: background-color 0.15s; } .word_lists_folder_header:hover { cursor: pointer; } .word_lists_folder_header:hover:disabled { cursor: default; } .word_lists_folder_header:hover { background-color: rgba(8, 116, 133, 0.09); } .word_lists_folder_header .word_lists_folder_toggle { transition: transform 0.2s; font-size: 1.1rem; color: var(--color-grey-mid, #999); } .word_lists_folder_header .word_lists_folder_toggle.collapsed { transform: rotate(-90deg); } .word_lists_folder_header .word_lists_folder_icon { font-size: 1.5rem; color: #087485; opacity: 0.8; } .word_lists_folder_header .word_lists_folder_name { flex: 1; } .word_lists_folder_header .word_lists_folder_count { font-weight: 400; font-size: 1.25rem; color: var(--color-grey-mid, #999); margin-right: 0.5rem; } .word_lists_folder_header .word_lists_folder_actions { display: flex; align-items: center; gap: 0.8rem; margin-left: 0.5rem; } .word_lists_folder_header .word_lists_folder_actions i { font-size: 1.3rem; color: rgba(8, 116, 133, 0.45); transition: color 0.15s; } .word_lists_folder_header .word_lists_folder_actions i:hover { color: #087485; } .word_lists_folder_header .word_lists_folder_word_count { font-weight: 400; font-size: 1.35rem; min-width: 4rem; text-align: center; color: var(--color-grey-mid, #999); } .word_lists_folder_children { display: grid; grid-template-columns: auto 3rem 9rem 7rem 7rem; text-align: center; padding-left: 1.8rem; } .word_lists_folder_children > .word_lists_row { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; } .word_lists_folder_children .word_lists_name, .word_lists_folder_children .word_lists_details, .word_lists_folder_children .word_lists_list_word_count, .word_lists_folder_children .word_lists_knowledge_score, .word_lists_folder_children .word_lists_knowledge_percent { padding: 1rem 1.2rem; border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .word_lists_folder_children .word_lists_name:hover, .word_lists_folder_children .word_lists_details:hover, .word_lists_folder_children .word_lists_list_word_count:hover, .word_lists_folder_children .word_lists_knowledge_score:hover, .word_lists_folder_children .word_lists_knowledge_percent:hover { cursor: pointer; } .word_lists_folder_children .word_lists_name:hover:disabled, .word_lists_folder_children .word_lists_details:hover:disabled, .word_lists_folder_children .word_lists_list_word_count:hover:disabled, .word_lists_folder_children .word_lists_knowledge_score:hover:disabled, .word_lists_folder_children .word_lists_knowledge_percent:hover:disabled { cursor: default; } .word_lists_folder_children .word_lists_name.selected, .word_lists_folder_children .word_lists_details.selected, .word_lists_folder_children .word_lists_list_word_count.selected, .word_lists_folder_children .word_lists_knowledge_score.selected, .word_lists_folder_children .word_lists_knowledge_percent.selected { background-color: rgba(8, 116, 133, 0.2) !important; font-weight: 600; } .word_lists_folder_children > :last-child > .word_lists_name, .word_lists_folder_children > :last-child > .word_lists_details, .word_lists_folder_children > :last-child > .word_lists_list_word_count, .word_lists_folder_children > :last-child > .word_lists_knowledge_score, .word_lists_folder_children > :last-child > .word_lists_knowledge_percent { border-bottom: none; } .word_lists_folder_children .word_lists_name { text-align: left; } .word_lists_folder_children .word_lists_details { padding-left: 0.5rem; } .word_lists_folder_children > .word_lists_folder, .word_lists_folder_children > .word_lists_row { position: relative; } .word_lists_folder_children > .word_lists_folder::before, .word_lists_folder_children > .word_lists_row::before { content: ''; position: absolute; left: -0.9rem; top: var(--tree-connector-top); width: 0.9rem; height: 0; border-top: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } .word_lists_folder_children > .word_lists_folder::after, .word_lists_folder_children > .word_lists_row::after { content: ''; position: absolute; left: -0.9rem; top: 0; bottom: 0; width: 0; border-left: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } .word_lists_folder_children > .word_lists_folder:first-child::after, .word_lists_folder_children > .word_lists_row:first-child::after { top: 0; } .word_lists_folder_children > .word_lists_folder:last-child::after, .word_lists_folder_children > .word_lists_row:last-child::after { bottom: auto; height: var(--tree-connector-top); } .word_lists_folder_children > .word_lists_folder:only-child::after, .word_lists_folder_children > .word_lists_row:only-child::after { height: var(--tree-connector-top); } .word_lists_folder_children > .word_lists_folder { --tree-connector-top: 1.6rem; } .word_lists_folder_children > .word_lists_row { --tree-connector-top: 50%; } #word_lists_manage_folders_button { font-size: 2rem; position: relative; bottom: 0.15rem; margin-left: 0.5rem; color: #087485; transition: color 0.15s; } #word_lists_manage_folders_button:hover { color: #054a55; } .breadcrumb-folder-icon { font-size: 1.2rem; margin-right: 0.2rem; color: #087485; } /* Move-to-folder section on word list detail page */ #word_list_folder_row { display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 0; } .word_list_folder_label { font-size: 1.4rem; font-weight: 600; white-space: nowrap; color: var(--color-text-primary, #333); } #word_list_folder_breadcrumb { font-size: 1.4rem; } #word_list_folder_breadcrumb .word_list_folder_sep { font-size: 0.9rem; margin: 0 0.4rem; color: #087485; position: relative; bottom: 0.1rem; } #word_list_folder_change_btn { margin-left: 0.3rem; font-size: 1.15rem; padding: 0.2rem 0.8rem; } #word_list_folder_picker { border: 1px solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; padding: 0.4rem 0; margin-bottom: 0.8rem; max-height: 25rem; overflow-y: auto; } .word_list_folder_picker_item { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1rem; font-size: 1.4rem; transition: background-color 0.1s; } .word_list_folder_picker_item:not(.current):hover { cursor: pointer; } .word_list_folder_picker_item:not(.current):hover:disabled { cursor: default; } .word_list_folder_picker_item:not(.current):hover { background-color: rgba(8, 116, 133, 0.08); } .word_list_folder_picker_item.current { font-weight: 600; background-color: rgba(8, 116, 133, 0.06); } .word_list_folder_picker_item i { font-size: 1.3rem; color: rgba(8, 116, 133, 0.45); width: 1.6rem; text-align: center; } .word_list_folder_picker_current { font-size: 1.1rem; color: var(--color-grey-mid, #999); margin-left: auto; font-weight: 400; font-style: italic; } .word_list_folder_picker_item.fp_has_tree { position: relative; } .word_list_folder_picker_item.fp_has_tree::before { content: ''; position: absolute; top: 50%; width: 0.5rem; height: 0; border-top: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } .word_list_folder_picker_item.fp_has_tree::after { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } .word_list_folder_picker_item.fp_has_tree.fp_tree_last::after { bottom: auto; height: 50%; } .word_list_folder_picker_item.fp_has_tree[data-depth="0"]::before { left: 0.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="0"]::after { left: 0.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="1"]::before { left: 1.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="1"]::after { left: 1.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="2"]::before { left: 2.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="2"]::after { left: 2.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="3"]::before { left: 3.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="3"]::after { left: 3.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="4"]::before { left: 4.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="4"]::after { left: 4.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="5"]::before { left: 5.5rem; } .word_list_folder_picker_item.fp_has_tree[data-depth="5"]::after { left: 5.5rem; } .fp_tree_vline { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } /* ========== FOLDER ORGANIZER PAGE ========== */ #folder_organizer { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; font-size: 1.6rem; padding-bottom: 4rem; text-align: left; } #folder_organizer_instructions { font-size: 1.4rem; color: var(--color-grey-dark, #555); margin-bottom: 2rem; line-height: 1.6; } #folder_organizer_instructions p { margin-bottom: 0.8rem; } #folder_organizer_instructions ul { margin: 0; padding-left: 2rem; list-style: disc; } #folder_organizer_instructions li { margin-bottom: 0.3rem; } #folder_organizer_instructions i { color: #087485; font-size: 1.2rem; } #folder_organizer_toolbar { display: flex; justify-content: flex-end; margin-bottom: 2rem; } #folder_organizer_toolbar .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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #folder_organizer_toolbar .button:hover { cursor: pointer; } #folder_organizer_toolbar .button:hover:disabled { cursor: default; } #folder_organizer_toolbar .button:hover { background-color: var(--color-bg-button-hover); } .fo_folder_header { display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1rem; border-radius: 0.4rem; font-size: 1.5rem; background-color: var(--color-bg-row-alt, rgba(0, 0, 0, 0.02)); transition: all 0.15s; } .fo_folder_header:hover { cursor: pointer; } .fo_folder_header:hover:disabled { cursor: default; } .fo_folder_header:hover { background-color: var(--color-bg-button-hover, rgba(8, 116, 133, 0.08)); } .fo_folder_header.fo_dragging { opacity: 0.4; } .fo_folder_header.fo_drop_target { outline: 2px solid #087485; outline-offset: -2px; background-color: rgba(8, 116, 133, 0.12); } .fo_folder_header .fo_toggle { font-size: 1.2rem; color: var(--color-grey-mid, #888); transition: transform 0.2s; } .fo_folder_header .fo_toggle.collapsed { transform: rotate(-90deg); } .fo_folder_header .fo_folder_icon { font-size: 1.6rem; color: #087485; } .fo_folder_header .fo_folder_name { font-weight: 600; flex: 1; } .fo_folder_header .fo_folder_list_count { font-weight: 400; font-size: 1.3rem; color: var(--color-grey-mid, #888); } .fo_folder_header .fo_folder_actions { display: flex; gap: 0.8rem; } .fo_folder_header .fo_folder_actions i { font-size: 1.4rem; color: rgba(8, 116, 133, 0.45); transition: color 0.15s; } .fo_folder_header .fo_folder_actions i:hover { color: #087485; } .fo_folder_children { padding-left: 2rem; } .fo_folder_children > .fo_folder, .fo_folder_children > .fo_list_item { position: relative; } .fo_folder_children > .fo_folder::before, .fo_folder_children > .fo_list_item::before { content: ''; position: absolute; left: -1rem; top: var(--fo-connector-top); width: 1rem; height: 0; border-top: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } .fo_folder_children > .fo_folder::after, .fo_folder_children > .fo_list_item::after { content: ''; position: absolute; left: -1rem; top: 0; bottom: 0; width: 0; border-left: 1px solid rgba(8, 116, 133, 0.18); pointer-events: none; } .fo_folder_children > .fo_folder:first-child::after, .fo_folder_children > .fo_list_item:first-child::after { top: 0; } .fo_folder_children > .fo_folder:has(+ .fo_drop_zone)::after, .fo_folder_children > .fo_list_item:has(+ .fo_drop_zone)::after { bottom: auto; height: var(--fo-connector-top); } .fo_folder_children > .fo_folder:first-child:has(+ .fo_drop_zone)::after, .fo_folder_children > .fo_list_item:first-child:has(+ .fo_drop_zone)::after { height: var(--fo-connector-top); } .fo_folder_children > .fo_folder { --fo-connector-top: 1.6rem; } .fo_folder_children > .fo_list_item { --fo-connector-top: 50%; } .fo_drop_zone { display: none; padding: 1rem; margin: 0.3rem 0; border: 2px dashed rgba(8, 116, 133, 0.2); border-radius: 0.4rem; text-align: center; font-size: 1.3rem; color: var(--color-grey-mid, #888); transition: all 0.15s; } .fo_drop_zone.fo_drop_active { display: block; } .fo_drop_zone.fo_drop_hover { background-color: rgba(8, 116, 133, 0.1); border-color: #087485; color: #087485; } .fo_list_item { display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 1rem; font-size: 1.5rem; border-radius: 0.4rem; transition: all 0.15s; } .fo_list_item:hover { cursor: pointer; } .fo_list_item:hover:disabled { cursor: default; } .fo_list_item:hover { background-color: var(--color-bg-button-hover, rgba(8, 116, 133, 0.08)); } .fo_list_item.fo_dragging { opacity: 0.4; } .fo_list_item .fo_list_icon { font-size: 1.4rem; color: #087485; } .fo_list_item .fo_list_name { flex: 1; } .fo_list_item .fo_list_word_count { font-size: 1.3rem; color: var(--color-grey-mid, #888); } #folder_organizer_root_lists { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(8, 116, 133, 0.2); } .folder_organizer_section_label { font-weight: 600; font-size: 1.5rem; margin-bottom: 0.8rem; color: var(--color-grey-mid, #888); } #folder_organizer_root_list_container { min-height: 4rem; border: 2px solid transparent; border-radius: 0.4rem; transition: all 0.15s; } #folder_organizer_root_list_container.fo_drop_active { border: 2px dashed rgba(8, 116, 133, 0.2); } #folder_organizer_root_list_container.fo_drop_hover { background-color: rgba(8, 116, 133, 0.1); border-color: #087485; } .fo_touch_clone { position: fixed; z-index: 10000; pointer-events: none; opacity: 0.85; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); border-radius: 0.4rem; max-width: 80vw; overflow: hidden; } .fo_no_select { -webkit-user-select: none !important; user-select: none !important; } .fo_empty_message { padding: 1rem; font-size: 1.4rem; color: var(--color-grey-mid, #888); text-align: center; font-style: italic; } /* WORD LIST ADVANCED EDITOR */ #adv_editor .breadcrumb .active .info_dialog_button { margin-left: 0.5rem; font-size: 1.4rem; } .adv-editor__nav { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 2rem; flex-wrap: wrap; } .adv-editor__nav-btn { min-width: 3.6rem; text-align: center; padding: 0.4rem 0.8rem; } .adv-editor__word-select { flex: 1; min-width: 15rem; max-width: 40rem; font-size: 1.4rem; padding: 0.4rem 0.6rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.4rem; background-color: var(--color-bg-input); color: var(--color-text); } .adv-editor__counter { font-size: 1.3rem; color: #888888; white-space: nowrap; } .adv-editor__desc-pos-row { display: flex; margin-bottom: 1.8rem; } .adv-editor__desc-pos-row .adv-editor__desc-col { flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .adv-editor__desc-pos-row .adv-editor__pos-col { flex: 0 0 auto; width: 18rem; margin-bottom: 0; margin-left: 1.5rem; } .adv-editor__desc-pos-row .adv-editor__textarea, .adv-editor__desc-pos-row .adv-editor__select { box-sizing: border-box; } .adv-editor__note { margin-bottom: 1.5rem; } .adv-editor__section { margin-bottom: 1.8rem; } .adv-editor__section--half { vertical-align: top; } .adv-editor__row { display: flex; gap: 3%; margin-bottom: 1.8rem; } .adv-editor__row .adv-editor__section--half { flex: 0 0 48%; } .adv-editor__label { display: block; font-size: 1.3rem; font-weight: 600; margin-bottom: 0.4rem; color: var(--color-text); } .adv-editor__textarea, .adv-editor__select { width: 100%; font-size: 1.4rem; padding: 0.5rem 0.7rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.4rem; background-color: var(--color-bg-input); color: var(--color-text); font-family: inherit; resize: vertical; } .adv-editor__translations-list { display: flex; flex-direction: column; gap: 1.2rem; margin-bottom: 0.8rem; } .adv-editor__sentences-list { display: flex; flex-direction: column; gap: 0.6rem; } .adv-editor__translation-block { border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.4rem; overflow: visible; position: relative; } .adv-editor__translation-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.8rem; background-color: var(--color-bg-input); border-radius: 0.4rem 0.4rem 0 0; } .adv-editor__translation-sentences { padding: 0.4rem 0.8rem 0.6rem; background-color: var(--color-bg-input); border-top: 1px dashed #e7e7e7; border-radius: 0 0 0.4rem 0.4rem; text-align: left; } .adv-editor__sent-header { display: flex; gap: 0.6rem; padding: 0.2rem 0 0.3rem; padding-left: 2rem; padding-right: 2.6rem; } .adv-editor__sent-header-label { flex: 2; font-size: 1.1rem; font-weight: 600; color: #888888; text-transform: uppercase; letter-spacing: 0.03em; } .adv-editor__sentence-btn-row { display: flex; justify-content: center; gap: 0.6rem; margin-top: 0.5rem; } .adv-editor__sentence-btn-row .small_button { font-size: 1.05rem; } .adv-editor__corpus-list { margin-top: 0.2rem; } .adv-editor__sent-label { display: flex; align-items: flex-start; gap: 0.5rem; cursor: pointer; padding: 0.4rem 0.4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); font-size: 1.2rem; line-height: 1.5; border-radius: 0.3rem; transition: background 0.15s; } .adv-editor__sent-label:hover { background: rgba(0, 0, 0, 0.03); } .adv-editor__sent-label input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important; width: 1.4rem; height: 1.4rem; min-width: 1.4rem; flex-shrink: 0; margin-top: 0.25rem; cursor: pointer; accent-color: var(--color-primary); } .adv-editor__sent-label:has(input:checked) { background: rgba(8, 116, 133, 0.08); } .adv-editor__sent-content { flex: 1; } .adv-editor__sent-text { display: block; } .adv-editor__sent-text b { font-weight: 600; } .adv-editor__sent-translation { display: block; font-size: 1.05rem; color: #888888; font-style: italic; margin-top: 0.1rem; } .adv-editor__manual-row { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.4rem; } .adv-editor__manual-row .adv-editor__manual-text { flex: 2; font-size: 1.15rem; font-style: italic; padding: 0.3rem 0.5rem; border: 1px solid #e7e7e7; border-radius: 0.3rem; background-color: transparent; color: var(--color-text); } .adv-editor__manual-row .adv-editor__manual-trans { flex: 1.5; font-size: 1.05rem; padding: 0.3rem 0.5rem; color: #888888; border: 1px solid #e7e7e7; border-radius: 0.3rem; background-color: transparent; } .adv-editor__manual-row .adv-editor__manual-remove { background: none; border: none; font-size: 1.3rem; cursor: pointer; color: #888888; padding: 0 0.3rem; line-height: 1; flex-shrink: 0; } .adv-editor__manual-row .adv-editor__manual-remove:hover { color: #d32f2f; } .adv-editor__move-group { display: flex; flex-direction: column; flex-shrink: 0; align-self: center; border: 1px solid #e7e7e7; border-radius: 0.3rem; overflow: hidden; } .adv-editor__move-btn { background: none; border: none; color: #888888; font-size: 1rem; padding: 0.25rem 0.4rem; line-height: 1; display: flex; align-items: center; justify-content: center; } .adv-editor__move-btn:hover { cursor: pointer; } .adv-editor__move-btn:hover:disabled { cursor: default; } .adv-editor__move-btn + .adv-editor__move-btn { border-top: 1px solid #e7e7e7; } .adv-editor__move-btn:hover { color: var(--color-primary); background: rgba(8, 116, 133, 0.08); } .adv-editor__primary-toggle { cursor: pointer; font-size: 1.15rem; padding: 0.15rem 0.5rem; border-radius: 0.3rem; user-select: none; flex-shrink: 0; border: 1px solid #ccc; background: #f0f0f0; color: var(--color-grey-mid); white-space: nowrap; } .adv-editor__primary-toggle.active { background: #fff8e1; border-color: #f0a500; color: #b37800; } .adv-editor__translation-gender { font-size: 1.15rem; padding: 0.2rem 0.3rem; flex-shrink: 0; } .adv-editor__show-sentences-btn { flex-shrink: 0; white-space: nowrap; } .adv-editor__translation-text, .adv-editor__translation-note { flex: 1; font-size: 1.4rem; padding: 0.4rem 0.5rem; border: 0.1rem solid #e7e7e7; border-radius: 0.3rem; background-color: transparent; color: var(--color-text); min-width: 0; line-height: 1.15; box-sizing: border-box; } .adv-editor__translation-note { resize: none; overflow: hidden; font-family: inherit; } .adv-editor__remove-translation { position: absolute; top: -0.7rem; right: -0.7rem; background: var(--color-bg-box, #fff); border: none; font-size: 1.6rem; color: #888888; padding: 0; line-height: 1; z-index: 1; border-radius: 50%; } .adv-editor__remove-translation:hover { cursor: pointer; } .adv-editor__remove-translation:hover:disabled { cursor: default; } .adv-editor__remove-translation:hover, .adv-editor__remove-translation:hover i { color: #d32f2f; } .adv-editor__remove-btn { background: none; border: none; font-size: 1.8rem; color: #888888; padding: 0.2rem 0.4rem; line-height: 1; } .adv-editor__remove-btn:hover { cursor: pointer; } .adv-editor__remove-btn:hover:disabled { cursor: default; } .adv-editor__remove-btn:hover { color: #d32f2f; } .adv-editor__sentence-row { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.4rem 0; flex-wrap: wrap; } .adv-editor__linked-badge { font-size: 1.2rem; color: #087485; margin-top: 0.5rem; flex-shrink: 0; } .adv-editor__linked-badge .fa-unlink { color: #888888; } .adv-editor__sentence-text { flex: 2; font-size: 1.4rem; padding: 0.4rem 0.5rem; border: 0.1rem solid #e7e7e7; border-radius: 0.3rem; background-color: transparent; color: var(--color-text); min-width: 12rem; resize: none; overflow: hidden; font-family: inherit; min-height: 2.6rem; } .adv-editor__sentence-translation { flex: 2; font-size: 1.3rem; padding: 0.4rem 0.5rem; border: 0.1rem solid #e7e7e7; border-radius: 0.3rem; background-color: transparent; color: var(--color-text); min-width: 12rem; resize: none; overflow: hidden; font-family: inherit; min-height: 2.6rem; } .adv-editor__btn-row { display: flex; gap: 0.8rem; flex-wrap: wrap; } .adv-editor__suggestions-panel { margin-top: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.4rem; padding: 1rem; background-color: var(--color-bg-input); } .adv-editor__suggestions-panel .housekeeping_suggestion_senses { display: flex; flex-direction: column; gap: 0.5rem; } .adv-editor__suggestions-panel .housekeeping_sense_row { padding: 0.5rem 0.8rem; border: 1px solid #e0e5ea; border-radius: 0.4rem; background: #fff; } .adv-editor__suggestions-panel .housekeeping_sense_row.housekeeping_sense_added { opacity: 0.6; } .adv-editor__suggestions-panel .housekeeping_sense_main { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .adv-editor__suggestions-panel .housekeeping_sense_actions { display: flex; gap: 0.4rem; flex-shrink: 0; } .adv-editor__suggestions-panel .housekeeping_added_label { font-size: 1.15rem; color: var(--color-success, #28a745); white-space: nowrap; } .adv-editor__suggestions-panel .housekeeping_sense_info { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.5rem; flex: 1; min-width: 0; } .adv-editor__suggestions-panel .housekeeping_sense_info .housekeeping_sense_def { width: 100%; } .adv-editor__suggestions-panel .housekeeping_sense_forms { display: flex; flex-direction: column; } .adv-editor__suggestions-panel .housekeeping_sense_form { display: flex; align-items: baseline; gap: 0.3rem; } .adv-editor__suggestions-panel .housekeeping_sense_lemma { font-weight: 700; font-size: 1.35rem; } .adv-editor__suggestions-panel .housekeeping_sense_gender { font-size: 1.1rem; color: var(--color-grey-mid); font-style: italic; cursor: help; } .adv-editor__suggestions-panel .housekeeping_sense_def { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; text-align: left; padding-left: 0.5rem; border-left: 2px solid #e7e7e7; } .adv-editor__suggestions-panel .housekeeping_dict_icon { font-size: 1.15rem; color: var(--color-grey-mid); padding: 0.1rem 0.3rem; transition: color 0.15s; } .adv-editor__suggestions-panel .housekeeping_dict_icon:hover { color: var(--color-primary); } .adv-editor__suggestions-panel .housekeeping_suggestion_none { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; padding: 0.5rem 0; } .adv-editor__suggestions-panel .housekeeping_sentences_section { padding-top: 0.5rem; text-align: left; } .adv-editor__suggestions-panel .housekeeping_sentences_loading, .adv-editor__suggestions-panel .housekeeping_no_sentences { font-size: 1.15rem; color: var(--color-grey-mid); font-style: italic; } .adv-editor__suggestions-panel .housekeeping_sentences_list { display: flex; flex-direction: column; } .adv-editor__suggestions-panel .housekeeping_sentence_row { padding: 0.55rem 0; } .adv-editor__suggestions-panel .housekeeping_sentence_row + .housekeeping_sentence_row { border-top: 1px solid rgba(0, 0, 0, 0.08); } .adv-editor__suggestions-panel .housekeeping_sentence_text { font-size: 1.4rem; line-height: 1.65; display: block; } .adv-editor__suggestions-panel .housekeeping_sentence_highlight { font-weight: 600; color: var(--color-primary); } .adv-editor__suggestions-panel .housekeeping_sentence_translation { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; line-height: 1.5; margin-top: 0.15rem; display: block; } .adv-editor__suggestions-panel .housekeeping_sentence_translate { display: inline-block; font-size: 1.15rem; margin-top: 0.35rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-primary); cursor: pointer; } .adv-editor__suggestions-panel .housekeeping_sentence_translate i { margin-right: 0.25rem; } .adv-editor__suggestions-panel .housekeeping_sentence_translate:hover { background: #ebeef1; border-color: #b8bfc6; } .adv-editor__suggestions-panel .housekeeping_sentence_translate:disabled { cursor: default; opacity: 0.7; } .adv-editor__suggestions-panel .housekeeping_translate_failed { color: var(--color-grey-mid) !important; font-style: italic; border-color: #d0d5da !important; background: #f5f7f9 !important; } .adv-editor__suggestions-panel .housekeeping_sentences_load_more { display: inline-block; font-size: 1.15rem; margin-top: 0.5rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-text); cursor: pointer; } .adv-editor__suggestions-panel .housekeeping_sentences_load_more:hover { background: #ebeef1; border-color: #b8bfc6; } .adv-editor__actions { display: flex; align-items: center; gap: 1.2rem; margin-bottom: 2rem; } .adv-editor__save-btn { font-size: 1.4rem; padding: 0.5rem 2rem; } .adv-editor__auto-save-toggle { display: inline-flex; align-items: center; gap: 0.6rem; margin-left: auto; } .adv-editor__auto-save-label { font-size: 1.3rem; color: var(--color-text); user-select: none; } .adv-editor__save-status { font-size: 1.3rem; } .adv-editor__save-status--ok { color: green; } .adv-editor__save-status--error { color: #d32f2f; } .adv-editor__preview-btn { margin-left: auto; } .adv-editor__no-scroll { overflow: hidden; } .adv-editor__preview-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 2rem; } .adv-editor__preview-modal { position: relative; background: var(--color-bg-box, #fff); border-radius: 1rem; max-width: 56rem; width: 100%; max-height: 85vh; overflow-y: auto; box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25); } .adv-editor__preview-close { position: absolute; top: 0.8rem; right: 1rem; background: none; border: none; font-size: 2.4rem; color: #888888; cursor: pointer; z-index: 1; line-height: 1; padding: 0.2rem 0.5rem; } .adv-editor__preview-close:hover { color: #434343; } .preview-front-card { position: relative; border: 1px solid var(--color-border, #d0d8e0); border-radius: 0.8rem; padding: 3rem 2rem; margin: 2rem 2rem 0; text-align: center; } .preview-front-card .preview-front__text { font-size: 2.6rem; font-weight: 600; } .preview-front-card .preview-front__pos { position: absolute; bottom: 0.6rem; right: 0.8rem; font-size: 1.4rem; color: var(--color-grey-mid, #888); } .adv-editor__preview-label { font-size: 1.2rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-grey-mid, #888); text-align: center; margin: 1.2rem 0 0; } .adv-editor__preview-body { padding: 2.5rem 2rem 2rem !important; width: auto !important; max-width: 100% !important; margin: 0 !important; margin-left: 0 !important; box-shadow: none !important; border: none !important; font-size: 2.3rem; display: block !important; grid-template-rows: none !important; } .adv-editor__preview-body h2 { text-align: center; margin-bottom: 1rem; } .adv-editor__preview-body #practice_words_back_senses { text-align: left; } .adv-editor__preview-body #practice_words_back_senses .practice_words_card_content { padding: 0 0.2rem; width: 95%; } .adv-editor__preview-body #practice_words_back_senses .practice_words_back_primary_sense, .adv-editor__preview-body #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; } .adv-editor__preview-body #practice_words_back_senses .practice_words_back_primary_sense .practice_words_back_sense_words, .adv-editor__preview-body #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_back_sense_words { line-height: 1.5; text-align: center; } .adv-editor__preview-body #practice_words_back_senses .practice_words_back_primary_sense .practice_words_back_sense_words .practice_words_back_sense_text, .adv-editor__preview-body #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_back_sense_words .practice_words_back_sense_text { font-weight: 600; } .adv-editor__preview-body #practice_words_back_senses .practice_words_back_primary_sense .practice_words_card_content, .adv-editor__preview-body #practice_words_back_senses .practice_words_back_secondary_sense .practice_words_card_content { margin: auto; } .adv-editor__preview-body #practice_words_back_senses .practice_words_card_header { text-align: right; padding: 1rem; padding-bottom: 0.4rem; } .adv-editor__preview-body #practice_words_back_senses #practice_words_back_secondary_senses { margin-top: 2rem; } .adv-editor__preview-body #practice_words_back_senses .practice_words_back_gender { font-weight: 400; font-style: italic; font-size: 2.4rem; } .adv-editor__preview-body .practice_words_back_note_container { margin-top: 0.5rem; } .adv-editor__preview-body .practice_words_back_note { font-size: 1.5rem; font-style: italic; color: #888888; white-space: pre-line; text-align: left; } .adv-editor__preview-body .wbw_examples_practice { margin-top: 1.5rem; border-top: 0.1rem solid rgba(8, 116, 133, 0.2); padding: 1.5rem 2rem 0; position: relative; text-align: left; } .adv-editor__section--copy-move { display: flex; align-items: center; gap: 0.8rem; border-top: 0.1rem solid rgba(8, 116, 133, 0.2); padding-top: 1.5rem; flex-wrap: wrap; } .adv-editor__section--copy-move .adv-editor__select { width: auto; min-width: 18rem; } /* Search panel (per-translation and standalone) */ .adv-editor__search-panel { margin-top: 0.6rem; border: 1px solid #e7e7e7; border-radius: 0.4rem; padding: 0.8rem; background-color: #fafbfc; max-height: 30rem; overflow-y: auto; } .adv-editor__search-panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; font-size: 1.3rem; font-weight: 600; } .adv-editor__search-close { background: none; border: none; font-size: 1.5rem; color: #888888; } .adv-editor__search-close:hover { cursor: pointer; } .adv-editor__search-close:hover:disabled { cursor: default; } .adv-editor__search-close:hover { color: #434343; } .adv-editor__search-results { display: flex; flex-direction: column; gap: 0.6rem; } .adv-editor__search-result-item { display: flex; align-items: flex-start; gap: 0.8rem; padding: 0.5rem 0; border-bottom: 0.1rem solid #e7e7e7; flex-wrap: wrap; } .adv-editor__search-result-item:last-child { border-bottom: none; } .adv-editor__search-result-text { flex: 1; font-size: 1.4rem; min-width: 15rem; } .adv-editor__search-result-text mark { background-color: rgba(255, 235, 59, 0.4); padding: 0 0.1rem; border-radius: 0.2rem; } .adv-editor__search-result-translation { flex: 1; font-size: 1.3rem; color: #888888; min-width: 10rem; } .adv-editor__search-add-btn { flex-shrink: 0; align-self: center; } /* 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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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(50vw + 22rem); } @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: #c80000 0.2rem solid; background-color: rgba(200, 0, 0, 0.15); border-radius: 1.2rem; color: #c80000; } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_label i { color: #c80000; } #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: #c80000; } #practice_words_mistakes_progress_bar_container #practice_words_mistakes_progress_bar .progress_bar_end { background-color: #c80000; } #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 1.8rem; } #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button:hover { cursor: pointer; } #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button:hover:disabled { cursor: default; } #practice_words_mistakes_stage_buttons_container .practice_words_mistakes_stage_button:hover { background-color: var(--color-bg-button-hover); } #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_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 { cursor: pointer; } #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 { cursor: default; } #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_text .practice_reverse_words_front_note { font-size: 0.75em; font-weight: 400; opacity: 0.6; } #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_text .practice_reverse_words_front_secondary_label { font-size: 0.7em; font-weight: 400; opacity: 0.45; margin: 0.6rem 0 0.3rem; } #practice_reverse_words_front #practice_reverse_words_front_content #practice_reverse_words_front_text .practice_reverse_words_front_secondary_translation { font-size: 0.9em; opacity: 0.8; } #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_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 { cursor: pointer; } #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 { cursor: default; } #practice_words_typing_textbox { 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; 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 { user-select: none; 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: var(--color-correct); } .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: var(--color-incorrect); 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 .dictionary_confusion_all_meanings_button:not(.disabled):hover, #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button:not(.disabled):hover, #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button:not(.disabled):hover { cursor: pointer; } #practice_words_answers #practice_words_answers_content .dictionary_confusion_all_meanings_button:not(.disabled):hover:disabled, #practive_words_answers_on_back #practice_words_answers_content .dictionary_confusion_all_meanings_button:not(.disabled):hover:disabled, #practice_words_explanations #practice_words_answers_content .dictionary_confusion_all_meanings_button:not(.disabled):hover:disabled { cursor: default; } #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_explanations_content .practice_words_word_comparison_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #practice_words_explanations_content .practice_words_word_comparison_button:hover { cursor: pointer; } #practice_words_explanations_content .practice_words_word_comparison_button:hover:disabled { cursor: default; } #practice_words_explanations_content .practice_words_word_comparison_button:hover { background-color: var(--color-bg-button-hover); } #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 { 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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; position: relative; left: -0.5rem; bottom: 0.3rem; white-space: normal; line-height: 1.5; text-align: center; } .practice_reverse_words_explanations_content .practice_words_word_comparison_button:hover { cursor: pointer; } .practice_reverse_words_explanations_content .practice_words_word_comparison_button:hover:disabled { cursor: default; } .practice_reverse_words_explanations_content .practice_words_word_comparison_button:hover { background-color: var(--color-bg-button-hover); } #practice_words_back { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 h2 i:hover { cursor: pointer; } #practice_words_back h2 i:hover:disabled { cursor: default; } #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: var(--color-correct); } #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: left; line-height: 1.5; white-space: pre-line; } #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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 h2 i:hover { cursor: pointer; } #practice_reverse_words_back h2 i:hover:disabled { cursor: default; } #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:hover { cursor: pointer; } #practice_reverse_words_back .practice_reverse_words_back_synonyms_container .practice_reverse_words_back_synonym:hover:disabled { cursor: default; } #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: left; line-height: 1.5; white-space: pre-line; } .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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; position: relative; top: 1rem; margin-right: 0; z-index: 1; } #practice_words_front_bottom #practice_words_buttons #practice_words_check_button:hover { cursor: pointer; } #practice_words_front_bottom #practice_words_buttons #practice_words_check_button:hover:disabled { cursor: default; } #practice_words_front_bottom #practice_words_buttons #practice_words_check_button:hover { background-color: var(--color-bg-button-hover); } #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: var(--color-incorrect); } #practice_words_front_bottom.typing_exercise #practice_words_typing_textbox.almost_correct { background-color: var(--color-almost-correct); } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; position: relative; top: 1rem; margin-right: 0; z-index: 1; } #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button:hover { cursor: pointer; } #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button:hover:disabled { cursor: default; } #practice_reverse_words_front_bottom #practice_reverse_words_buttons #practice_reverse_words_check_button:hover { background-color: var(--color-bg-button-hover); } #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 { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; } #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 { font-size: 1.8rem; border-radius: 0.8rem; position: relative; text-align: left; line-height: 1.6; } #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_example_sentences .wbw_examples_practice { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; margin-left: calc(50vw - 63.5rem / 2); box-sizing: border-box; width: 63.5rem; margin-top: -3rem; margin-bottom: 5rem; padding: 2rem 3rem 2rem; text-align: left; } #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; } #practice_words_quick_review_interval_selector_container .interval_button:hover { cursor: pointer; } #practice_words_quick_review_interval_selector_container .interval_button:hover:disabled { cursor: default; } /* WORD INTRO PAGE */ #word_intro_box { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; margin-left: calc(50vw - 63.5rem / 2); padding: 0 0 2rem 0; } #word_intro_box #practice_words_front { margin-bottom: 0; } #word_intro_box #word_intro_explanations { margin: 2rem 3.8rem 0; text-align: left; font-size: 1.4rem; } #word_intro_box #word_intro_explanations #word_intro_explanations_label { font-weight: 600; margin-bottom: 0.4rem; } #word_intro_box #word_intro_explanations .practice_words_word_comparison_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; white-space: normal; height: auto; line-height: 1.5; max-width: 70%; } #word_intro_box #word_intro_explanations .practice_words_word_comparison_button:hover { cursor: pointer; } #word_intro_box #word_intro_explanations .practice_words_word_comparison_button:hover:disabled { cursor: default; } #word_intro_box #word_intro_explanations .practice_words_word_comparison_button:hover { background-color: var(--color-bg-button-hover); } #word_intro_box #word_intro_example_sentences .wbw_examples_practice { padding: 2rem 3rem 0; text-align: left; position: relative; } #word_intro_box #word_intro_buttons { height: 9rem; } #word_intro_box #word_intro_buttons #word_intro_got_it_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; position: relative; top: 1rem; margin-right: 0; } #word_intro_box #word_intro_buttons #word_intro_got_it_button:hover { cursor: pointer; } #word_intro_box #word_intro_buttons #word_intro_got_it_button:hover:disabled { cursor: default; } #word_intro_box #word_intro_buttons #word_intro_got_it_button:hover { background-color: var(--color-bg-button-hover); } /* 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 { font-size: 1.5rem; line-height: 2.8rem; text-align: center; display: grid; } .conjugations_table.one_column { grid-template-areas: 's1' 's2' 's3' 'p1' 'p2' 'p3'; } .conjugations_table.one_column .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 { grid-template-areas: 's1' 's3' 'p1' 'p3'; } .conjugations_table.one_column.study_brazilian_conjugation > div:nth-of-type(2) { display: none; } .conjugations_table.one_column.study_brazilian_conjugation > div:nth-of-type(5) { display: none; } .conjugations_table.two_columns { 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)) { border-bottom: 0.1rem solid rgba(8, 116, 133, 0.2); } .conjugations_table.two_columns .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 { grid-template-areas: 's1 p1' 's3 p3'; } .conjugations_table.two_columns.study_brazilian_conjugation > div:nth-of-type(2) { display: none; } .conjugations_table.two_columns.study_brazilian_conjugation > div:nth-of-type(5) { display: none; } .conjugations_table.single_form { display: block; } .conjugations_table > div { padding: 0.5rem; } .conjugations_table > div:nth-of-type(1) { grid-area: s1; } .conjugations_table > div:nth-of-type(2) { grid-area: s2; } .conjugations_table > div:nth-of-type(3) { grid-area: s3; } .conjugations_table > div:nth-of-type(4) { grid-area: p1; } .conjugations_table > div:nth-of-type(5) { grid-area: p2; } .conjugations_table > div:nth-of-type(6) { grid-area: p3; } .conjugations_table .conjugation_pronoun { font-weight: 400; } .conjugations_table .conjugation_forms { font-weight: 600; } .conjugations_table .conjugation_forms .conjugation_form { white-space: nowrap; display: inline-block; display: block; } .conjugations_table .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 { font-size: 1.5rem; line-height: 2.8rem; text-align: center; display: grid; 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 { 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: #e6e6e6 !important; border-color: #333333 !important; color: black !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: #ebfaff !important; border-color: #5cd6ff !important; color: #33ccff !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: #e6ebf5 !important; border-color: #335cad !important; color: #003399 !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: #f0ebe6 !important; border-color: #855c33 !important; color: #663300 !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: #e6f0e6 !important; border-color: #338533 !important; color: #006600 !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: #f3fbeb !important; border-color: #a0de5c !important; color: #88d633 !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: #f2f2f2 !important; border-color: #999999 !important; color: #7f7f7f !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: #fff3e6 !important; border-color: #ffad33 !important; color: #ff9900 !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: #faf0ff !important; border-color: #d685ff !important; color: #cc66ff !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: #f5d6eb !important; border-color: #d600ff !important; color: #cc32dc !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: #f8e6e6 !important; border-color: #c33333 !important; color: #b40000 !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: #ffe6e6 !important; border-color: #ff3333 !important; color: red !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_add_word_all_senses_to_list_button i:hover { cursor: pointer; } .dictionary .dictionary_add_word_all_senses_to_list_button i:hover:disabled { cursor: default; } .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 i:hover { cursor: pointer; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_sense_and_tags .dictionary_sense i:hover:disabled { cursor: default; } .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_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i:hover { cursor: pointer; } .dictionary .dictionary_pos_block .dictionary_sense_row .dictionary_add_word_to_list_button i:hover:disabled { cursor: default; } .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_footer .dictionary_footer_click_here:hover { cursor: pointer; } .dictionary .dictionary_footer .dictionary_footer_click_here:hover:disabled { cursor: default; } .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: var(--color-bg-inner-box); 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; min-width: 0; } .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: var(--color-bg-inner-box); grid-area: select; } .add_any_word_to_list_form input[type='submit'], .add_word_to_list_form input[type='submit'] { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; grid-area: submit; } .add_any_word_to_list_form input[type='submit']:hover, .add_word_to_list_form input[type='submit']:hover { cursor: pointer; } .add_any_word_to_list_form input[type='submit']:hover:disabled, .add_word_to_list_form input[type='submit']:hover:disabled { cursor: default; } .add_any_word_to_list_form input[type='submit']:hover, .add_word_to_list_form input[type='submit']:hover { background-color: var(--color-bg-button-hover); } .crossword_add_word_to_list_form, .search_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], .search_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, .search_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], .search_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, .search_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: 1.0rem; } .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: var(--color-bg-inner-box); font-size: 1.6rem; font-weight: 600; padding: 0.5rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; min-width: 0; } .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 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #profile_box #profile_buttons a:hover { cursor: pointer; } #profile_box #profile_buttons a:hover:disabled { cursor: default; } #profile_box #profile_buttons a:hover { background-color: var(--color-bg-button-hover); } #profile_box #profile_buttons #profile_delete_account { white-space: nowrap; display: inline-block; 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; background-color: var(--color-incorrect); } #profile_box #profile_buttons #profile_delete_account:hover { cursor: pointer; } #profile_box #profile_buttons #profile_delete_account:hover:disabled { cursor: default; } #profile_box #profile_buttons #profile_delete_account:hover { background-color: var(--color-bg-button-hover); } #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 input[type=number] { padding: 1rem; font-size: 1.8rem; } #profile_box #profile_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #profile_box #profile_form input[type=submit]:hover { cursor: pointer; } #profile_box #profile_form input[type=submit]:hover:disabled { cursor: default; } #profile_box #profile_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #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 #id_email { flex: 1; min-width: 0; } #profile_box #profile_form #profile_change_email_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; padding: 0.5rem 1rem; font-size: 1.4rem; } #profile_box #profile_form #profile_change_email_button:hover { cursor: pointer; } #profile_box #profile_form #profile_change_email_button:hover:disabled { cursor: default; } #profile_box #profile_form #profile_change_email_button:hover { background-color: var(--color-bg-button-hover); } #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"] { padding: 1rem; font-size: 1.8rem; 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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; margin-right: 0.5rem; } #email_change_modal #email_change_modal_content #email_change_submit:hover, #email_change_modal #email_change_modal_content #email_change_cancel:hover { cursor: pointer; } #email_change_modal #email_change_modal_content #email_change_submit:hover:disabled, #email_change_modal #email_change_modal_content #email_change_cancel:hover:disabled { cursor: default; } #email_change_modal #email_change_modal_content #email_change_submit:hover, #email_change_modal #email_change_modal_content #email_change_cancel:hover { background-color: var(--color-bg-button-hover); } #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 #change_password_form input[type=password] { padding: 1rem; font-size: 1.8rem; } #change_password_box #change_password_form input[type=submit] { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin: auto; margin-top: 3rem; } #change_password_box #change_password_form input[type=submit]:hover { cursor: pointer; } #change_password_box #change_password_form input[type=submit]:hover:disabled { cursor: default; } #change_password_box #change_password_form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } #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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; margin-right: 0.2em; background-color: var(--color-bg-primary) !important; border: 0.1rem solid rgba(8, 116, 133, 0.2) !important; } #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 { cursor: pointer; } #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 { cursor: default; } #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 { background-color: var(--color-bg-button-hover); } #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: var(--color-bg-primary) !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: var(--color-chart-conjugation); } #statistics #statistics_container.statistics_container_listening .ct-line, #statistics #statistics_container.statistics_container_listening .ct-bar { stroke: var(--color-chart-listening); } #statistics #statistics_container.statistics_container_crosswords .ct-line, #statistics #statistics_container.statistics_container_crosswords .ct-bar { stroke: var(--color-chart-crosswords); } #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: var(--color-chart-words); } #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_container h1.chart_title i:hover { cursor: pointer; } #statistics #statistics_container h1.chart_title i:hover:disabled { cursor: default; } #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 i:hover { cursor: pointer; } #statistics #statistics_list_container .statistics_word_lists i:hover:disabled { cursor: default; } #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 i:hover { cursor: pointer; } #statistics #statistics_list_container .statistics_conjugation_presets i:hover:disabled { cursor: default; } #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; display: none; font-size: 1.6rem; } #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 .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 i:hover { cursor: pointer; } #statistics #statistics_list_container .statistics_conjugation_quick_presets_mobile i:hover:disabled { cursor: default; } #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; font-size: 1.6rem; } #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 .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 i:hover { cursor: pointer; } #statistics #statistics_list_container .statistics_conjugation_quick_presets i:hover:disabled { cursor: default; } #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 i:hover { cursor: pointer; } #statistics #statistics_list_container .statistics_texts i:hover:disabled { cursor: default; } #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: #de4041; color: white; } #statistics .statistics_conjugation_problem_areas i { font-size: 2.4rem; } #statistics .statistics_conjugation_problem_areas i:hover { cursor: pointer; } #statistics .statistics_conjugation_problem_areas i:hover:disabled { cursor: default; } #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: var(--color-chart-conjugation) !important; } #statistics .statistics_container_conjugation .ct-chart .ct-area, #statistics .statistics_container_conjugation_drills .ct-chart .ct-area { fill: var(--color-chart-conjugation); } #statistics .statistics_container_listening .ct-chart .chartist-tooltip:before { border-top-color: var(--color-chart-listening) !important; } #statistics .statistics_container_listening .ct-chart .ct-area { fill: var(--color-chart-listening); } #statistics .statistics_container_crosswords .ct-chart .chartist-tooltip:before { border-top-color: var(--color-chart-crosswords) !important; } #statistics .statistics_container_crosswords .ct-chart .ct-area { fill: var(--color-chart-crosswords); } #statistics .statistics_container_words .ct-chart .chartist-tooltip:before, #statistics .statistics_container_wordsReverse .ct-chart .chartist-tooltip:before { border-top-color: var(--color-chart-words) !important; } #statistics .statistics_container_words .ct-chart .ct-area, #statistics .statistics_container_wordsReverse .ct-chart .ct-area { fill: var(--color-chart-words); } #statistics .statistics_container_crosswords .ct-chart .chartist-tooltip:before { border-top-color: var(--color-chart-crosswords) !important; } #statistics .statistics_container_crosswords .ct-chart .ct-area { fill: var(--color-chart-crosswords); } #statistics .statistics_pie_chart { padding-bottom: 5rem; } #statistics .statistics_pie_chart .ct-series-a .ct-slice-pie { fill: var(--color-chart-conjugation); } #statistics .statistics_pie_chart .ct-series-b .ct-slice-pie { fill: var(--color-chart-listening); } #statistics .statistics_pie_chart .ct-series-c .ct-slice-pie { fill: var(--color-chart-words); } #statistics .statistics_pie_chart .ct-series-d .ct-slice-pie { fill: var(--color-chart-crosswords); } #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); margin-right: -2rem; margin-left: -2rem; font-size: 1.4rem !important; } #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_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_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 { white-space: nowrap; display: inline-block; } #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_verb span:hover, #statistics_conjugation_explanation_mistakes_table .statistics_conjugation_preset_history_exercise_grid .statistics_conjugation_preset_history_verb span:hover { cursor: pointer; } #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 { cursor: default; } #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; margin-right: -2rem; margin-left: -2rem; font-size: 1.4rem !important; } #statistics_conjugation_quick_preset_history > div, #statistics_conjugation_quick_preset_history > a { padding: 1.2rem 1.5rem; } #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); font-size: 1.6rem; } #statistics_problem_verb_forms_table > div, #statistics_problem_verb_forms_table > a { padding: 1.2rem 1.5rem; } #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_details_table .statistics_problem_verb_forms_verb:hover { cursor: pointer; } #statistics_problem_verb_forms_table .statistics_problem_verb_forms_details_table .statistics_problem_verb_forms_verb:hover:disabled { cursor: default; } #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); font-size: 1.6rem; } #statistics_problem_words_table > div, #statistics_problem_words_table > a { padding: 1.2rem 1.5rem; } #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); } /* 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 i:hover { cursor: pointer; } #crosswords_box h2 i:hover:disabled { cursor: default; } #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 { cursor: pointer; } #crosswords_box h2 #crosswords_date_picker_trigger:hover:disabled { cursor: default; } #crosswords_box h2 #crosswords_date_picker_trigger:hover { background-color: rgba(0, 0, 0, 0.08); } #crosswords_box #crosswords_nav_row { display: flex; align-items: center; justify-content: space-between; margin-top: 5rem; margin-right: 0.5rem; gap: 1rem; } #crosswords_box .exercise_main_page_nav_buttons { margin-top: 0; margin-bottom: 0; } #crosswords_box .crosswords_custom_button { position: relative; } #crosswords_box .crosswords_custom_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; } #crosswords_box .crosswords_share_code_section { margin-bottom: 2rem; text-align: left; } #crosswords_box .crosswords_share_code_section p { font-size: 1.4rem; margin-bottom: 0.8rem; } #crosswords_box .crosswords_share_code_row { display: flex; align-items: center; gap: 0.8rem; } #crosswords_box .crosswords_share_code_row input { width: 14rem; padding: 0.5rem 0.8rem; font-size: 1.4rem; text-transform: uppercase; border: 1px solid #e7e7e7; border-radius: 0.4rem; } #crosswords_box .crosswords_share_code_row input::placeholder { text-transform: none; } #crosswords_box .section_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; text-align: center; } #crosswords_box #crosswords_table > div, #crosswords_box #crosswords_table > a { padding: 1.2rem 1.5rem; } #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_search_select_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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; } #crosswords_box #crossword_search_select_button:hover { cursor: pointer; } #crosswords_box #crossword_search_select_button:hover:disabled { cursor: default; } #crosswords_box #crossword_search_select_button:hover { background-color: var(--color-bg-button-hover); } #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:hover { cursor: pointer; } #crosswords_box .crossword_list_box:hover:disabled { cursor: default; } #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: 0; text-align: left; display: flex; align-items: center; gap: 0.8rem; font-size: 1.5rem; } #crosswords_box #crosswords_email_switch_container .info_dialog_button { position: relative; top: 0.05rem; } #crossword_box { padding-top: 2rem; padding-bottom: 6rem; z-index: 399; /*@media only screen and (max-width: 600px) { display: none; }*/ } #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 #crossword_info { font-size: 1.1rem; width: 56rem; margin: auto; line-height: 1.5; margin-top: 0.3rem; font-style: italic; } #crossword_box #crossword_heatmap_legend { text-align: center; margin-top: 1.5rem; margin-bottom: 1rem; } #crossword_box #crossword_heatmap_legend #crossword_heatmap_stats { font-weight: 600; margin-bottom: 0.6rem; font-size: 1.4rem; } #crossword_box #crossword_heatmap_legend #crossword_heatmap_gradient_container { display: flex; align-items: center; justify-content: center; gap: 0.6rem; } #crossword_box #crossword_heatmap_legend #crossword_heatmap_gradient_container span { font-size: 1.2rem; color: #666; } #crossword_box #crossword_heatmap_legend #crossword_heatmap_gradient { width: 18rem; height: 1.6rem; border-radius: 0.4rem; background: linear-gradient(to right, rgba(223, 32, 32, 0.7), rgba(223, 223, 32, 0.7), rgba(32, 223, 32, 0.7)); border: 1px solid rgba(0, 0, 0, 0.15); } #crossword_box #crossword_heatmap_legend #crossword_heatmap_label { color: #888; font-size: 1.15rem; margin-top: 0.3rem; } #crossword_box .heatmap_cell { font-weight: 600; color: #000 !important; } #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: 1.0rem !important; } #crossword_box .crossword_entry_word_count, #crossword_box .crossword_entry_form_hint { font-size: 1.2rem; font-weight: 600; color: #087485; display: inline-block; border-radius: 0.4rem; padding: 0.3rem 0.5rem; background-color: #cee3e7; position: relative; bottom: 0.1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #crossword_box #crossword { user-select: none; 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: var(--color-correct); 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):not(.correct):hover { cursor: pointer; } #crossword_box #crossword .crossword_cell input:not(.active):not(.correct):hover:disabled { cursor: default; } #crossword_box #crossword .crossword_cell input:not(.active):hover { cursor: default; } #crossword_box #crossword .crossword_cell input:focus:not(.correct) { background-color: #fff; } #crossword_box #crossword .crossword_cell input.selected:not(.correct) { background-color: rgba(8, 116, 133, 0.2); } #crossword_box #crossword .crossword_cell input.selected:not(.correct).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; } #crossword_box #crossword_clue_container { margin-bottom: 2.4rem; } #crossword_box #crossword_clue_container .crossword_entry_word_count, #crossword_box #crossword_clue_container .crossword_entry_form_hint { 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_custom_share_copy { font-size: 1.4rem; color: rgba(8, 116, 133, 0.45); margin-left: 0.4rem; transition: color 0.15s ease; } #crossword_box #crossword_details .crossword_custom_share_copy:hover { cursor: pointer; } #crossword_box #crossword_details .crossword_custom_share_copy:hover:disabled { cursor: default; } #crossword_box #crossword_details .crossword_custom_share_copy:hover { color: #087485; } #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 { user-select: none; display: grid; grid-template-columns: 3.5rem auto; margin-bottom: 0.5rem; } #crossword_box #crossword_all_clues .crossword_all_clues_entry:hover, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry:hover { cursor: pointer; } #crossword_box #crossword_all_clues .crossword_all_clues_entry:hover:disabled, #crossword_box #crossword_all_clues_mobile .crossword_all_clues_entry:hover:disabled { cursor: default; } #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 { user-select: none; 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:hover { cursor: pointer; } #crossword_box #crossword_all_verb_form_clues #crossword_all_verb_form_clues_inner .crossword_all_clues_entry:hover:disabled { cursor: default; } #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; left: 14.9rem; top: -4rem; z-index: 50; } #crossword_box #crossword_add_to_list:hover { cursor: pointer; } #crossword_box #crossword_add_to_list:hover:disabled { cursor: default; } #crossword_box #crossword_add_to_list:hover { background-color: var(--color-bg-button-hover); } #crossword_box #crossword_open_dictionary_for_last { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box #crossword_open_dictionary_for_last:hover { cursor: pointer; } #crossword_box #crossword_open_dictionary_for_last:hover:disabled { cursor: default; } #crossword_box #crossword_open_dictionary_for_last:hover { background-color: var(--color-bg-button-hover); } #crossword_box #crossword_open_dictionary_for_last_word { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box #crossword_open_dictionary_for_last_word:hover { cursor: pointer; } #crossword_box #crossword_open_dictionary_for_last_word:hover:disabled { cursor: default; } #crossword_box #crossword_open_dictionary_for_last_word:hover { background-color: var(--color-bg-button-hover); } #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:hover { cursor: pointer; } #crossword_box .crossword_audio_button:hover:disabled { cursor: default; } #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_save_button:hover { cursor: pointer; } #crossword_box #crossword_save_button:hover:disabled { cursor: default; } #crossword_box #crossword_report_error_button { font-size: 2.4rem; position: absolute; right: 0.4rem; top: -3.5rem; } #crossword_box #crossword_report_error_button:hover { cursor: pointer; } #crossword_box #crossword_report_error_button:hover:disabled { cursor: default; } #crossword_box #crossword_clue_hint { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; right: 10.7rem; top: -4rem; z-index: 50; } #crossword_box #crossword_clue_hint:hover { cursor: pointer; } #crossword_box #crossword_clue_hint:hover:disabled { cursor: default; } #crossword_box #crossword_clue_hint:hover { background-color: var(--color-bg-button-hover); } #crossword_box #crossword_clue_hint.logged_out { right: 7rem; } #crossword_box #crossword_clue_verb_hint { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; right: 23.7rem; top: -4rem; z-index: 50; } #crossword_box #crossword_clue_verb_hint:hover { cursor: pointer; } #crossword_box #crossword_clue_verb_hint:hover:disabled { cursor: default; } #crossword_box #crossword_clue_verb_hint:hover { background-color: var(--color-bg-button-hover); } #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 #crossword_open_printable_light, #crossword_box #crossword_open_printable #crossword_open_printable_dark { 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:hover, #crossword_box #crossword_open_printable #crossword_open_printable_dark:hover { cursor: pointer; } #crossword_box #crossword_open_printable #crossword_open_printable_light:hover:disabled, #crossword_box #crossword_open_printable #crossword_open_printable_dark:hover:disabled { cursor: default; } #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_open_printable .small_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: relative; top: 0.1rem; margin-left: 0.8rem; } #crossword_box #crossword_open_printable .small_button:hover { cursor: pointer; } #crossword_box #crossword_open_printable .small_button:hover:disabled { cursor: default; } #crossword_box #crossword_open_printable .small_button:hover { background-color: var(--color-bg-button-hover); } #crossword_box #crossword_change_style_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; position: absolute; left: -0.5rem; top: -4rem; z-index: 50; } #crossword_box #crossword_change_style_button:hover { cursor: pointer; } #crossword_box #crossword_change_style_button:hover:disabled { cursor: default; } #crossword_box #crossword_change_style_button:hover { background-color: var(--color-bg-button-hover); } #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 #crossword_detailed_scorecard_overlay_close_icon:hover { cursor: pointer; } #crossword_box #crossword_detailed_scorecard_overlay_box #crossword_detailed_scorecard_overlay_close_icon:hover:disabled { cursor: default; } #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 { 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 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 { cursor: pointer; } #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 { cursor: default; } #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 #crossword_overlay_close_icon:hover { cursor: pointer; } #crossword_box #crossword_overlay_box #crossword_overlay_close_icon:hover:disabled { cursor: default; } #crossword_box #crossword_overlay_box h2 { margin-top: 3rem; font-size: 3rem; font-weight: 600; } #crossword_box #crossword_overlay_box:has(.custom_crossword_popup) { min-height: auto; } #crossword_box #crossword_overlay_box .custom_crossword_popup { text-align: center; padding: 3rem 2rem; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_close { position: absolute; right: 2rem; top: 1.5rem; font-size: 2.5rem; color: #888888; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_close:hover { cursor: pointer; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_close:hover:disabled { cursor: default; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_close:hover { color: #434343; } #crossword_box #crossword_overlay_box .custom_crossword_popup h2 { margin-bottom: 3rem; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_stats { display: flex; justify-content: center; gap: 4rem; margin-bottom: 3rem; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_stat_value { font-size: 2.8rem; font-weight: 700; color: #087485; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_stat_label { font-size: 1.3rem; color: #888888; margin-top: 0.3rem; } #crossword_box #crossword_overlay_box .custom_crossword_popup .custom_crossword_popup_note { font-size: 1.3rem; color: #888888; font-style: italic; } #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 { user-select: none; 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 { padding-bottom: 2rem; } #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 #crossword_overlay_rank_progress_label { font-size: 1.6rem; line-height: 1.75; margin-top: 0.5rem; } #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; } @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_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; margin-top: 1rem; line-height: 1.75; } #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 > div:hover { cursor: pointer; } #crossword_box #crossword_overlay_box #crossword_overlay_recommendations #crossword_overlay_recommendations_table > div:hover:disabled { cursor: default; } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; margin-top: 3rem !important; } #crossword_box #crossword_overlay_box #crossword_overlay_back_button:hover, #crossword_box #crossword_overlay_box #crossword_overlay_close_button:hover { cursor: pointer; } #crossword_box #crossword_overlay_box #crossword_overlay_back_button:hover:disabled, #crossword_box #crossword_overlay_box #crossword_overlay_close_button:hover:disabled { cursor: default; } #crossword_box #crossword_overlay_box #crossword_overlay_back_button:hover, #crossword_box #crossword_overlay_box #crossword_overlay_close_button:hover { background-color: var(--color-bg-button-hover); } .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 #crossword_change_style_close_icon:hover { cursor: pointer; } #crossword_change_style_container #crossword_change_style_close_icon:hover:disabled { cursor: default; } #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 { cursor: pointer; } #crossword_change_style_container #crossword_change_color .crossword_change_color_button:hover:disabled { cursor: default; } #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:hover, #crossword_archive #crossword_archive_selector #crossword_archive_type_selector_mobile > div:hover { cursor: pointer; } #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 { cursor: default; } #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_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle:hover { cursor: pointer; } #crossword_archive #crossword_archive_selector #crossword_archive_minmax_level_selector #crossword_archive_level_slider .ui-slider-handle:hover:disabled { cursor: default; } #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: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 { cursor: pointer; } #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 { cursor: default; } #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 { margin-top: 0; } .crossword_giant_label { font-size: 1.1rem; color: var(--color-grey-mid); 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 { 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 { cursor: pointer; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a:hover:disabled { cursor: default; } #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_level_selector #crossword_history_level_slider .ui-slider-handle:hover { cursor: pointer; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle:hover:disabled { cursor: default; } #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 { cursor: pointer; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row:hover:disabled { cursor: default; } #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 { cursor: pointer; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_theme_tenses .crossword_history_tenses_toggle:hover:disabled { cursor: default; } #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: baseline; justify-content: center; gap: 0.3rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row .crossword_history_score_cell .score_gain_badge { display: inline-flex; align-items: baseline; 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; position: relative; top: -0.15rem; } #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: #2E8B57; } #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: #DC3545; } #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; font-size: 1.3rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover { cursor: pointer; } #crossword_history #crossword_history_table_mobile a .crossword_history_tenses_toggle:hover:disabled { cursor: default; } #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.1rem; } #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: var(--color-grey-mid); 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_open_link { display: flex; align-items: center; justify-content: center; color: var(--color-grey-mid); font-size: 1.4rem; transition: color 0.15s ease; } #crossword_history_detail #crossword_history_detail_header .crossword_history_open_link:hover { color: #087485; } #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_tags .crossword_duration_tag { background-color: rgba(8, 116, 133, 0.08); color: #434343; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags .crossword_duration_tag i { margin-right: 0.3rem; } #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: var(--color-grey-mid); 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: var(--color-grey-mid); } #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: var(--color-correct); } #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: 1.1rem; 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: var(--color-correct); } #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_highlighted { outline: 2.5px solid #087485; outline-offset: -2.5px; z-index: 1; } #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; transition: background-color 0.15s ease; padding-left: 0.5rem; margin-left: -0.5rem; border-radius: 4px; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li:hover { background-color: rgba(0, 0, 0, 0.02); } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_level_box { margin-right: 0.4rem; margin-left: 0; vertical-align: middle; } #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 .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; color: var(--color-grey-mid); margin-right: 0.5rem; transition: color 0.15s ease; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_audio_btn:hover, #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_verb_audio_btn:hover { color: #087485; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_audio_btn .playable_audio_playing, #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_verb_audio_btn .playable_audio_playing { display: none; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_verb_audio_btn { margin-left: 0.25rem; font-size: 0.85em; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .crossword_history_sentence_audio_btn { margin-left: 0.3rem; } #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: var(--color-grey-mid); 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 .clue_text { margin-top: 0.3rem; font-size: 1.4rem; color: var(--color-grey-mid); } #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) { 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) { 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.3rem; font-weight: 500; transition: color 0.15s ease; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav_link:hover { color: #04353d; } #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 { 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; padding: 0.6rem 2rem; margin: 0.5rem 0.6rem; font-size: 2rem; font-weight: 600; display: inline-block; text-decoration: none; } #crossword_history_detail #crossword_history_detail_actions .button_link:hover { cursor: pointer; } #crossword_history_detail #crossword_history_detail_actions .button_link:hover:disabled { cursor: default; } #crossword_history_detail #crossword_history_detail_actions .button_link:hover { background-color: var(--color-bg-button-hover); } /* Tablet styles for crossword history (iPad / tablets / small desktops) */ @media (max-width: 1024px) { #crossword_history { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; } #crossword_history #crossword_history_filters { flex-direction: column; gap: 1.2rem; padding: 1rem; text-align: left; } #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 label { display: block; width: 100%; font-size: 1.4rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options { display: flex; flex-wrap: nowrap; width: 100%; gap: 0.4rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a { padding: 0.5rem 0.3rem; font-size: 1.3rem; flex: 1; text-align: center; white-space: nowrap; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector { width: 100%; max-width: 100%; min-width: 0; grid-template-columns: 5rem auto; column-gap: 0.8rem; } #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 { height: 0.8rem; margin-top: 0.3rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-range { height: 0.8rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle { height: 1.6rem; width: 1.6rem; border-radius: 1.6rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_apply_button { width: 100%; } #crossword_history #crossword_history_table_container #crossword_history_table { font-size: 1.2rem; } #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_header, #crossword_history #crossword_history_table_container #crossword_history_table .crossword_history_row { grid-template-columns: 3rem 10rem 6.5rem auto 6.5rem 5rem 4rem 6rem; } #crossword_history_detail { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_stats { gap: 1rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_results, #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_scores { gap: 1.5rem; } } /* Tablet portrait / large phones */ @media (max-width: 768px) { #crossword_history { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; } #crossword_history #crossword_history_filters { flex-direction: column; gap: 1.2rem; padding: 1rem; text-align: left; } #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 label { display: block; width: 100%; font-size: 1.4rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options { display: flex; flex-wrap: nowrap; width: 100%; gap: 0.4rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a { padding: 0.5rem 0.3rem; font-size: 1.3rem; flex: 1; text-align: center; white-space: nowrap; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector { width: 100%; max-width: 100%; min-width: 0; grid-template-columns: 5rem auto; column-gap: 0.8rem; } #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 { height: 0.8rem; margin-top: 0.3rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-range { height: 0.8rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_level_selector #crossword_history_level_slider .ui-slider-handle { height: 1.6rem; width: 1.6rem; border-radius: 1.6rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group #crossword_history_apply_button { width: 100%; } #crossword_history #crossword_history_table_container { display: none; } #crossword_history #crossword_history_table_mobile { display: grid !important; } #crossword_history_detail { width: 100% !important; max-width: 100% !important; border-radius: 0 !important; } #crossword_history_detail #crossword_history_detail_header { gap: 0.8rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title_row { flex-direction: column; gap: 0.5rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title { font-size: 1.7rem; gap: 0.6rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_meta { flex-direction: column; align-items: flex-start; gap: 0.6rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags { flex-wrap: wrap; gap: 0.4rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tenses { gap: 0.5rem 0.4rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_stats { flex-direction: column; align-items: center; gap: 1rem; padding-top: 0.3rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_results, #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_scores { gap: 2rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_result .result_value { font-size: 1.8rem; } #crossword_history_detail #crossword_history_detail_grid_container { overflow-x: auto; -webkit-overflow-scrolling: touch; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid { grid-template-columns: repeat(var(--cols), 2.2rem) !important; grid-template-rows: repeat(var(--rows), 2.2rem) !important; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell { font-size: 1.3rem; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell .cell_number { font-size: 0.6rem; } #crossword_history_detail .crossword_history_detail_legend { gap: 1rem; font-size: 1.2rem; } #crossword_history_detail #crossword_history_detail_clues { grid-template-columns: 1fr; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section h3 { font-size: 1.6rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li { padding: 0.6rem 0; padding-left: 0.3rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text { font-size: 1.3rem; } #crossword_history_detail #crossword_history_detail_actions { margin-top: 2rem; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav { gap: 0.8rem; flex-wrap: wrap; justify-content: center; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav_link { font-size: 1.2rem; } #crossword_history_detail #crossword_history_detail_actions .button_link { font-size: 1.2rem; padding: 0.6rem 1.5rem; } } /* Small phones */ @media (max-width: 480px) { #crossword_history #crossword_history_filters { padding: 0.8rem; } #crossword_history #crossword_history_filters .crossword_history_filter_group .crossword_history_filter_options a { padding: 0.4rem 0.6rem; font-size: 1.2rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_date { font-size: 1.3rem; } #crossword_history #crossword_history_table_mobile a .crossword_history_mobile_bottom { font-size: 1.1rem; gap: 0.8rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title { font-size: 1.5rem; gap: 0.5rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_title .crossword_type_badge { font-size: 1.2rem; padding: 0.3rem 0.8rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_date { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_header .crossword_history_detail_tags .crossword_meta_tag { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid { grid-template-columns: repeat(var(--cols), 1.8rem) !important; grid-template-rows: repeat(var(--rows), 1.8rem) !important; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_grid_container #crossword_history_detail_grid .crossword_history_cell .cell_number { font-size: 0.5rem; top: 0; left: 0.1rem; } #crossword_history_detail .crossword_history_detail_legend { flex-direction: column; align-items: center; gap: 0.5rem; font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li { font-size: 1.3rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text { font-size: 1.2rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .tense_box { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_clues .crossword_history_clues_section .crossword_history_clue_list li .clue_text .crossword_history_verb_link { font-size: 1.1rem; } #crossword_history_detail #crossword_history_detail_actions .crossword_history_nav { gap: 0.5rem; } } .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; } /* CUSTOM CROSSWORDS */ #custom_crosswords_box { padding-bottom: 4rem; text-align: left; } #custom_crosswords_box h1 { text-align: center; } #custom_crosswords_box .custom_crosswords_generate_btn { float: right; margin-top: 2rem; } #custom_crosswords_box .custom_crossword_card { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.6rem; margin-bottom: 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; transition: background-color 0.15s; } #custom_crosswords_box .custom_crossword_card:hover { background-color: rgba(8, 116, 133, 0.075); } #custom_crosswords_box .custom_crossword_card_pending { opacity: 0.65; background-color: rgba(8, 116, 133, 0.075); } #custom_crosswords_box .custom_crossword_card_completed { background-color: rgba(46, 125, 50, 0.06); } #custom_crosswords_box .custom_crossword_card_failed { background-color: rgba(198, 40, 40, 0.06); } #custom_crosswords_box .ccg_status_done { color: #2e7d32; font-weight: 500; } #custom_crosswords_box .ccg_status_failed { color: #c62828; font-weight: 500; } #custom_crosswords_box .ccg_pending_count { font-size: 1.3rem; color: #888888; margin-left: 0.5rem; } #custom_crosswords_box .custom_crossword_card_info { flex: 1; min-width: 0; } #custom_crosswords_box .custom_crossword_card_title { font-weight: 600; font-size: 1.8rem; margin-bottom: 0.2rem; } #custom_crosswords_box .custom_crossword_card_title .custom_crossword_rename_btn { font-size: 1.6rem; color: rgba(8, 116, 133, 0.45); margin-left: 0.6rem; position: relative; top: -0.15rem; transition: color 0.15s; } #custom_crosswords_box .custom_crossword_card_title .custom_crossword_rename_btn:hover { cursor: pointer; } #custom_crosswords_box .custom_crossword_card_title .custom_crossword_rename_btn:hover:disabled { cursor: default; } #custom_crosswords_box .custom_crossword_card_title .custom_crossword_rename_btn:hover { color: #087485; } #custom_crosswords_box .custom_crossword_card_meta { font-size: 1.4rem; color: #888888; } #custom_crosswords_box .custom_crossword_card_status { font-style: italic; } #custom_crosswords_box .custom_crossword_card_actions { display: flex; gap: 0.8rem; align-items: center; flex-shrink: 0; margin-left: 1.5rem; } #custom_crosswords_box .custom_crossword_share_btn { border: none; cursor: pointer; } #custom_crosswords_box .custom_crossword_hide_btn { border: none; cursor: pointer; } #custom_crosswords_box .custom_crosswords_hidden_link_container { text-align: center; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e7e7e7; } #custom_crosswords_box .custom_crosswords_hidden_link { font-size: 1.3rem; color: #888888; text-decoration: none; transition: color 0.2s; } #custom_crosswords_box .custom_crosswords_hidden_link i { margin-right: 0.3rem; } #custom_crosswords_box .custom_crosswords_hidden_link:hover { color: #434343; } #custom_crosswords_box .custom_crosswords_empty { color: #888888; font-style: italic; padding: 1rem 0; } #custom_crosswords_box .custom_crossword_share_code_input_row { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1.5rem; } #custom_crosswords_box .custom_crossword_share_code_input_row input { width: 14rem; padding: 0.5rem 0.8rem; font-size: 1.4rem; text-transform: uppercase; border: 1px solid #e7e7e7; border-radius: 0.4rem; } #custom_crosswords_box .custom_crossword_share_code_input_row input::placeholder { text-transform: none; } /* CUSTOM CROSSWORD GENERATE */ #custom_crossword_generate_box { padding-bottom: 4rem; text-align: left; } #custom_crossword_generate_box h1 { text-align: center; } #custom_crossword_generate_box .ccg_form_group { max-width: 50rem; margin: 0 auto 2.5rem auto; } #custom_crossword_generate_box .ccg_form_group label { display: block; font-weight: 600; font-size: 1.8rem; margin-bottom: 0.6rem; } #custom_crossword_generate_box .ccg_form_group select { width: 100%; padding: 1rem 1.2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; font-size: 1.6rem; background: white; } #custom_crossword_generate_box .ccg_eligible_info { margin-top: 0.6rem; font-size: 1.4rem; color: #888888; } #custom_crossword_generate_box .ccg_eligible_info.ccg_eligible_ok { color: rgba(0, 100, 0, 0.8); } #custom_crossword_generate_box .ccg_eligible_info.ccg_eligible_low { color: #dc3545; } #custom_crossword_generate_box .ccg_exclude_toggle { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; } #custom_crossword_generate_box .ccg_exclude_toggle_label { font-weight: 600; font-size: 1.6rem; position: relative; top: -0.15rem; } #custom_crossword_generate_box #ccg_exclude_panel { margin-top: 0.8rem; } #custom_crossword_generate_box #ccg_exclude_panel > label { font-weight: 600; font-size: 1.5rem; margin-bottom: 0.4rem; } #custom_crossword_generate_box #ccg_exclude_panel #ccg_prev_crosswords_container { margin-bottom: 1.2rem; } #custom_crossword_generate_box #ccg_exclude_panel #ccg_prev_crosswords_container > label { display: block; font-weight: 500; font-size: 1.4rem; margin-bottom: 0.4rem; } #custom_crossword_generate_box #ccg_exclude_panel #ccg_prev_crosswords_container .ccg_prev_crosswords_row { display: flex; gap: 0.8rem; align-items: center; } #custom_crossword_generate_box #ccg_exclude_panel #ccg_prev_crosswords_container .ccg_prev_crosswords_row select { flex: 1; padding: 0.7rem 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.6rem; font-size: 1.4rem; background: white; } #custom_crossword_generate_box #ccg_exclude_panel #ccg_prev_crosswords_container .ccg_prev_crosswords_row .small_button { white-space: nowrap; } #custom_crossword_generate_box .ccg_exclude_search_row { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.6rem; } #custom_crossword_generate_box .ccg_exclude_search_row input { flex: 1; padding: 0.7rem 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.6rem; font-size: 1.4rem; } #custom_crossword_generate_box .ccg_exclude_search_row #ccg_exclude_count { font-size: 1.3rem; color: #888888; white-space: nowrap; } #custom_crossword_generate_box .ccg_exclude_words_list { max-height: 25rem; overflow-y: auto; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.6rem; padding: 0.4rem 0; } #custom_crossword_generate_box .ccg_exclude_word_row { display: flex !important; align-items: center; gap: 0.6rem; padding: 0.35rem 1rem; font-size: 1.4rem !important; font-weight: 400 !important; margin-bottom: 0 !important; cursor: pointer; } #custom_crossword_generate_box .ccg_exclude_word_row:hover { background-color: rgba(0, 0, 0, 0.03); } #custom_crossword_generate_box .ccg_exclude_word_row input[type="checkbox"] { margin: 0; cursor: pointer; width: 1.5rem; height: 1.5rem; flex-shrink: 0; } #custom_crossword_generate_box .ccg_exclude_word_row .ccg_exclude_word_text { font-weight: 400; flex-shrink: 0; transition: opacity 0.15s ease; } #custom_crossword_generate_box .ccg_exclude_word_row .ccg_exclude_word_desc { font-weight: 400; color: #888888; font-size: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; transition: opacity 0.15s ease; } #custom_crossword_generate_box .ccg_exclude_word_row.excluded .ccg_exclude_word_text, #custom_crossword_generate_box .ccg_exclude_word_row.excluded .ccg_exclude_word_desc { text-decoration: line-through; opacity: 0.5; } #custom_crossword_generate_box .ccg_exclude_more, #custom_crossword_generate_box .ccg_exclude_no_results { padding: 0.8rem 1rem; font-size: 1.3rem; color: #888888; text-align: center; font-style: italic; } #custom_crossword_generate_box .ccg_size_options { display: flex; gap: 1.5rem; } #custom_crossword_generate_box .ccg_size_option { flex: 1; } #custom_crossword_generate_box .ccg_size_option input[type="radio"] { display: none; } #custom_crossword_generate_box .ccg_size_option label { display: block; padding: 1.4rem 1.8rem; border: 0.2rem solid #e7e7e7; border-radius: 0.8rem; text-align: center; font-weight: 500; font-size: 1.8rem; transition: border-color 0.15s, background-color 0.15s; } #custom_crossword_generate_box .ccg_size_option label:hover { cursor: pointer; } #custom_crossword_generate_box .ccg_size_option label:hover:disabled { cursor: default; } #custom_crossword_generate_box .ccg_size_option input:checked + label { border-color: #087485; background-color: rgba(8, 116, 133, 0.075); } #custom_crossword_generate_box .ccg_size_option input:disabled + label { opacity: 0.35; cursor: not-allowed; } #custom_crossword_generate_box .ccg_size_label_sub { font-size: 1.3rem; color: #888888; font-weight: 400; margin-top: 0.2rem; } #custom_crossword_generate_box .ccg_submit_container { text-align: center; margin-top: 3rem; } #custom_crossword_generate_box .ccg_submit_container .submit_button:disabled { opacity: 0.45; cursor: default; } #custom_crossword_generate_box .ccg_status_area { max-width: 50rem; margin: 2.5rem auto 0 auto; padding: 1.5rem 2rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; background-color: rgba(8, 116, 133, 0.075); display: none; text-align: center; } #custom_crossword_generate_box .ccg_status_area.ccg_visible { display: block; } #custom_crossword_generate_box .ccg_status_message { font-size: 1.6rem; line-height: 2.5; } #custom_crossword_generate_box .ccg_status_spinner { display: inline-block; width: 1.6rem; height: 1.6rem; border: 0.2rem solid #e7e7e7; border-top-color: #087485; border-radius: 50%; animation: ccg_spin 0.7s linear infinite; vertical-align: middle; margin-right: 0.8rem; } @keyframes ccg_spin { to { transform: rotate(360deg); } } #custom_crossword_generate_box .ccg_success_icon { color: rgba(0, 100, 0, 0.8); font-size: 2rem; margin-right: 0.5rem; vertical-align: middle; } #custom_crossword_generate_box .ccg_play_btn { margin-left: 1rem; } #custom_crossword_generate_box .ccg_details_btn { margin-left: 0.8rem; vertical-align: middle; } #custom_crossword_generate_box .ccg_error_msg { color: #dc3545; font-weight: 600; } /* CUSTOM CROSSWORD SHARING PANEL */ #custom_crosswords_box .custom_crossword_sharing_panel { width: 100%; padding: 1rem 0 0.4rem; margin-top: 0.6rem; } #custom_crosswords_box .custom_crossword_sharing_panel_inner { display: flex; align-items: center; gap: 0.5rem 0.8rem; flex-wrap: wrap; } #custom_crosswords_box .custom_crossword_sharing_panel_inner label { font-size: 1.4rem; font-weight: 600; position: static; } #custom_crosswords_box .custom_crossword_sharing_panel_inner select { width: auto; padding: 0.4rem 0.6rem; font-size: 1.4rem; border: 1px solid #e7e7e7; border-radius: 0.4rem; } #custom_crosswords_box .custom_crossword_sharing_panel_inner .info_dialog_button { font-size: 1.4rem; color: rgba(8, 116, 133, 0.45); } #custom_crosswords_box .custom_crossword_sharing_panel_inner .info_dialog_button:hover { cursor: pointer; } #custom_crosswords_box .custom_crossword_sharing_panel_inner .info_dialog_button:hover:disabled { cursor: default; } #custom_crosswords_box .custom_crossword_sharing_panel_inner .info_dialog_button:hover { color: #087485; } #custom_crosswords_box .custom_crossword_shared_display { display: flex; align-items: center; gap: 0.5rem; font-size: 1.4rem; } #custom_crosswords_box .custom_crossword_shared_mode_label { font-weight: 600; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.05em; color: #888888; } #custom_crosswords_box .custom_crossword_shared_code { font-family: monospace; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.1em; } #custom_crosswords_box .custom_crossword_copy_code_btn { font-size: 1.4rem; color: rgba(8, 116, 133, 0.45); transition: color 0.15s; } #custom_crosswords_box .custom_crossword_copy_code_btn:hover { cursor: pointer; } #custom_crosswords_box .custom_crossword_copy_code_btn:hover:disabled { cursor: default; } #custom_crosswords_box .custom_crossword_copy_code_btn:hover { color: #087485; } #custom_crosswords_box .custom_crossword_card { flex-wrap: wrap; } /* CUSTOM CROSSWORD TEST MODE NOTICE */ .custom_crossword_test_notice { background-color: #fff3cd; border: 1px solid #ffc107; color: #856404; padding: 1.2rem 1.6rem; border-radius: 0.6rem; font-size: 1.4rem; margin-bottom: 1.5rem; } /* CROSSWORDS PAGE TEST RESTRICTED WARNING */ .crosswords_test_restricted_warning { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 1.2rem 1.6rem; border-radius: 0.6rem; font-size: 1.5rem; margin-bottom: 2rem; text-align: center; } /* CUSTOM CROSSWORD DETAILS PAGE */ .custom_crossword_details_box { padding-bottom: 4rem; text-align: left; } .custom_crossword_details_box .custom_crossword_details_info { margin-bottom: 2rem; } .custom_crossword_details_box .custom_crossword_details_info_row { font-size: 1.5rem; line-height: 1.75; } .custom_crossword_details_box .custom_crossword_details_info_row strong { display: inline-block; width: 8rem; } .custom_crossword_details_box .custom_crossword_details_info_row .custom_crossword_rename_btn { font-size: 1.4rem; color: rgba(8, 116, 133, 0.45); margin-left: 0.5rem; transition: color 0.15s; } .custom_crossword_details_box .custom_crossword_details_info_row .custom_crossword_rename_btn:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_details_info_row .custom_crossword_rename_btn:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_details_info_row .custom_crossword_rename_btn:hover { color: #087485; } .custom_crossword_details_box .custom_crossword_details_deleted_list { color: var(--color-grey-mid); font-style: italic; } .custom_crossword_details_box .custom_crossword_details_source_row { display: flex; align-items: baseline; gap: 0; } .custom_crossword_details_box .custom_crossword_details_source_row .ccw_source_tags { display: flex; flex-wrap: wrap; gap: 0.4rem; } .custom_crossword_details_box .ccw_source_tag { display: inline-block; font-size: 1.3rem; font-weight: 500; padding: 0.2rem 0.7rem; border-radius: 0.4rem; line-height: 1.5; white-space: nowrap; } .custom_crossword_details_box .ccw_source_tag i { font-size: 1.1rem; margin-right: 0.2rem; } .custom_crossword_details_box .ccw_source_folder { background-color: #e8f0fe; color: #1a56db; border: 1px solid #c5d9f7; } .custom_crossword_details_box .ccw_source_list { background-color: #e6f4ea; color: #1b7a3d; border: 1px solid #b7dfc5; text-decoration: none; } .custom_crossword_details_box .ccw_source_list:hover { background-color: #d2ebd9; } .custom_crossword_details_box .ccw_source_deleted { background-color: #f5f5f5; color: #888888; border: 1px solid #e0e0e0; font-style: italic; } .custom_crossword_details_box .custom_crossword_details_sharing_hint { font-size: 1.35rem; color: #555; background-color: #f0f4f8; border: 1px solid #d0d8e0; border-radius: 0.5rem; padding: 0.8rem 1.2rem; margin-top: 0.6rem; line-height: 1.6; } .custom_crossword_details_box .custom_crossword_details_sharing_hint i.fa-copy { font-size: 1.2rem; color: #777; vertical-align: baseline; } .custom_crossword_details_box .custom_crossword_details_actions { display: flex; gap: 0.8rem; margin-top: 1.2rem; } .custom_crossword_details_box .custom_crossword_details_share_code { font-family: monospace; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.1em; } .custom_crossword_details_box .custom_crossword_details_copy_btn { font-size: 1.4rem; color: rgba(8, 116, 133, 0.45); margin-left: 0.3rem; transition: color 0.15s; } .custom_crossword_details_box .custom_crossword_details_copy_btn:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_details_copy_btn:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_details_copy_btn:hover { color: #087485; } .custom_crossword_details_box .custom_crossword_details_csv_btn { font-size: 2.2rem; color: rgba(8, 116, 133, 0.45); margin-left: 1rem; position: relative; top: 0.3rem; transition: color 0.15s; } .custom_crossword_details_box .custom_crossword_details_csv_btn:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_details_csv_btn:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_details_csv_btn:hover { color: #087485; } .custom_crossword_details_box .custom_crossword_details_stats { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2rem; } .custom_crossword_details_box .custom_crossword_details_stat_card { flex: 1; min-width: 12rem; text-align: center; padding: 1.5rem 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; background-color: rgba(8, 116, 133, 0.075); } .custom_crossword_details_box .custom_crossword_details_stat_value { font-size: 2.4rem; font-weight: 700; color: #087485; } .custom_crossword_details_box .custom_crossword_details_stat_label { font-size: 1.3rem; color: #888888; margin-top: 0.3rem; } .custom_crossword_details_box .custom_crossword_details_table_wrapper { margin-bottom: 2rem; border: 1px solid #e7e7e7; border-radius: 0.6rem; overflow: hidden; } .custom_crossword_details_box .custom_crossword_details_table { width: 100%; border-collapse: collapse; font-size: 1.35rem; } .custom_crossword_details_box .custom_crossword_details_table th, .custom_crossword_details_box .custom_crossword_details_table td { padding: 0.8rem 1rem; text-align: left; vertical-align: middle; } .custom_crossword_details_box .custom_crossword_details_table thead th { font-weight: 600; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.05em; color: #434343; background-color: rgba(8, 116, 133, 0.2); border-bottom: 2px solid #e7e7e7; white-space: nowrap; } .custom_crossword_details_box .custom_crossword_details_table thead th.sortable_th { cursor: pointer; user-select: none; transition: color 0.15s; } .custom_crossword_details_box .custom_crossword_details_table thead th.sortable_th:hover { color: #087485; } .custom_crossword_details_box .custom_crossword_details_table thead th.sortable_th i { font-size: 1rem; margin-left: 0.3rem; opacity: 0.4; } .custom_crossword_details_box .custom_crossword_details_table thead th.sortable_th:hover i, .custom_crossword_details_box .custom_crossword_details_table thead th.sortable_th i.fa-sort-up, .custom_crossword_details_box .custom_crossword_details_table thead th.sortable_th i.fa-sort-down { opacity: 1; } .custom_crossword_details_box .custom_crossword_details_table .counter_th, .custom_crossword_details_box .custom_crossword_details_table .counter_cell { width: 3rem; text-align: center; color: #888888; } .custom_crossword_details_box .custom_crossword_details_table tbody td { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .custom_crossword_details_box .custom_crossword_details_table tbody tr:last-child td { border-bottom: none; } .custom_crossword_details_box .custom_crossword_details_table tbody tr { transition: background-color 0.12s ease; } .custom_crossword_details_box .custom_crossword_details_table tbody tr:hover { background-color: rgba(8, 116, 133, 0.075); } .custom_crossword_details_box .custom_crossword_details_table tbody tr.clickable_row { cursor: pointer; } .custom_crossword_details_box .custom_crossword_details_email_cell { display: inline-flex; align-items: baseline; gap: 0.5rem; } .custom_crossword_details_box .custom_crossword_details_attempt_label { font-size: 1.15rem; font-weight: 700; color: white; background-color: #087485; border-radius: 0.4rem; padding: 0.15rem 0.5rem; white-space: nowrap; letter-spacing: 0.02rem; } .custom_crossword_details_box .custom_crossword_details_in_progress_label { display: block; font-size: 1.1rem; font-weight: 700; color: #856404; background-color: #fff3cd; border-radius: 0.4rem; padding: 0.15rem 0.6rem; margin-top: 0.2rem; white-space: nowrap; width: fit-content; text-transform: uppercase; letter-spacing: 0.03rem; } .custom_crossword_details_box .custom_crossword_details_first_only_toggle { display: inline-flex; align-items: center; gap: 0.6rem; font-size: 1.3rem; color: #434343; user-select: none; margin-left: 1rem; position: relative; top: -0.5rem; } .custom_crossword_details_box .custom_crossword_details_first_only_toggle > span { position: static; top: auto; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_clue { max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_word { font-weight: 600; font-family: monospace; letter-spacing: 0.05em; } .custom_crossword_details_box .custom_crossword_entry_stats_table td:last-child { display: flex; align-items: center; gap: 0.6rem; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_bar_container { width: 6rem; height: 0.8rem; background-color: #e7e7e7; border-radius: 0.4rem; overflow: hidden; flex-shrink: 0; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_bar { height: 100%; background-color: #2E8B57; border-radius: 0.4rem; transition: width 0.3s ease; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_pct { font-size: 1.2rem; font-weight: 600; white-space: nowrap; min-width: 3.5rem; text-align: right; } .custom_crossword_details_box .custom_crossword_clues_table .clue_dir_th, .custom_crossword_details_box .custom_crossword_clues_table .clue_edit_th { width: 3.5rem; } .custom_crossword_details_box .custom_crossword_clues_table .clue_word_th { width: 10rem; } .custom_crossword_details_box .custom_crossword_clues_table .clue_word_cell { font-weight: 600; font-family: monospace; letter-spacing: 0.05em; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_cell { max-width: 0; width: 100%; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_display { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit { display: flex; align-items: center; gap: 0.5rem; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_text_input { flex: 1; font-size: 1.35rem; padding: 0.3rem 0.6rem; border: 1px solid rgba(8, 116, 133, 0.45); border-radius: 0.4rem; outline: none; font-family: inherit; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_text_input:focus { border-color: #087485; box-shadow: 0 0 0 2px rgba(8, 116, 133, 0.15); } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_confirm { color: #2E8B57; font-size: 1.4rem; transition: color 0.15s; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_confirm:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_confirm:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_confirm:hover { color: #21653f; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_confirm.disabled { opacity: 0.4; pointer-events: none; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_cancel { color: #888888; font-size: 1.4rem; transition: color 0.15s; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_cancel:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_cancel:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_clues_table .clue_text_edit .clue_edit_cancel:hover { color: #434343; } .custom_crossword_details_box .custom_crossword_clues_table .clue_edit_cell { text-align: center; } .custom_crossword_details_box .custom_crossword_clues_table .clue_edit_btn { font-size: 1.25rem; color: #888888; opacity: 0.4; transition: opacity 0.15s, color 0.15s; } .custom_crossword_details_box .custom_crossword_clues_table .clue_edit_btn:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_clues_table .clue_edit_btn:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_clues_table tbody tr:hover .clue_edit_btn { opacity: 1; color: rgba(8, 116, 133, 0.45); } .custom_crossword_details_box .custom_crossword_clues_table tbody tr:hover .clue_edit_btn:hover { color: #087485; } .custom_crossword_details_box .custom_crossword_details_sharing_panel { display: flex; align-items: center; gap: 0.5rem 0.8rem; margin-top: 0.8rem; flex-wrap: wrap; } .custom_crossword_details_box .custom_crossword_details_sharing_panel label { font-size: 1.5rem; font-weight: 600; position: static; } .custom_crossword_details_box .custom_crossword_details_sharing_panel select { width: auto; padding: 0.4rem 0.6rem; font-size: 1.4rem; border: 1px solid #e7e7e7; border-radius: 0.4rem; } .custom_crossword_details_box .custom_crossword_details_sharing_panel .info_dialog_button { font-size: 1.6rem; } .custom_crossword_details_box .custom_crossword_details_sharing_panel .info_dialog_button:hover { cursor: pointer; } .custom_crossword_details_box .custom_crossword_details_sharing_panel .info_dialog_button:hover:disabled { cursor: default; } .custom_crossword_details_box .custom_crossword_details_duplicate { margin-top: 0.5rem; } .custom_crossword_details_box .custom_crossword_details_duplicate p { font-size: 1.4rem; color: #888888; margin-bottom: 1rem; } /* CONJUGATION EXPLANATIONS */ .open_conjugation_explanation_new_tab_button_container, .open_word_explanation_new_tab_button_container { text-align: right; margin-bottom: -1.5rem; } .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 { 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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } .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 { cursor: pointer; } .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 { cursor: default; } .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 { background-color: var(--color-bg-button-hover); } .open_listening_conjugation_explanation_new_tab_button_container { text-align: right; margin-right: -1.2rem; margin-top: -0.8rem; margin-bottom: 0.5rem; } .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button:hover { cursor: pointer; } .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button:hover:disabled { cursor: default; } .open_listening_conjugation_explanation_new_tab_button_container .open_listening_conjugation_explanation_new_tab_button:hover { background-color: var(--color-bg-button-hover); } .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; } .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button:hover { cursor: pointer; } .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button:hover:disabled { cursor: default; } .open_word_bank_explanation_new_tab_button_container .open_word_bank_explanation_new_tab_button:hover { background-color: var(--color-bg-button-hover); } .conjugation_explanation_example_sentence, .explanation_example_sentence { 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 { padding: 1.5rem 2rem; margin-bottom: 1.5rem; margin-top: 1rem; } .explanation_example_sentence img { position: relative; top: 0.3rem; right: 0.2rem; } .explanation_example_sentence .explanation_example_sentence_translation { font-style: italic; display: block; font-size: 1.6rem; } .explanation_example_sentence .highlighted_token { font-weight: 600; } .explanation_example_sentence .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; 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, #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 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 { 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 { 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 { padding: 0.6rem 1.2rem; } #word_bank_explanation_page_box.side_popup #word_bank_explanation_page_text .explanation_example_sentence { 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: #009b00 !important; font-weight: 600; } .red_emphasis { color: red !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:hover { cursor: pointer; } .conjugation_explanation_link_intext:hover:disabled { cursor: default; } .conjugation_explanation_link_intext.verb_link { font-style: italic; } .conjugations_table: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) * { color: inherit; } .conjugations_table:has(.highlighted_conjugation) .conjugation_forms:not(.highlighted_conjugation):hover { color: rgba(0, 0, 0, 0.7); } /* STUDY */ #study_conjugations { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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_conjugations_verb_not_found .study_conjugations_potential_verb:hover { cursor: pointer; } #study_conjugations #study_conjugations_verb_not_found .study_conjugations_potential_verb:hover:disabled { cursor: default; } #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_conjugation_search_another #study_conjugation_search_another_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; } #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button:hover { cursor: pointer; } #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button:hover:disabled { cursor: default; } #study_conjugations #study_conjugation_search_another #study_conjugation_search_another_button:hover { background-color: var(--color-bg-button-hover); } #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_tense_container .study_conjugations_tense_label:hover { cursor: pointer; } .study_conjugations_tense_container .study_conjugations_tense_label:hover:disabled { cursor: default; } #study_conjugations_verb { font-style: italic; } /* FAQ */ #faq #faq_contact_text { margin-top: 5rem; margin-bottom: 1rem; text-align: justify; } #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 .faq_title_container { width: 100%; text-align: left; } #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; } #faq .faq_category .faq_subtitle { font-size: 1.5rem; font-weight: 600; margin: 1.6rem 0 0.6rem 0.4rem; padding: 0.4rem 1rem; color: #087485; } #faq .faq_category ul.faq_question_blocks { margin-left: 1rem; } #faq .faq_category ul.faq_question_blocks li.faq_question_block .faq_question { user-select: none; 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; } #error_report_explanation_warning .error_report_explanation_link:hover { cursor: pointer; } #error_report_explanation_warning .error_report_explanation_link:hover:disabled { cursor: default; } #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_a1 { background-color: rgba(255, 228, 196, 0.7); color: black; } .level_box_a2 { background-color: rgba(255, 185, 154, 0.7); color: black; } .level_box_b1 { background-color: rgba(255, 142, 102, 0.7); color: black; } .level_box_b2 { background-color: rgba(255, 99, 71, 0.7); color: black; } .level_box_c1 { background-color: rgba(255, 56, 40, 0.7); color: white; } .level_box_c2 { background-color: rgba(255, 12, 8, 0.7); 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 { 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; 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:hover { cursor: pointer; } #google_login_container #customBtn:hover:disabled { cursor: default; } #google_login_container #customBtn:hover { background-color: var(--color-bg-button-hover); } #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 { 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; padding: 0.15rem 0.4rem !important; margin: 0.3rem 0.2rem; display: inline-block !important; font-size: 1.3rem !important; margin-right: 1rem; } .study_verb_list_verb_conjugation_link:hover { cursor: pointer; } .study_verb_list_verb_conjugation_link:hover:disabled { cursor: default; } .study_verb_list_verb_conjugation_link:hover { background-color: var(--color-bg-button-hover); } #study_conjugation_search_another_form { display: inline-block; } .practice_prompt_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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; font-weight: 600; text-transform: uppercase; font-size: 1.8rem !important; margin-bottom: 2rem !important; } .practice_prompt_button:hover { cursor: pointer; } .practice_prompt_button:hover:disabled { cursor: default; } .practice_prompt_button:hover { background-color: var(--color-bg-button-hover); } .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_list .conjugation_preset_hidden_verbs_list_element > span:hover { cursor: pointer; } .conjugation_preset_hidden_verbs_list .conjugation_preset_hidden_verbs_list_element > span:hover:disabled { cursor: default; } #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 { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; width: min-content; margin-left: 0.5rem; } .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation:hover { cursor: pointer; } .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation:hover:disabled { cursor: default; } .practice_conjugations_hidden_verb_sentence_block_explanations .practice_conjugations_hidden_verb_sentence_block_explanation:hover { background-color: var(--color-bg-button-hover); } .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 { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; 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 { background: rgba(8, 116, 133, 0.2); padding: 1.5rem 2rem; margin-bottom: 1.5rem; margin-top: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #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 { background: rgba(8, 116, 133, 0.2); padding: 1.5rem 2rem; margin-bottom: 1.5rem; margin-top: 1rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; } #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 .example-translation { font-style: italic; display: block; font-size: 1.6rem; } #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 { display: flex; 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, #008533 0%, rgba(0, 133, 51, 0.7) 50%, #008533 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: flex; align-items: center; justify-content: center; flex: 1; 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: #008533; 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 > div:nth-of-type(4n+1) { border-right: 1px solid rgba(8, 116, 133, 0.45); } #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 > div:nth-of-type(2n+1) { border-right: 1px solid rgba(8, 116, 133, 0.45); } #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_verb span:hover { cursor: pointer; } #tense_guide .tense_guide_verbs_list .tense_guide_verb span:hover:disabled { cursor: default; } #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs { white-space: nowrap; display: inline-block; font-size: 1.4rem; text-decoration: underline; text-decoration-color: rgba(8, 116, 133, 0.2); float: right; } #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs:hover { cursor: pointer; } #tense_guide .tense_guide_verbs_list .tense_guide_more_verbs:hover:disabled { cursor: default; } #tense_guide .tense_guide_conjugation_to { padding-left: 0 !important; } .conjugation_area_cluster_verbs { display: grid; grid-template-columns: auto min-content auto; font-size: 1.8rem; text-align: center; padding: 0 2rem; } .conjugation_area_cluster_verbs > div, .conjugation_area_cluster_verbs > a { padding: 1.2rem 1.5rem; } .tense_guide_conjugation_from { text-align: right; } .tense_guide_conjugation_from span:hover { cursor: pointer; } .tense_guide_conjugation_from span:hover:disabled { cursor: default; } .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 { 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: justify; } .instruction-section h2 { color: #087485; margin-bottom: 1rem; font-size: 2.2rem; font-weight: 600; } .instruction-section 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: 5rem; } #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: var(--color-grey-mid); 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: #00b400; 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_more_link_container .study_word_comparisons_more_link:hover { cursor: pointer; } #study .study_word_comparisons_more_link_container .study_word_comparisons_more_link:hover:disabled { cursor: default; } #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-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: justify; } #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: var(--color-bg-inner-box); 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 { padding-top: 1rem; line-height: 1.75; } #study #study_conjugations_container .study_conjugation_verb:hover { cursor: pointer; } #study #study_conjugations_container .study_conjugation_verb:hover:disabled { cursor: default; } @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 { text-align: justify; margin-top: 0.5rem; 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_report_error_button:hover { cursor: pointer; } #practice_translation_main_elements #practice_translation #practice_translation_report_error_button:hover:disabled { cursor: default; } #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 #practice_translation_copy_button:hover { cursor: pointer; } #practice_translation_main_elements #practice_translation #practice_translation_english_text #practice_translation_copy_button:hover:disabled { cursor: default; } #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: #4d4d4d; /* Dark gray */ } .frequency-indicator .frequency-bar.active.level-2 { background-color: #764747; /* Gray with hint of red */ } .frequency-indicator .frequency-bar.active.level-3 { background-color: #a83838; /* Muted red */ } .frequency-indicator .frequency-bar.active.level-4 { background-color: #e02424; /* Clear red */ } .frequency-indicator .frequency-bar.active.level-5 { background-color: #ff1a1a; /* 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); } .search-page-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; } .search-page-header .breadcrumb-nav { margin-bottom: 0; flex-shrink: 1; min-width: 0; } .search-page-header .search-page-header-flag { height: 1.1rem; vertical-align: baseline; margin-right: 0.25rem; } .search-page-header .search-page-header-form { flex-shrink: 0; display: flex; align-items: center; gap: 0.6rem; } .search-page-header .search-page-header-form .search-mode-toggle { display: flex; align-items: center; cursor: pointer; border: none; background: none; border-radius: 0.4rem; padding: 0.3rem; transition: background-color 0.15s ease; } .search-page-header .search-page-header-form .search-mode-toggle:hover { background-color: rgba(8, 116, 133, 0.075); } .search-page-header .search-page-header-form .search-mode-toggle img { height: 2rem; border-radius: 0.25rem; } .search-page-header .search-page-header-form form { display: flex; align-items: center; gap: 0.5rem; } .search-page-header .search-page-header-form input[type=text] { width: 18rem; font-size: 1.3rem; padding: 0.5rem 0.8rem; } .search-page-header .search-page-header-form input[type=submit] { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; white-space: nowrap; } .search-page-header .search-page-header-form input[type=submit]:hover { cursor: pointer; } .search-page-header .search-page-header-form input[type=submit]:hover:disabled { cursor: default; } .search-page-header .search-page-header-form input[type=submit]:hover { background-color: var(--color-bg-button-hover); } @media (max-width: 680px) { .search-page-header { flex-direction: column; align-items: stretch; gap: 0.6rem; } .search-page-header .search-page-header-form form { justify-content: center; } .search-page-header .search-page-header-form input[type=text] { width: 100%; min-width: 0; } .search-page-header .search-page-header-form form { flex: 1; } } @media (max-width: 480px) { .search-page-header .search-page-header-form input[type=text] { font-size: 1.15rem; padding: 0.4rem 0.6rem; } .search-page-header .search-page-header-form input[type=submit] { font-size: 1.1rem; padding: 0.4rem 0.8rem; } } #study_verb_search_results { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; width: 78rem; max-width: 100%; box-sizing: border-box; padding-bottom: 5rem; } #study_verb_search_results .study_verb_search_results_count { text-align: center; font-size: 1.4rem; color: #434343; margin-top: 1rem; margin-bottom: 2rem; } #study_verb_search_results .study_verb_search_results_list { text-align: left; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result { border: 1px solid #d0d8e0; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1.2rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.6rem; padding: 0.8rem 1.2rem; background: linear-gradient(135deg, #087485 0%, #0a8f9e 100%); color: #fff; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation { cursor: pointer; font-size: 1.25rem; display: inline-flex; align-items: center; gap: 0.15em; margin-left: 0.15rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation .dict-search-icon-slot { display: inline-block; position: relative; width: 1.2em; height: 1em; vertical-align: middle; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation .dict-search-icon-slot i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation i, #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation .dictionary_pronunciation_label { color: rgba(255, 255, 255, 0.65) !important; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation:hover i, #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation:hover .dictionary_pronunciation_label { color: #fff !important; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header .dictionary_pronunciation .dictionary_pronunciation_label { font-size: 0.7em; font-weight: 600; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_verb { font-weight: 700; font-size: 1.5rem; color: #fff; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_dict_icon { font-size: 1.15rem; color: rgba(255, 255, 255, 0.7) !important; padding: 0.1rem 0.3rem; transition: color 0.15s; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_dict_icon i { color: inherit !important; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_dict_icon:hover { color: #fff !important; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanations { display: contents; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanation_btn { display: inline-block; font-size: 1.05rem; padding: 0.15rem 0.55rem; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 0.35rem; background: rgba(255, 255, 255, 0.15); color: #fff !important; white-space: nowrap; cursor: pointer; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanation_btn i { margin-right: 0.25rem; color: inherit !important; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanation_btn:hover { background: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.5); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right { display: flex; align-items: center; gap: 0.6rem; margin-left: auto; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container { padding: 0.35rem 0.7rem; border-radius: 0.6rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-label { font-size: 1.05rem; margin-right: 0.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator { height: 22px; gap: 3px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar { width: 7px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(1) { height: 6px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(2) { height: 9px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(3) { height: 12px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(4) { height: 16px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(5) { height: 22px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_conjugation_link { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; flex-shrink: 0; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_conjugation_link:hover { cursor: pointer; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_conjugation_link:hover:disabled { cursor: default; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_conjugation_link:hover { background-color: var(--color-bg-button-hover); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_body { padding: 0.8rem 1.2rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses { display: flex; flex-wrap: wrap; gap: 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense { display: inline-flex; align-items: stretch; font-size: 1.2rem; color: #434343; background-color: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.5rem; padding: 0; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .study_verb_search_result_sense_text { padding: 0.25rem 0.6rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .study_verb_search_result_sense_tags { font-style: italic; opacity: 0.7; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense.best_match { font-weight: 600; color: #087485; background-color: rgba(91, 142, 219, 0.12); border-color: rgba(91, 142, 219, 0.3); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .search_result_sense_add_btn { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; flex-shrink: 0; padding: 0; border: none; border-left: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0.4rem 0.4rem 0; background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.35); font-size: 0.8rem; cursor: pointer; transition: background 0.15s, color 0.15s, border-left-color 0.15s; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .search_result_sense_add_btn:hover { background: rgba(8, 116, 133, 0.14); color: #087485; border-left-color: rgba(8, 116, 133, 0.2); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense.best_match .search_result_sense_add_btn { border-left-color: rgba(91, 142, 219, 0.25); background: rgba(91, 142, 219, 0.08); color: rgba(91, 142, 219, 0.5); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense.best_match .search_result_sense_add_btn:hover { background: rgba(91, 142, 219, 0.2); color: #3c6ec8; border-left-color: rgba(91, 142, 219, 0.35); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences { margin-top: 0.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence { padding: 0.55rem 0; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence + .study_verb_search_sentence { border-top: 1px solid rgba(0, 0, 0, 0.08); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_text { font-size: 1.4rem; line-height: 1.65; display: block; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_text .highlighted_token { font-weight: 600; color: var(--color-primary); } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_text .search_sentence_dialect_flag { position: relative; top: 0.2rem; left: 0.3rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translation { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; line-height: 1.5; margin-top: 0.15rem; display: block; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translate { display: inline-block; font-size: 1.15rem; margin-top: 0.35rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-primary); cursor: pointer; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translate i { margin-right: 0.25rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translate:hover { background: #ebeef1; border-color: #b8bfc6; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translate:disabled { cursor: default; opacity: 0.7; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_translate_failed { color: var(--color-grey-mid) !important; font-style: italic; border-color: #d0d5da !important; background: #f5f7f9 !important; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_show_more { display: inline-block; font-size: 1.15rem; margin-top: 0.5rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-text); cursor: pointer; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_show_more:hover { background: #ebeef1; border-color: #b8bfc6; } #study_verb_search_results .study_verb_search_no_results { text-align: center; font-size: 1.5rem; color: #434343; margin-top: 3rem; padding: 2rem; background-color: rgba(8, 116, 133, 0.075); border-radius: 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #study_verb_search_results .study_search_loading { text-align: center; padding: 3rem 1rem; } #study_verb_search_results .study_search_loading .study_search_loading_spinner { font-size: 2rem; color: #087485; margin-bottom: 0.8rem; } #study_verb_search_results .study_search_loading .study_search_loading_text { font-size: 1.1rem; color: #434343; } #study_verb_search_results .study_search_loading_error { text-align: center; font-size: 1.2rem; color: #F0624D; margin-top: 2rem; padding: 1.5rem; } @media (max-width: 768px) { #study_verb_search_results { margin-top: 1rem; padding: 1rem 0.8rem 3rem; border-radius: 0.8rem; } #study_verb_search_results .study_verb_search_results_count { font-size: 1.3rem; margin-bottom: 1.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result { margin-bottom: 0.8rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result i { font-size: inherit; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header { padding: 0.6rem 0.8rem; gap: 0.3rem 0.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_verb { font-size: 1.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .dictionary_pronunciation { font-size: 1.1rem; margin-left: 0; gap: 0.15em; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .dictionary_pronunciation .dictionary_pronunciation_label { font-size: 0.65em; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .dictionary_pronunciation i { font-size: 1.1rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_dict_icon { font-size: 1.15rem; margin-left: 0.15rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_dict_icon i { font-size: 1.15rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanations { display: flex; flex-wrap: wrap; gap: 0.3rem; flex-basis: 100%; order: 1; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 0.35rem; margin-top: 0.1rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanation_btn { font-size: 1rem; padding: 0.15rem 0.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanation_btn i { display: none; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right { gap: 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container { padding: 0.25rem 0.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-label { font-size: 0.95rem; margin-right: 0.3rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator { height: 18px; gap: 2px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar { width: 5px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(1) { height: 4px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(2) { height: 7px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(3) { height: 10px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(4) { height: 13px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container .frequency-indicator .frequency-bar:nth-child(5) { height: 18px; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .study_verb_search_result_conjugation_link { font-size: 1rem; padding: 0.2rem 0.6rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_body { padding: 0.6rem 0.8rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses { gap: 0.3rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense { font-size: 1.15rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .search_result_sense_add_btn { width: 1.35rem; font-size: 0.75rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .search_result_sense_add_btn i { font-size: 0.75rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences { margin-top: 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence { padding: 0.4rem 0; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_text { font-size: 1.3rem; line-height: 1.55; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translation { font-size: 1.15rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translate, #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_show_more { font-size: 1.05rem; padding: 0.2rem 0.6rem; } #study_verb_search_results .study_verb_search_no_results { font-size: 1.3rem; padding: 1.5rem; margin-top: 2rem; } } @media (max-width: 480px) { #study_verb_search_results { padding: 0.7rem 0.5rem 2.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header { padding: 0.5rem 0.65rem; gap: 0.25rem 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_verb { font-size: 1.3rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_explanation_btn { font-size: 0.95rem; padding: 0.12rem 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right { gap: 0.3rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-label { display: none; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .frequency-indicator-container { padding: 0.2rem 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_header_right .study_verb_search_result_conjugation_link { font-size: 0.95rem; padding: 0.15rem 0.5rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_body { padding: 0.5rem 0.65rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense { font-size: 1.1rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .study_verb_search_result_sense_text { padding: 0.15rem 0.4rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .search_result_sense_add_btn { width: 1.25rem; font-size: 0.7rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_senses .study_verb_search_result_sense .search_result_sense_add_btn i { font-size: 0.7rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_text { font-size: 1.2rem; } #study_verb_search_results .study_verb_search_results_list .study_verb_search_result .study_verb_search_result_sentences .study_verb_search_sentence_translation { font-size: 1.05rem; } } .search-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-bottom: 1.5rem; } @media only screen and (max-width: 600px) { .search-cards { grid-template-columns: 1fr; } } .search-card { background: linear-gradient(135deg, rgba(8, 116, 133, 0.1) 0%, rgba(8, 116, 133, 0.05) 100%); border: 1px solid rgba(8, 116, 133, 0.18); border-radius: 1rem; padding: 1.5rem 1.4rem 1.3rem; text-align: center; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .search-card:hover { border-color: rgba(8, 116, 133, 0.3); box-shadow: 0 2px 8px rgba(8, 116, 133, 0.08); } .search-card .search-card-flags { display: flex; justify-content: center; margin-bottom: 0.6rem; height: 3rem; position: relative; } .search-card .search-card-flag { height: 2.8rem; border-radius: 0.3rem; } .search-card .search-card-label { font-weight: 600; font-size: 1.35rem; color: #087485; margin-bottom: 1rem; } .search-card form { display: flex; gap: 0.5rem; justify-content: center; align-items: center; } .search-card input[type=text] { width: 100%; max-width: 18rem; font-size: 1.4rem; } .search-card input[type=submit] { 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; padding: 0.3rem 1rem !important; margin: 0.5rem 0.6rem; display: inline-block; font-size: 1.6rem !important; margin: 0 !important; white-space: nowrap; } .search-card input[type=submit]:hover { cursor: pointer; } .search-card input[type=submit]:hover:disabled { cursor: default; } .search-card input[type=submit]:hover { background-color: var(--color-bg-button-hover); } .search-empty-state { text-align: center; padding: 3rem 1rem; } .search-empty-state .search-empty-state-icon { font-size: 2.5rem; color: #087485; opacity: 0.35; margin-bottom: 0.8rem; display: block; } .search-empty-state p { font-size: 1.15rem; color: #434343; margin: 0; } #study_dictionary_search { text-align: left; } #study_header_search_toggle { display: flex; align-items: center; gap: 0.7rem; margin-top: 1rem; font-size: 1.3rem; color: #434343; } #study_dictionary_search_results { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; margin: auto; margin-top: 2rem; padding: 2rem 2.5rem 3rem 2.5rem; width: 78rem; max-width: 100%; box-sizing: border-box; padding-bottom: 5rem; } #study_dictionary_search_results .study_dict_search_results_count { text-align: center; font-size: 1.4rem; color: #434343; margin-top: 1rem; margin-bottom: 2rem; } #study_dictionary_search_results .study_dict_search_results_list { text-align: left; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result { border: 1px solid #d0d8e0; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1.2rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.6rem; padding: 0.8rem 1.2rem; background: linear-gradient(135deg, #087485 0%, #0a8f9e 100%); color: #fff; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation { cursor: pointer; font-size: 1.25rem; display: inline-flex; align-items: center; gap: 0.15em; margin-left: 0.15rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation .dict-search-icon-slot { display: inline-block; position: relative; width: 1.2em; height: 1em; vertical-align: middle; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation .dict-search-icon-slot i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation i, #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation .dictionary_pronunciation_label { color: rgba(255, 255, 255, 0.65) !important; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation:hover i, #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation:hover .dictionary_pronunciation_label { color: #fff !important; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header .dictionary_pronunciation .dictionary_pronunciation_label { font-size: 0.7em; font-weight: 600; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_word { font-weight: 700; font-size: 1.5rem; color: #fff; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_gender_label { font-size: 1.25rem; font-style: italic; color: rgba(255, 255, 255, 0.7); line-height: 1; align-self: center; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_header_right { display: flex; align-items: center; gap: 0.7rem; margin-left: auto; flex-shrink: 0; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_pos_label { font-size: 0.9rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 0.5rem; border: 1px solid; line-height: 1.3; flex-shrink: 0; letter-spacing: 0.04em; white-space: nowrap; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_dict_icon { font-size: 1.15rem; color: rgba(255, 255, 255, 0.7) !important; padding: 0.1rem 0.3rem; transition: color 0.15s; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_dict_icon i { color: inherit !important; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_dict_icon:hover { color: #fff !important; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .eb-quick-add-btn { background: none; border: none; font-size: 1.25rem; color: rgba(255, 255, 255, 0.8); padding: 0; cursor: pointer; transition: color 0.15s, transform 0.15s; line-height: 1; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .eb-quick-add-btn i { color: inherit !important; --fa-secondary-opacity: 1; --fa-primary-color: currentColor; --fa-secondary-color: currentColor; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .eb-quick-add-btn:hover { color: #fff; transform: scale(1.15); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanations { display: contents; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn { display: inline-block; font-size: 1.05rem; padding: 0.15rem 0.55rem; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 0.35rem; background: rgba(255, 255, 255, 0.15); color: #fff !important; white-space: nowrap; cursor: pointer; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn i { margin-right: 0.25rem; color: inherit !important; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn:hover { background: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.5); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_body { padding: 0.8rem 1.2rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses { display: flex; flex-wrap: wrap; gap: 0.4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense { display: inline-flex; align-items: stretch; font-size: 1.2rem; color: #434343; background-color: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.5rem; padding: 0; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .study_dict_search_result_sense_text { padding: 0.25rem 0.6rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .study_dict_search_result_sense_tags { font-style: italic; opacity: 0.7; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense.best_match { font-weight: 600; color: #087485; background-color: rgba(91, 142, 219, 0.12); border-color: rgba(91, 142, 219, 0.3); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .search_result_sense_add_btn { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; flex-shrink: 0; padding: 0; border: none; border-left: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0.4rem 0.4rem 0; background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.35); font-size: 0.8rem; cursor: pointer; transition: background 0.15s, color 0.15s, border-left-color 0.15s; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .search_result_sense_add_btn:hover { background: rgba(8, 116, 133, 0.14); color: #087485; border-left-color: rgba(8, 116, 133, 0.2); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense.best_match .search_result_sense_add_btn { border-left-color: rgba(91, 142, 219, 0.25); background: rgba(91, 142, 219, 0.08); color: rgba(91, 142, 219, 0.5); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense.best_match .search_result_sense_add_btn:hover { background: rgba(91, 142, 219, 0.2); color: #3c6ec8; border-left-color: rgba(91, 142, 219, 0.35); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences { margin-top: 0.5rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence { padding: 0.55rem 0; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence + .study_dict_search_sentence { border-top: 1px solid rgba(0, 0, 0, 0.08); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_text { font-size: 1.4rem; line-height: 1.65; display: block; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_text .highlighted_token { font-weight: 600; color: var(--color-primary); } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_text .search_sentence_dialect_flag { position: relative; top: 0.2rem; left: 0.3rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translation { font-size: 1.2rem; color: var(--color-grey-mid); font-style: italic; line-height: 1.5; margin-top: 0.15rem; display: block; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translate { display: inline-block; font-size: 1.15rem; margin-top: 0.35rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-primary); cursor: pointer; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translate i { margin-right: 0.25rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translate:hover { background: #ebeef1; border-color: #b8bfc6; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translate:disabled { cursor: default; opacity: 0.7; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_translate_failed { color: var(--color-grey-mid) !important; font-style: italic; border-color: #d0d5da !important; background: #f5f7f9 !important; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_show_more { display: inline-block; font-size: 1.15rem; margin-top: 0.5rem; padding: 0.25rem 0.7rem; border: 1px solid #d0d5da; border-radius: 0.35rem; background: #f5f7f9; color: var(--color-text); cursor: pointer; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_show_more:hover { background: #ebeef1; border-color: #b8bfc6; } #study_dictionary_search_results .study_dict_search_no_results { text-align: center; font-size: 1.5rem; color: #434343; margin-top: 3rem; padding: 2rem; background-color: rgba(8, 116, 133, 0.075); border-radius: 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); } #study_dictionary_search_results .study_dict_search_no_results .study_dict_search_try_other { margin-top: 1rem; font-size: 1.35rem; } #study_dictionary_search_results .study_dict_search_no_results .study_dict_search_try_other a { color: #087485; text-decoration: none; font-weight: 500; } #study_dictionary_search_results .study_dict_search_no_results .study_dict_search_try_other a:hover { text-decoration: underline; } #study_dictionary_search_results .study_search_loading { text-align: center; padding: 3rem 1rem; } #study_dictionary_search_results .study_search_loading .study_search_loading_spinner { font-size: 2rem; color: #087485; margin-bottom: 0.8rem; } #study_dictionary_search_results .study_search_loading .study_search_loading_text { font-size: 1.1rem; color: #434343; } #study_dictionary_search_results .study_search_loading_error { text-align: center; font-size: 1.2rem; color: #F0624D; margin-top: 2rem; padding: 1.5rem; } @media (max-width: 1024px) { #study_dictionary_search_results { padding: 1.5rem 1.5rem 4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header { padding: 0.7rem 1rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_body { padding: 0.7rem 1rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn { font-size: 0.95rem; padding: 0.12rem 0.45rem; } } @media (max-width: 768px) { #study_dictionary_search_results { margin-top: 1rem; padding: 1rem 0.8rem 3rem; border-radius: 0.8rem; } #study_dictionary_search_results .study_dict_search_results_count { font-size: 1.3rem; margin-bottom: 1.5rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result { margin-bottom: 0.8rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result i { font-size: inherit; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header { padding: 0.6rem 0.8rem; gap: 0.3rem 0.5rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_word { font-size: 1.4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_gender_label { font-size: 1.15rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .dictionary_pronunciation { font-size: 1.1rem; margin-left: 0; gap: 0.1em; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .dictionary_pronunciation .dictionary_pronunciation_label { font-size: 0.6em; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .dictionary_pronunciation i { font-size: 1.1rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_dict_icon { font-size: 1.15rem; margin-left: 0.15rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_dict_icon i { font-size: 1.15rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_pos_label { font-size: 0.8rem; padding: 0.15rem 0.45rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanations { display: flex; flex-wrap: wrap; gap: 0.3rem; flex-basis: 100%; order: 1; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 0.35rem; margin-top: 0.1rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn { font-size: 1rem; padding: 0.15rem 0.5rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn i { display: none; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_body { padding: 0.6rem 0.8rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses { gap: 0.3rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense { font-size: 1.15rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .search_result_sense_add_btn { width: 1.35rem; font-size: 0.75rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .search_result_sense_add_btn i { font-size: 0.75rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences { margin-top: 0.4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence { padding: 0.4rem 0; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_text { font-size: 1.3rem; line-height: 1.55; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translation { font-size: 1.15rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translate, #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_show_more { font-size: 1.05rem; padding: 0.2rem 0.6rem; } #study_dictionary_search_results .study_dict_search_no_results { font-size: 1.3rem; padding: 1.5rem; margin-top: 2rem; } #study_dictionary_search_results .study_dict_search_no_results .study_dict_search_try_other { font-size: 1.15rem; } } @media (max-width: 480px) { #study_dictionary_search_results { padding: 0.7rem 0.5rem 2.5rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_header { padding: 0.5rem 0.65rem; gap: 0.25rem 0.4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_word { font-size: 1.3rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_explanation_btn { font-size: 0.95rem; padding: 0.12rem 0.4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_body { padding: 0.5rem 0.65rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense { font-size: 1.1rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .study_dict_search_result_sense_text { padding: 0.15rem 0.4rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .search_result_sense_add_btn { width: 1.25rem; font-size: 0.7rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_senses .study_dict_search_result_sense .search_result_sense_add_btn i { font-size: 0.7rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_text { font-size: 1.2rem; } #study_dictionary_search_results .study_dict_search_results_list .study_dict_search_result .study_dict_search_result_sentences .study_dict_search_sentence_translation { font-size: 1.05rem; } } .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 { cursor: pointer; } .verb-senses .verb_definition_add_word_to_list_button i:hover:disabled { cursor: default; } .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); grid-template-columns: auto 1fr 1fr 0; } .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 */ /* Responsive layout - stack on mobile */ /* Adjust for single column when only one section exists */ } .verb-info-section .verb-senses { min-width: 0; /* Prevents grid overflow */ } .verb-info-section .verb-similar-section { min-width: 0; /* Prevents grid overflow */ } @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: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); } .dict-search-word-cloud { position: relative; background-color: rgba(8, 116, 133, 0.075); border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.8rem; padding: 1rem 1.5rem; margin-bottom: 1.2rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .dict-search-word-cloud .dict-cloud-label { position: absolute; top: -0.85rem; left: 1rem; background: #e0f2f4; color: #434343; font-size: 1.4rem; padding: 0.15rem 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.4rem; z-index: 15; white-space: nowrap; } .dict-search-word-cloud .dict-cloud-label .info_dialog_button { font-size: 1.35rem; margin-left: 0.2rem; } .dict-search-word-cloud .dict-cloud-hide-btn { position: absolute; top: -0.85rem; right: 1rem; background: #e0f2f4; color: #434343; font-size: 1.4rem; padding: 0.15rem 0.8rem; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.4rem; z-index: 15; letter-spacing: 0.02em; cursor: pointer; transition: background 0.2s; } .dict-search-word-cloud .dict-cloud-hide-btn:hover { background: #c2e5e9; } .dict-search-word-cloud .dict-cloud-canvas { position: relative; width: 100%; height: 280px; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word { position: absolute; display: inline-block; text-decoration: none; font-weight: 600; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease, box-shadow 0.4s ease !important; transform-origin: center center; border-radius: 0.6rem; padding: 0.4rem 0.8rem; border: 1px solid; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); cursor: pointer; opacity: 0; transform: scale(0.8); animation: wordCloudFadeIn 0.8s ease-out forwards; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word:hover { z-index: 10; transform: scale(1.05); filter: brightness(0.92); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18); } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word .dict-cloud-word-text { display: block; white-space: nowrap; transition: none !important; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word[data-rank="1"] { z-index: 9; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word[data-rank="2"] { z-index: 8; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word[data-rank="3"] { z-index: 7; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word[data-rank="4"] { z-index: 6; } .dict-search-word-cloud .dict-cloud-canvas .dict-cloud-word[data-rank="5"] { z-index: 5; } .dict-search-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; gap: 0.5rem; } .dict-search-toolbar .dict-search-toolbar-left, .dict-search-toolbar .dict-search-toolbar-right { display: flex; align-items: center; gap: 0.5rem; } .entry-builder { background: #f7fbfc; border: 0.1rem solid rgba(8, 116, 133, 0.2); border-radius: 0.5rem; padding: 1rem 1.2rem; margin-bottom: 1.5rem; text-align: left !important; } .entry-builder .entry-builder-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 1rem; padding-bottom: 0.6rem; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .entry-builder .entry-builder-title { font-weight: 700; font-size: 1.4rem; color: #087485; } .entry-builder .entry-builder-header > .info_dialog_button { font-size: 1.5rem; } .entry-builder .entry-builder-header > .entry-builder-close { margin-left: auto; } .entry-builder .entry-builder-close { background: none; border: none; font-size: 1.8rem; line-height: 1; color: #888888; cursor: pointer; padding: 0 0.3rem; } .entry-builder .entry-builder-close:hover { color: #434343; } .entry-builder .eb-row { display: flex; gap: 1rem; margin-bottom: 1rem; align-items: flex-end; } .entry-builder label { position: static; top: auto; } .entry-builder .eb-field { flex: 1; } .entry-builder .eb-field label { display: block; font-weight: 600; font-size: 1.3rem; margin-bottom: 0.3rem; } .entry-builder .eb-field input[type=text], .entry-builder .eb-field select { width: 100%; font-size: 1.3rem; padding: 0.4rem 0.6rem; box-sizing: border-box; } .entry-builder .eb-list-row { display: flex; gap: 0.5rem; align-items: center; } .entry-builder .eb-list-row select { flex: 1; min-width: 0; width: auto; } .entry-builder .eb-list-row .eb-new-list-btn { flex: 0 0 auto; white-space: nowrap; } .entry-builder .eb-add-section { margin-bottom: 1rem; } .entry-builder .eb-add-section > label { display: block; font-weight: 600; font-size: 1.3rem; margin-bottom: 0.3rem; } .entry-builder .eb-add-row { display: flex; gap: 0.5rem; align-items: center; } .entry-builder .eb-add-dropdown { position: relative; flex: 1; min-width: 0; } .entry-builder .eb-add-dropdown-toggle { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.6rem; font-size: 1.3rem; border: 1px solid #ccc; border-radius: 4px; background: #fff; cursor: pointer; min-height: 2.4rem; box-sizing: border-box; } .entry-builder .eb-add-dropdown-toggle .eb-add-dropdown-chevron { margin-left: auto; font-size: 0.9rem; color: #888; flex-shrink: 0; } .entry-builder .eb-add-dropdown-menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; max-height: 22rem; overflow-y: auto; background: #fff; border: 1px solid #ccc; border-top: none; border-radius: 0 0 6px 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .entry-builder .eb-add-dropdown-item { display: flex; align-items: center; gap: 0.4rem; padding: 0.5rem 0.6rem; cursor: pointer; font-size: 1.25rem; } .entry-builder .eb-add-dropdown-item:hover { background: #f0f6fa; } .entry-builder .eb-add-dropdown-pos { font-size: 1.0rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 4px; flex-shrink: 0; line-height: 1.4; white-space: nowrap; } .entry-builder .eb-add-dropdown-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .entry-builder .eb-add-dropdown-placeholder { color: #999; } .entry-builder .eb-words-list { margin-bottom: 0.5rem; } .entry-builder .eb-word { position: relative; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.4rem; padding: 0.7rem 0.8rem; margin-bottom: 0.6rem; background: #fff; } .entry-builder .eb-word-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; } .entry-builder .eb-word-lemma { font-weight: 700; font-size: 1.35rem; color: #087485; flex-shrink: 0; } .entry-builder .translation_primary_toggle { cursor: pointer; font-size: 1.15rem; padding: 0.15rem 0.5rem; border-radius: 0.3rem; user-select: none; flex-shrink: 0; border: 1px solid #ccc; background: #f0f0f0; color: var(--color-grey-mid); } .entry-builder .translation_primary_toggle.active { background: #fff8e1; border-color: #f0a500; color: #b37800; } .entry-builder .eb-word-remove { position: absolute; top: -0.7rem; right: -0.7rem; background: var(--color-bg-box, #fff); border: none; font-size: 1.6rem; line-height: 1; color: #888888; padding: 0; border-radius: 50%; z-index: 1; } .entry-builder .eb-word-remove:hover { cursor: pointer; } .entry-builder .eb-word-remove:hover:disabled { cursor: default; } .entry-builder .eb-word-remove:hover, .entry-builder .eb-word-remove:hover i { color: #d32f2f; } .entry-builder .eb-word-note { flex: 1; min-width: 0; font-size: 1.15rem; padding: 0.3rem 0.5rem; border: 1px solid #e7e7e7; border-radius: 0.3rem; box-sizing: border-box; } .entry-builder .eb-show-sentences-btn { flex-shrink: 0; font-size: 1.05rem; white-space: nowrap; } .entry-builder .eb-sent-btn-row { display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.5rem; } .entry-builder .eb-load-more-btn, .entry-builder .eb-add-manual-btn { font-size: 1.05rem; } .entry-builder .eb-manual-row { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.4rem; } .entry-builder .eb-manual-row .eb-manual-text { flex: 2; font-size: 1.15rem; font-style: italic; padding: 0.3rem 0.5rem; } .entry-builder .eb-manual-row .eb-manual-trans { flex: 1.5; font-size: 1.05rem; padding: 0.3rem 0.5rem; color: #888888; } .entry-builder .eb-manual-row .eb-manual-remove { background: none; border: none; font-size: 1.3rem; cursor: pointer; color: #888888; padding: 0 0.3rem; line-height: 1; flex-shrink: 0; } .entry-builder .eb-manual-row .eb-manual-remove:hover { color: #d32f2f; } .entry-builder .eb-sent-label { display: flex; align-items: flex-start; gap: 0.5rem; cursor: pointer; padding: 0.4rem 0.4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.04); font-size: 1.2rem; line-height: 1.5; border-radius: 0.3rem; transition: background 0.15s; } .entry-builder .eb-sent-label:hover { background: rgba(0, 0, 0, 0.03); } .entry-builder .eb-sent-label input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important; width: 1.4rem; height: 1.4rem; min-width: 1.4rem; flex-shrink: 0; margin-top: 0.25rem; cursor: pointer; accent-color: var(--color-primary); } .entry-builder .eb-sent-label:has(input:checked) { background: rgba(8, 116, 133, 0.08); } .entry-builder .eb-sent-content { flex: 1; } .entry-builder .eb-sent-text { display: block; } .entry-builder .eb-sent-text b, .entry-builder .eb-sent-text .highlighted_token { font-weight: 600; } .nocturno_theme .entry-builder .eb-sent-text b, .nocturno_theme .entry-builder .eb-sent-text .highlighted_token { color: #4dd4c6 !important; } .entry-builder .eb-sent-translation { display: block; font-size: 1.2rem; color: #888888; font-style: italic; margin-top: 0.1rem; } .entry-builder .eb-actions { display: flex; justify-content: flex-end; gap: 0.5rem; padding-top: 0.5rem; } @media (max-width: 500px) { .entry-builder { padding: 0.8rem; } .entry-builder .entry-builder-title { font-size: 1.25rem; } .entry-builder .eb-row { flex-direction: column; gap: 0.6rem; align-items: stretch; } .entry-builder .eb-field label { font-size: 1.2rem; } .entry-builder .eb-field input[type=text], .entry-builder .eb-field select { font-size: 1.2rem; } .entry-builder .eb-add-section > label { font-size: 1.2rem; } .entry-builder .eb-add-dropdown-toggle { font-size: 1.2rem; min-height: 2.2rem; } .entry-builder .eb-add-dropdown-item { font-size: 1.15rem; } .entry-builder .eb-word-header { flex-wrap: wrap; } .entry-builder .eb-word-header .eb-word-lemma { font-size: 1.25rem; } .entry-builder .eb-word-header .eb-word-remove { margin-left: auto; } .entry-builder .eb-word-header .eb-word-note { flex-basis: 100%; order: 1; } .entry-builder .eb-word-header .eb-show-sentences-btn { order: 1; font-size: 1rem; } .entry-builder .eb-manual-row { flex-wrap: wrap; } .entry-builder .eb-manual-row .eb-manual-text { flex-basis: 100%; } } .dict-result-highlight { animation: dictResultFlash 1.5s ease-out; } @keyframes dictResultFlash { 0% { box-shadow: 0 0 0 4px rgba(8, 116, 133, 0.5); } 100% { box-shadow: none; } } @media (max-width: 768px) { .dict-search-word-cloud { padding: 0.8rem; margin-bottom: 1rem; } .dict-search-word-cloud .dict-cloud-label { font-size: 1.2rem; top: -0.75rem; } .dict-search-word-cloud .dict-cloud-hide-btn { font-size: 1.2rem; top: -0.75rem; } .dict-search-word-cloud .dict-cloud-canvas { height: 220px; } .dict-search-toolbar { flex-wrap: wrap; gap: 0.4rem; } .dict-search-toolbar .small_button { font-size: 1.05rem; } } @media (max-width: 480px) { .dict-search-word-cloud { padding: 0.5rem; } .dict-search-word-cloud .dict-cloud-label { font-size: 1.05rem; padding: 0.1rem 0.5rem; } .dict-search-word-cloud .dict-cloud-hide-btn { font-size: 1.05rem; padding: 0.1rem 0.5rem; } .dict-search-word-cloud .dict-cloud-canvas { height: 180px; } .dict-search-toolbar { justify-content: space-between; } .dict-search-toolbar .small_button { font-size: 1rem; padding: 4px 12px !important; } } .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); 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: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: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, #4d4d4d 0%, #764747 25%, #a83838 50%, #e02424 75%, #ff1a1a 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: #e6e6e6; border-color: #333333; color: black !important; } .example-sentence-tense-label.blue_light { background-color: #ebfaff; border-color: #5cd6ff; color: #33ccff !important; } .example-sentence-tense-label.blue_dark { background-color: #e6ebf5; border-color: #335cad; color: #003399 !important; } .example-sentence-tense-label.brown { background-color: #f0ebe6; border-color: #855c33; color: #663300 !important; } .example-sentence-tense-label.green_dark { background-color: #e6f0e6; border-color: #338533; color: #006600 !important; } .example-sentence-tense-label.green_light { background-color: #f3fbeb; border-color: #a0de5c; color: #88d633 !important; } .example-sentence-tense-label.grey { background-color: #f2f2f2; border-color: #999999; color: #7f7f7f !important; } .example-sentence-tense-label.orange { background-color: #fff3e6; border-color: #ffad33; color: #ff9900 !important; } .example-sentence-tense-label.purple { background-color: #faf0ff; border-color: #d685ff; color: #cc66ff !important; } .example-sentence-tense-label.purple_dark { background-color: #f5d6eb; border-color: #d600ff; color: #cc32dc !important; } .example-sentence-tense-label.red_dark { background-color: #f8e6e6; border-color: #c33333; color: #b40000 !important; } .example-sentence-tense-label.red_light { background-color: #ffe6e6; border-color: #ff3333; color: red !important; } .study_conjugations_tense_label.black { background-color: #e6e6e6 !important; border-color: #333333 !important; color: black !important; } .study_conjugations_tense_label.blue_light { background-color: #ebfaff !important; border-color: #5cd6ff !important; color: #33ccff !important; } .study_conjugations_tense_label.blue_dark { background-color: #e6ebf5 !important; border-color: #335cad !important; color: #003399 !important; } .study_conjugations_tense_label.brown { background-color: #f0ebe6 !important; border-color: #855c33 !important; color: #663300 !important; } .study_conjugations_tense_label.green_dark { background-color: #e6f0e6 !important; border-color: #338533 !important; color: #006600 !important; } .study_conjugations_tense_label.green_light { background-color: #f3fbeb !important; border-color: #a0de5c !important; color: #88d633 !important; } .study_conjugations_tense_label.grey { background-color: #f2f2f2 !important; border-color: #999999 !important; color: #7f7f7f !important; } .study_conjugations_tense_label.orange { background-color: #fff3e6 !important; border-color: #ffad33 !important; color: #ff9900 !important; } .study_conjugations_tense_label.purple { background-color: #faf0ff !important; border-color: #d685ff !important; color: #cc66ff !important; } .study_conjugations_tense_label.purple_dark { background-color: #f5d6eb !important; border-color: #d600ff !important; color: #cc32dc !important; } .study_conjugations_tense_label.red_dark { background-color: #f8e6e6 !important; border-color: #c33333 !important; color: #b40000 !important; } .study_conjugations_tense_label.red_light { background-color: #ffe6e6 !important; border-color: #ff3333 !important; color: red !important; } /* WORD HISTORY DISPLAY */ #practice_session_end_word_history_container { margin-top: 3rem; } .word-history-item { text-align: center; border-radius: 1.2rem; background-color: var(--color-bg-box); box-shadow: 0 0.4rem 1.3rem 0 rgba(0, 0, 0, 0.07); position: relative; 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:hover { cursor: pointer; } .word-history-floating-button:hover:disabled { cursor: default; } .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: var(--color-bg-primary); 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: var(--color-bg-primary); 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: var(--color-bg-primary); border: none; box-shadow: none; padding: 0; margin-top: 2rem; } .word-history-selector { padding: 2rem 3rem 2rem 3rem; border-bottom: none; background-color: var(--color-bg-primary); } .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: var(--color-bg-primary); 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: var(--color-bg-primary); } .word-history-content .word-history-panel { display: none; padding: 3rem; background-color: var(--color-bg-primary); } .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: var(--color-bg-primary); 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: var(--color-bg-primary); 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; text-align: center; background-color: var(--color-bg-primary); } .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 .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: var(--color-correct); color: darkgreen; border: 0.1rem solid rgba(0, 200, 0, 0.6); } .score-badge.score-almost-correct { background-color: var(--color-almost-correct); color: #783c00; border: 0.1rem solid rgba(255, 140, 0, 0.6); } .score-badge.score-incorrect { background-color: var(--color-incorrect); color: #780000; 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; } /* ============================================ Chatbot Help Tab + Panel ============================================ */ /* ---- Right-edge tab (matches Feedback tab) ---- */ .chatbot-tab { position: fixed; right: 0; bottom: 15%; z-index: 100; transform: rotate(-90deg); transform-origin: 100% 100%; font-size: 1.8rem; padding: 0.5rem 1rem; border: none; white-space: nowrap; background-color: #087485; color: #fff !important; cursor: pointer; transition: background-color 0.15s; border-radius: 0 1.2rem 0 0; } .chatbot-tab i { margin-right: 0.15rem; font-size: 1.5rem; color: #fff !important; } .chatbot-tab:hover { background-color: #065b68; } .chatbot-tab--active { background-color: #065b68; } .chatbot-tab + #feedback-btn.vertical-right-aligned { border-radius: 1.2rem 0 0 0 !important; } /* ---- Chat panel ---- */ .chatbot { position: fixed; bottom: 1.5rem; right: 3.5rem; z-index: 10001; width: 360px; height: 500px; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14); display: flex; flex-direction: column; background: var(--color-bg-primary); border: 1px solid var(--color-border); } .chatbot__header { display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 1rem; background: #087485; color: #fff; flex-shrink: 0; } .chatbot__header-title { display: flex; align-items: center; gap: 0.5rem; font-weight: 700; font-size: 1.6rem; } .chatbot__msg-avatar { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; align-self: flex-end; } .chatbot__close { background: rgba(255, 255, 255, 0.2); border: none; border-radius: 50%; width: 2.6rem; height: 2.6rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; transition: background 0.15s; } .chatbot__close i { color: #fff !important; } .chatbot__close:hover { background: rgba(255, 255, 255, 0.35); } .chatbot__messages { position: relative; flex: 1; overflow-y: auto; padding: 0.65rem; display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; scrollbar-width: thin; scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-bg); } .chatbot__messages::-webkit-scrollbar { width: 1.3rem; } .chatbot__messages::-webkit-scrollbar-track { background: var(--color-scrollbar-bg); } .chatbot__messages::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-thumb); border-radius: 6px; border: 3px solid var(--color-scrollbar-bg); } .chatbot__message { display: flex; } .chatbot__message--user { justify-content: flex-end; } .chatbot__message--user .chatbot__bubble { background: #087485; color: #fff; border-bottom-right-radius: 3px; } .chatbot__message--assistant { justify-content: flex-start; align-items: flex-end; gap: 0.4rem; } .chatbot__message--assistant .chatbot__bubble { background: var(--color-bg-button); color: var(--color-text-primary); border-bottom-left-radius: 3px; } .chatbot__bubble { max-width: 78%; padding: 0.6rem 0.85rem; border-radius: 10px; font-size: 1.4rem; line-height: 1.5; word-wrap: break-word; overflow-wrap: break-word; } .chatbot__bubble a { color: #087485; text-decoration: underline; } .chatbot__bubble code { background: rgba(0, 0, 0, 0.05); padding: 0.05rem 0.3rem; border-radius: 3px; font-size: 1.3rem; } .chatbot__bubble strong { font-weight: 700; } .chatbot__error { color: #d32f2f; font-style: italic; } .chatbot__action-row { display: flex; padding-left: 32px; } .chatbot__action-btn { display: inline-flex; align-items: center; gap: 0.35rem; } .chatbot__action-btn:disabled { opacity: 0.5; cursor: default; } .chatbot__action-done { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.35rem 0; font-size: 1.25rem; color: #2e7d32; } .chatbot__action-done i { font-size: 1.2rem; } .chatbot__restore { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; background: rgba(8, 116, 133, 0.08); border: 1px solid rgba(8, 116, 133, 0.18); border-radius: 0.6rem; padding: 0.5rem 0.8rem; margin: 0.3rem 0; font-size: 1.2rem; } .chatbot__typing .chatbot__bubble { padding: 0.6rem 0.9rem; } .chatbot__dots { display: inline-flex; gap: 3px; align-items: center; } .chatbot__dots span { width: 5px; height: 5px; border-radius: 50%; background: var(--color-text-secondary); animation: chatbot-dot-pulse 1.2s ease-in-out infinite; } .chatbot__dots span:nth-child(2) { animation-delay: 0.2s; } .chatbot__dots span:nth-child(3) { animation-delay: 0.4s; } .chatbot__input-area { display: flex; align-items: center; padding: 0.45rem 0.55rem; border-top: 1px solid var(--color-border); gap: 0.35rem; flex-shrink: 0; background: var(--color-bg-primary); } .chatbot__input { flex: 1; border: 1px solid var(--color-border); border-radius: 18px; padding: 0.55rem 0.85rem; font-size: 1.4rem; outline: none; background: var(--color-bg-primary); color: var(--color-text-primary); transition: border-color 0.15s; } .chatbot__input:focus { border-color: #087485; } .chatbot__input::placeholder { color: var(--color-text-secondary); } .chatbot__input:disabled { opacity: 0.5; } .chatbot__send { width: 3rem; height: 3rem; border-radius: 50%; border: none; background: #087485; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; flex-shrink: 0; padding: 0; } .chatbot__send svg { width: 1.4rem; height: 1.4rem; margin-left: 0.1rem; } .chatbot__send:hover:not(:disabled) { background: #065b68; } .chatbot__send:disabled { opacity: 0.5; cursor: default; } @keyframes chatbot-dot-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } } @media (max-width: 480px) { .chatbot { width: calc(100vw - 1.5rem); right: 0.75rem; height: 70vh; } } /* ---- Full-page mode (mobile help chat page) ---- */ .chatbot-page { width: 100%; display: flex; flex-direction: column; overflow: hidden; } .chatbot--page-mode { position: static; width: 100%; height: 100%; flex: 1; min-height: 0; border-radius: 0; box-shadow: none; border: none; } .chatbot--page-mode .chatbot__messages { flex: 1; min-height: 0; padding: 1rem 1.2rem; padding-bottom: 5.5rem; gap: 0.6rem; } .chatbot--page-mode .chatbot__bubble { max-width: 85%; padding: 0.75rem 1rem; font-size: 1.5rem; } .chatbot--page-mode .chatbot__msg-avatar { width: 32px; height: 32px; } .chatbot--page-mode .chatbot__input-area { position: fixed; bottom: 0; left: 0; right: 0; padding: 0.6rem 0.8rem; gap: 0.5rem; border-top: 1px solid var(--color-border); padding-bottom: calc(0.6rem + env(safe-area-inset-bottom, 0px)); z-index: 10; } .chatbot--page-mode .chatbot__input { padding: 0.7rem 1rem; font-size: 1.5rem; border-radius: 20px; } .chatbot--page-mode .chatbot__send { width: 3.6rem; height: 3.6rem; } .chatbot--page-mode .chatbot__send svg { width: 1.6rem; height: 1.6rem; } .chatbot--page-mode .chatbot__action-row { padding-left: 38px; } .chatbot--page-mode .chatbot__action-btn i { font-size: 1.3rem; } .chatbot--page-mode .chatbot__restore { font-size: 1.3rem; padding: 0.6rem 1rem; } /* Nocturno dark mode — theme-nocturno applies .nocturno_theme div:not(.no_dark_mode) { color: … !important } (specificity 0-3-1). Nesting inside .chatbot bumps ours to 0-4-0+. */ .nocturno_theme #chatbot_container .chatbot__header, .nocturno_theme #chatbot_container .chatbot__header-title, .nocturno_theme #chatbot_container .chatbot__header-title span, .nocturno_theme #chatbot_container .chatbot__close, .nocturno_theme #chatbot_container .chatbot__close i { color: #fff !important; } .nocturno_theme #chatbot_container .chatbot__message--user .chatbot__bubble, .nocturno_theme #chatbot_container .chatbot__message--user .chatbot__bubble div, .nocturno_theme #chatbot_container .chatbot__message--user .chatbot__bubble span, .nocturno_theme #chatbot_container .chatbot__message--user .chatbot__bubble p, .nocturno_theme #chatbot_container .chatbot__message--user .chatbot__bubble a { color: #fff !important; } .nocturno_theme #chatbot_container .chatbot__message--assistant .chatbot__bubble, .nocturno_theme #chatbot_container .chatbot__message--assistant .chatbot__bubble div, .nocturno_theme #chatbot_container .chatbot__message--assistant .chatbot__bubble span, .nocturno_theme #chatbot_container .chatbot__message--assistant .chatbot__bubble p, .nocturno_theme #chatbot_container .chatbot__message--assistant .chatbot__bubble strong { color: #e0e0e0 !important; } .nocturno_theme #chatbot_container .chatbot__bubble code { background: rgba(255, 255, 255, 0.08); } .nocturno_theme #chatbot_container .chatbot__message--assistant .chatbot__bubble a { color: #8dd3de !important; } .nocturno_theme .chatbot__action-row .chatbot__action-done, .nocturno_theme .chatbot__action-row .chatbot__action-done i { color: #66bb6a !important; } .nocturno_theme .chatbot__restore { background: rgba(8, 116, 133, 0.15); border-color: rgba(8, 116, 133, 0.3); color: #c0c0c0; } /* 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 a, .pagination_container .pagination li span:not(.ellipse) { border: 1px solid rgba(8, 116, 133, 0.45); padding: 6px 14px !important; margin: 3px 4px; font-size: 14px; min-width: 2rem; text-align: center; } 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:not(.level_box) { background-color: rgba(8, 116, 133, 0.075); border: 1px solid rgba(8, 116, 133, 0.45); } .section_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 { 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, .submit_button, .small_button, .tiny_button, .wide_button { border-radius: 12px !important; border: 1px solid rgba(8, 116, 133, 0.45) !important; } .tiny_button { padding: 2px 8px !important; margin: 3px 4px; border-radius: 8px !important; } .small_button { padding: 5px 24px !important; } .submit_button { 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 { box-shadow: none !important; border-radius: 0 !important; } .main_centered_box, .main_box { margin: 0 !important; width: 100% !important; left: 0 !important; padding: 10px; box-shadow: none !important; border-radius: 0 !important; } /*** 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 { 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: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 .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 { /* Ensure NEW badge sits inside the button on small screens */ } #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 .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:not(.prefs-container) { width: 100%; padding-bottom: 2rem; } #practice_conjugations_setup_form .exercise_main_page_nav_buttons { margin-right: 1rem; } #practice_conjugations_setup_form #practice_conjugations_preset_box .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, #quick_conjugation_preset_form { padding: 0 1rem 0 1rem !important; margin-top: 1rem; } #practice_conjugations_preset_box select, #quick_conjugation_preset_form select { max-width: 75%; } #practice_conjugations_settings_container { width: 100% !important; padding: 0 0.5rem; } #practice_conjugations_settings_container .prefs-row--pills { flex-direction: column; align-items: stretch; } #practice_conjugations_settings_container .prefs-pills { display: grid; } #practice_conjugations_settings_container .prefs-pills .prefs-pill { padding: 0.65rem 1rem; font-size: 1.35rem; } #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; } .conj-main-grid { grid-template-columns: 1fr !important; gap: 2rem 0 !important; } .conj-verb-input-row { flex-wrap: wrap; } .conj-tense-list { max-height: 25rem; } .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; } #quick_conjugation_preset_group_box #quick_conjugation_preset_preferences .inner { grid-template-columns: 1fr; gap: 1.5rem; } label { position: relative; top: 1rem; } #crosswords_email_switch_label, #crosswords_email_switch_container .switch, .custom_crossword_details_first_only_toggle label { top: 0; } #custom_crossword_generate_box label, .side_popup label { top: 0; } #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_container { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } #word_lists .word_lists_folder_children { grid-template-columns: auto 25px minmax(min-content, 80px) minmax(min-content, 60px) minmax(min-content, 60px); padding-left: 1rem; } #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); position: relative; font-size: 15px; } #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 > 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; position: relative; } #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 .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, #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; 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 #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:hover, #word_lists #auto_word_lists_table_reverse .word_lists_problem_words_quick_review:hover { background-color: var(--color-bg-button-hover); } #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; } .prefs-container { max-width: 100%; } .prefs-container .prefs-section { border-radius: 1rem; margin-bottom: 1.5rem; } .prefs-container .prefs-section__header { padding: 1.2rem 1.4rem 0.6rem; font-size: 1.2rem; } .prefs-container .prefs-row { padding: 1.2rem 1.4rem; gap: 1rem; flex-wrap: wrap; } .prefs-container .prefs-row--pills { flex-direction: column; align-items: stretch; } .prefs-container .prefs-row__label { font-size: 1.45rem; } .prefs-container .prefs-row__desc { font-size: 1.1rem; } .prefs-container select.prefs-select { width: auto; } .prefs-container .prefs-row--sub { padding-left: 2.4rem; } .prefs-container .prefs-pills { display: grid; } .prefs-container .prefs-pills .prefs-pill { position: static; top: auto; padding: 0.4rem 1rem; font-size: 1.25rem; } .prefs-container select.prefs-select { font-size: 1.3rem; } #word_lists_settings_container { margin-top: -1rem !important; padding: 0 1rem !important; } #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_typing_almost_correct_label { position: static; text-align: center; margin-bottom: 0.5rem; } #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; } #word_list .breadcrumb-nav { margin-bottom: 1rem; } #word_list .breadcrumb { padding: 0.5rem 0.8rem; font-size: 1.2rem; } #word_list .breadcrumb li:not(:last-child)::after { margin: 0 0.5rem; font-size: 1.3rem; } #word_list .breadcrumb li.active span { font-size: 1.15rem; } #word_list .breadcrumb .breadcrumb-detail { font-size: 1.05rem; margin-left: 0.3rem; } #word_list #word_list_buttons { margin-top: 0.8rem; margin-bottom: 0.8rem; gap: 0.4rem 0.8rem; } #word_list #word_list_buttons i { font-size: 2.2rem; } #word_list #word_list_buttons #word_list_share_toggle_container .prefs-toggle { position: relative; top: 0; } #word_list #word_list_share_panel { padding: 0.7rem 1rem; gap: 0.6rem; font-size: 1.3rem; } #word_list #word_list_share_panel .word_list_share_code_display { font-size: 1.3rem; } #word_list #word_list_share_panel .share_panel_hint { font-size: 1.1rem; } #word_list #word_list_share_panel .share_panel_stats { font-size: 1.2rem; } #word_list #word_list_folder_row { padding: 0.5rem 0; } #word_list #word_list_search_container { margin-bottom: 1rem; } #word_list #word_list_table_container { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } #word_list #word_list_table, #word_list #word_list_search_results_table { grid-template-columns: 0 0 minmax(0, 1fr) minmax(0, 1fr) min-content !important; } #word_list #word_list_table > div, #word_list #word_list_search_results_table > div { padding: 0.8rem 0.6rem; } #word_list #word_list_table > div:nth-child(5n+1), #word_list #word_list_table > div:nth-child(5n+2), #word_list #word_list_search_results_table > div:nth-child(5n+1), #word_list #word_list_search_results_table > div:nth-child(5n+2) { padding: 0 !important; overflow: hidden; font-size: 0; line-height: 0; border: none !important; } #word_list .word_list_word_buttons { gap: 0.4rem; } #word_list .word_list_word_buttons i { height: 2rem; width: 2rem; font-size: 1.6rem; } #housekeeping_page .housekeeping_suggestion_senses { padding: 0.6rem 0.7rem; gap: 0.4rem; } #housekeeping_page .housekeeping_suggestion_header { padding: 0.6rem 0.8rem; gap: 0.4rem; } #housekeeping_page .housekeeping_suggestion_translations { font-size: 1.3rem; } #housekeeping_page .housekeeping_suggestion_desc { font-size: 1.1rem; } #housekeeping_page .housekeeping_sense_main { flex-direction: column; align-items: flex-start; gap: 0.5rem; } #housekeeping_page .housekeeping_sense_actions { align-self: flex-start; } #housekeeping_page .housekeeping_sense_row { padding: 0.5rem 0.6rem; } #housekeeping_page .housekeeping_sentence_text { font-size: 1.25rem; } #housekeeping_page .housekeeping_sentence_translation { font-size: 1.15rem; } #housekeeping_page .housekeeping_explanation_btn { font-size: 1.25rem; padding: 0.15rem 0.5rem; } #housekeeping_page .housekeeping_explanation_btn i { font-size: 1.1rem; margin-right: 0.15rem; } #housekeeping_page .housekeeping_sentence_translate i { font-size: 1.15rem !important; } #housekeeping_page .housekeeping_dict_icon, #housekeeping_page .housekeeping_dict_icon i { font-size: 1.2rem !important; } #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 { width: 100% !important; margin-left: 0 !important; } #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_example_sentences { display: block !important; width: 100% !important; } #practice_words_example_sentences .wbw_examples_practice { width: 100% !important; margin-left: 0 !important; margin-top: 0; padding: 1.5rem; box-sizing: border-box; } #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, #statistics #statistics_conjugation_explanation_mistakes_table { grid-template-columns: min-content 7rem auto minmax(7rem, min-content); } #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; } @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 { /* Position CLEAR PROGRESS like LOOK UP WORD on the left (mobile) */ } #crossword_box #mobile_difficulty_level { display: block; } #crossword_box #desktop_difficulty_level { display: none; } #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, #crossword_box .crossword_mobile_clue_container .crossword_entry_form_hint { 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; background-color: white; position: fixed; 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; margin-top: 2rem; } #crosswords_box #crosswords_nav_row { flex-wrap: wrap; margin-top: 0.8rem; } #crosswords_box #crosswords_nav_row .exercise_main_page_nav_buttons { margin-left: auto; } #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; padding: 0 1.5rem; 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 { margin-top: 8rem !important; } @media only screen and (max-width: 599px) { #crosswords_box .instruction-section { 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; line-height: 1.75; } #crossword_archive_results_table_mobile > div, #crossword_archive_results_table_mobile > a { padding: 1.2rem 1.5rem; } #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) */ /* Cover page - keep back button positioned at left */ } #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_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 { 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 { 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; } /* CUSTOM CROSSWORDS - LISTING PAGE */ #custom_crosswords_box .custom_crosswords_generate_btn { float: none; display: inline-block; margin-top: 1rem; margin-bottom: 0.5rem; } #custom_crosswords_box .custom_crossword_card { flex-direction: column; align-items: flex-start; gap: 0.8rem; padding: 1rem 1.2rem; } #custom_crosswords_box .custom_crossword_card_actions { margin-left: 0; width: 100%; flex-wrap: wrap; } #custom_crosswords_box .custom_crossword_card_title { font-size: 1.6rem; } #custom_crosswords_box .custom_crossword_card_meta { font-size: 1.3rem; } #custom_crosswords_box .custom_crossword_sharing_panel_inner { gap: 0.6rem; } #custom_crosswords_box .custom_crossword_share_code_input_row input { flex: 1; min-width: 0; } /* CUSTOM CROSSWORDS - GENERATE PAGE */ #custom_crossword_generate_box .ccg_form_group { max-width: 100%; } #custom_crossword_generate_box .ccg_size_options { flex-direction: column; gap: 0.8rem; } #custom_crossword_generate_box .ccg_status_area { max-width: 100%; } /* CUSTOM CROSSWORDS - DETAILS PAGE */ .custom_crossword_details_box .custom_crossword_details_stats { gap: 0.8rem; } .custom_crossword_details_box .custom_crossword_details_stat_card { min-width: 8rem; } .custom_crossword_details_box .custom_crossword_details_table_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .custom_crossword_details_box .custom_crossword_details_table { min-width: 0; font-size: 1.25rem; } .custom_crossword_details_box .custom_crossword_details_table th, .custom_crossword_details_box .custom_crossword_details_table td { padding: 0.7rem 0.6rem; } .custom_crossword_details_box .custom_crossword_details_table .counter_th, .custom_crossword_details_box .custom_crossword_details_table .counter_cell { display: none; } .custom_crossword_details_box .custom_crossword_details_actions { flex-wrap: wrap; gap: 0.6rem; } .custom_crossword_details_box .custom_crossword_details_actions .small_button { flex: 1 1 auto; text-align: center; min-width: 0; } .custom_crossword_details_box .custom_crossword_details_sharing_panel { flex-wrap: wrap; gap: 0.6rem; } .custom_crossword_details_box .custom_crossword_details_info_row { font-size: 1.35rem; line-height: 2; } .custom_crossword_details_box .custom_crossword_details_info_row strong { width: 6.5rem; } .custom_crossword_details_box .custom_crossword_details_sharing_hint i { font-size: 1.2rem !important; } @media only screen and (max-width: 599px) { #custom_crosswords_box .custom_crossword_shared_display { flex-wrap: wrap; gap: 0.3rem; } .custom_crossword_details_box .custom_crossword_details_stats { flex-direction: column; } .custom_crossword_details_box .custom_crossword_details_stat_card { min-width: 0; } .custom_crossword_details_box .custom_crossword_details_table { font-size: 1.1rem; } .custom_crossword_details_box .custom_crossword_details_table th, .custom_crossword_details_box .custom_crossword_details_table td { padding: 0.5rem 0.4rem; } .custom_crossword_details_box .custom_crossword_details_table .sortable_th i { display: none; } .custom_crossword_details_box .custom_crossword_details_table:not(.custom_crossword_entry_stats_table):not(.custom_crossword_clues_table) th:nth-child(3), .custom_crossword_details_box .custom_crossword_details_table:not(.custom_crossword_entry_stats_table):not(.custom_crossword_clues_table) td:nth-child(3) { display: none; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_clue { max-width: none; white-space: normal; word-break: break-word; } .custom_crossword_details_box .custom_crossword_entry_stats_table .entry_stats_bar_container { width: 3.5rem; } } /* ADVANCED EDITOR */ #adv_editor.main_box { padding: 1rem 0.8rem; } .adv-editor__nav { gap: 0.6rem; margin-bottom: 1.5rem; } .adv-editor__word-select { order: -1; flex-basis: 100%; min-width: 0; max-width: none; font-size: 1.6rem; padding: 0.6rem 0.8rem; } .adv-editor__nav-btn { min-width: 4rem; padding: 0.5rem 1rem; font-size: 1.4rem; } .adv-editor__counter { font-size: 1.4rem; } .adv-editor__preview-btn { margin-left: auto; } .adv-editor__desc-pos-row { margin-bottom: 1.2rem; } .adv-editor__desc-pos-row .adv-editor__pos-col { flex: 0 0 auto; width: auto; white-space: nowrap; margin-left: 0.8rem; } .adv-editor__row { flex-direction: column; gap: 0; } .adv-editor__row .adv-editor__section--half { flex: none; width: 100%; } .adv-editor__textarea, .adv-editor__select { font-size: 1.6rem; padding: 0.6rem 0.8rem; } .adv-editor__translation-row { flex-wrap: wrap; gap: 0.5rem; padding: 0.6rem; } .adv-editor__translation-row .adv-editor__primary-toggle { order: 1; font-size: 1.2rem; padding: 0.3rem 0.6rem; align-self: center; } .adv-editor__translation-row .adv-editor__translation-text { order: 2; flex: 1 1 0; min-width: 60%; font-size: 1.6rem; padding: 0.5rem 0.6rem; } .adv-editor__translation-row .adv-editor__translation-note { order: 3; flex: 1 1 0; min-width: 50%; font-size: 1.4rem; padding: 0.5rem 0.6rem; } .adv-editor__translation-row .adv-editor__translation-gender { order: 4; flex-shrink: 0; width: auto; } .adv-editor__translation-row .adv-editor__show-sentences-btn { order: 5; font-size: 1.15rem; } .adv-editor__translation-row .adv-editor__remove-btn { order: 6; margin-left: auto; font-size: 2rem; padding: 0.2rem 0.5rem; } .adv-editor__translation-sentences { padding: 0.5rem 0.6rem 0.6rem; } .adv-editor__sent-header { display: none; } .adv-editor__sentence-row { flex-direction: row; flex-wrap: wrap; gap: 0.4rem; position: relative; padding-bottom: 0.6rem; margin-bottom: 0.4rem; border-bottom: 1px solid rgba(128, 128, 128, 0.15); padding-right: 0; align-items: center; } .adv-editor__sentence-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .adv-editor__sentence-row .adv-editor__linked-badge { position: static; order: -1; margin-top: 0; font-size: 1.3rem; } .adv-editor__sentence-row .adv-editor__sentence-text { order: 0; flex: 1 1 0%; min-width: 80%; font-size: 1.5rem; padding: 0.5rem 0.6rem; } .adv-editor__sentence-row .adv-editor__sentence-translation { order: 1; flex: 1 1 100%; min-width: 0; font-size: 1.5rem; padding: 0.5rem 0.6rem; border-style: dashed; } .adv-editor__sentence-row .adv-editor__remove-btn { order: 2; position: static; flex: 0 0 auto; font-size: 2.2rem; padding: 0.2rem 0.5rem; margin-left: auto; } .adv-editor__manual-row { flex-wrap: wrap; gap: 0.4rem; position: relative; padding-right: 2.5rem; } .adv-editor__manual-row .adv-editor__manual-text { flex: none; width: 100%; font-size: 1.4rem; padding: 0.4rem 0.6rem; } .adv-editor__manual-row .adv-editor__manual-trans { flex: none; width: 100%; font-size: 1.25rem; padding: 0.4rem 0.6rem; } .adv-editor__manual-row .adv-editor__manual-remove { position: absolute; top: 0.3rem; right: 0; font-size: 1.5rem; } .adv-editor__sentence-btn-row { flex-wrap: wrap; } .adv-editor__sentence-btn-row .small_button { font-size: 1.15rem; } .adv-editor__sent-label { font-size: 1.3rem; padding: 0.5rem; } .adv-editor__btn-row { gap: 0.6rem; } .adv-editor__btn-row .small_button { flex: 1; text-align: center; } .adv-editor__actions { flex-wrap: wrap; gap: 0.8rem; } .adv-editor__actions label, .adv-editor__actions .adv-editor__auto-save-label { top: 0; } .adv-editor__save-btn { font-size: 1.5rem; padding: 0.6rem 2rem; } .adv-editor__section--copy-move .adv-editor__select { min-width: 0; width: 100%; flex-basis: 100%; } .adv-editor__suggestions-panel { padding: 0.7rem; } .adv-editor__suggestions-panel .housekeeping_sense_row { padding: 0.6rem; } .adv-editor__suggestions-panel .housekeeping_sense_main { flex-direction: column; align-items: stretch; gap: 0.5rem; } .adv-editor__suggestions-panel .housekeeping_sense_info { gap: 0.2rem 0.4rem; } .adv-editor__suggestions-panel .housekeeping_sense_lemma { font-size: 1.5rem; } .adv-editor__suggestions-panel .housekeeping_sense_def { font-size: 1.25rem; line-height: 1.4; } .adv-editor__suggestions-panel .housekeeping_sense_actions { justify-content: flex-start; gap: 0.5rem; } .adv-editor__suggestions-panel .housekeeping_sense_actions .small_button { font-size: 1.2rem; padding: 0.5rem 1rem; } .adv-editor__suggestions-panel .housekeeping_sentences_list { gap: 0.4rem; } .adv-editor__suggestions-panel .housekeeping_sentence_row { flex-direction: column; gap: 0.15rem; } .adv-editor__search-panel { padding: 0.6rem; } .adv-editor__search-result-item { flex-direction: column; gap: 0.3rem; } .adv-editor__search-result-text { min-width: 0; width: 100%; } .adv-editor__search-result-translation { min-width: 0; width: 100%; } .adv-editor__preview-overlay { padding: 0.5rem; } .adv-editor__preview-modal { border-radius: 0.6rem; max-height: 90vh; } .adv-editor__preview-body { padding: 1.5rem 1rem 1rem !important; font-size: 2rem; } /*# sourceMappingURL=mobile.css.83dd79e4f4bd.map */