.ChapterIconContainer_iconContainer__5umYV span{line-height:normal;font-family:surahnames;font-size:var(--font-size-large)}.ChapterIconContainer_iconContainerSmall__gvmyy span{font-size:var(--font-size-xsmall)}.ChapterIconContainer_iconContainerLarge__z49r_ span{font-size:var(--font-size-jumbo)}.ChapterIconContainer_iconContainerMega__rKWtt span{font-size:calc(1.5*var(--font-size-jumbo))}.SurahPreviewRow_container__3ZfRV{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-borders-hairline);padding-block-start:var(--spacing-medium);padding-block-end:var(--spacing-medium);padding-inline-start:var(--spacing-large);padding-inline-end:var(--spacing-large);border-radius:var(--border-radius-default);cursor:pointer}@media(hover:hover){.SurahPreviewRow_container__3ZfRV:hover{border:1px solid var(--color-success-medium);background-color:var(--color-background-alternative-faded)}.SurahPreviewRow_container__3ZfRV:hover .SurahPreviewRow_surahNumber__BICjx{background-color:var(--color-success-medium);color:var(--color-text-inverse)}.SurahPreviewRow_container__3ZfRV:hover .SurahPreviewRow_description__78w9M,.SurahPreviewRow_container__3ZfRV:hover .SurahPreviewRow_translatedSurahName__SHzIe{color:var(--color-success-medium)}}.SurahPreviewRow_surahNumber__BICjx{background-color:var(--color-background-alternative-faint);display:flex;align-items:center;justify-content:center;width:calc(2.5*var(--spacing-medium));height:calc(2.5*var(--spacing-medium));border-radius:var(--border-radius-default);transform:rotate(45deg);margin-inline-end:var(--spacing-large)}.SurahPreviewRow_surahNumber__BICjx>span{transform:rotate(-45deg);font-weight:var(--font-weight-bold)}.SurahPreviewRow_surahNameContainer__b78tP{display:flex;flex-direction:column;} .question_list_page .SurahPreviewRow_surahNameContainer__b78tP{width: calc(100% - 50px); padding-left: 5px;}.SurahPreviewRow_translatedSurahName__SHzIe{font-size:var(--font-size-xsmall);font-weight:var(--font-weight-bold);color:var(--color-text-faded)}.SurahPreviewRow_surahName__jrca5{font-weight:var(--font-weight-bold)}.SurahPreviewRow_left__jd1pg,.SurahPreviewRow_right__6w3Ku{display:flex;align-items:center}.SurahPreviewRow_right__6w3Ku{flex-direction:column}.SurahPreviewRow_description__78w9M{text-align:end;font-size:var(--font-size-xsmall);font-weight:var(--font-weight-bold);color:var(--color-text-faded)}.SurahPreviewRow_largeText__5M7WS{font-size:var(--font-size-large)}.Tabs_container__l5DHu{display:flex;border-block-end:1px solid var(--color-borders-hairline)}.Tabs_tabItem__b_JVR{cursor:pointer;padding-block-start:var(--spacing-xxsmall);padding-block-end:var(--spacing-xxsmall);padding-inline-start:var(--spacing-xxsmall);padding-inline-end:var(--spacing-xxsmall);background-color:var(--color-background-default)}.Tabs_tabItem__b_JVR+.Tabs_tabItem__b_JVR{margin-inline-start:var(--spacing-xxsmall)}.Tabs_tabItemSelected__Nt0wr{border-block-end:2px solid var(--color-text-default)}.ChapterAndJuzListSkeleton_skeletonContainer__e0MkS{display:flex;flex-direction:row;flex-wrap:wrap}.ChapterAndJuzListSkeleton_skeletonItem__UFUNI{display:flex;flex:1 0 30%;margin:var(--spacing-xsmall);padding:var(--spacing-xsmall) 0;height:calc(2*var(--spacing-mega))} .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic{width: 100%;display: grid; grid-template-columns: repeat(7, 1fr);grid-gap: var(--spacing-small); gap: var(--spacing-small);} .CallToActionButtons_buttonsContainer__V05v8.category_topic .Button_success__As9HB:hover .catgory_name_roman{color: #fff;} .category_topic_page .CallToActionButtons_buttonsContainer__V05v8.category_topic .catgory_name{display: inline-block;width: 100%; font-size: 18px;margin-bottom: 5px;} .category_topic_page .CallToActionButtons_buttonsContainer__V05v8.category_topic .catgory_name_roman{display: inline-block;width: 100%;font-size: 15px;color: #404040;} .CallToActionButtons_buttonsContainer__V05v8.category_topic{width: 100%;display: grid; grid-template-columns: repeat(4, 1fr);grid-gap: var(--spacing-small); gap: var(--spacing-small);} .question_list_page .QuranGrowthJourneySection_title__p5KVY{line-height: 32px;} .question_list_page .ChapterAndJuzList_surahLayout__ZZ82j{grid-template-columns: repeat(1, 1fr);} .question_list_page .ChapterAndJuzList_surahLayout__ZZ82j .SurahPreviewRow_surahName__jrca5{font-size: 18px; margin-bottom: 8px;} .question_list_page .ChapterAndJuzList_surahLayout__ZZ82j .SurahPreviewRow_translatedSurahName__SHzIe{font-size: 16px;color: #9d9d9d !important} .Footer_flowItem__3L5WX{padding-top: 50px;} .question_detail_page .question_cat_heading{color: #fff;font-size: 16px;font-weight: normal; margin-bottom: 8px;} .question_detail_page .question_cat_name{color: #2ca4ab; font-size: 20px;font-weight: 600;margin-bottom: 20px;} .question_detail_page .question_name{color: #fff; font-size: 18px; margin-bottom: 6px;} .question_detail_page .question_name_roman{font-size: 16px; color: #999595;} .question_detail_page .surah_detail{background: #2ca4ab;padding: 5px 12px;font-weight: normal;border-top-right-radius: 0.25rem;border-top-left-radius: 0.25rem;margin-bottom: 12px;}.question_detail_page .SurahPreviewRow_container__3ZfRV{display: block;background-color:#212529} .question_detail_page .SurahPreviewRow_surahName__jrca5{ font-weight: var(--font-weight-bold); margin-bottom: 15px;text-align: center;font-size: 18px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);} .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe{font-size: 16px; font-weight: normal; color: #fff !important; line-height: 26px;text-align: center;} .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe.arabic_text{text-align: center;direction: rtl;font-size: 20px; line-height: 38px;font-family: IndoPak !important;} .question_detail_page .SurahPreviewRow_container__3ZfRV:hover{cursor: auto !important;} #surahListSearchHome{position:absolute;z-index:9;left:0;display:none;background-color: #000;border-radius: 25px; margin: 58px 15px;width: calc(100% - 30px);max-height: 500px; overflow-y: auto;border-bottom: 15px solid #000;}#surahListSearchHome ul{width:300px;background-color:#343a40;max-height:255px;overflow-y:auto;border:1px solid #737373;border-top:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:10px 5px 5px 10px}#surahListSearchHome ul li{color:#f5f5f5;padding:0 10px;height:41px;line-height:41px}#surahListSearchHome ul li:hover{background-color:#212529;color:#e7e9ea;border-radius:var(--border-radius-rounded)}#surahListSearchHome ul li a{display:inline-block;width:100%}#surahListSearchHome ul li a span:first-child{margin-right:1rem}#command-bar{cursor:auto}#command-bar #search_surah_top{border:0;padding:0 15px;width:100%;margin-top:-4px} @media only screen and (max-width:1024px){.ChapterAndJuzListSkeleton_skeletonItem__UFUNI{flex:1 0 42%}} @media only screen and (max-width:425px){.ChapterAndJuzListSkeleton_skeletonItem__UFUNI{margin:var(--spacing-xsmall) var(--spacing-micro);flex:1 0 100%}}.ChapterAndJuzListSkeleton_tabSkeleton__9WGKQ{display:flex;flex-direction:row;width:100%;margin:var(--spacing-xsmall)}@media only screen and (max-width:425px){.ChapterAndJuzListSkeleton_tabSkeleton__9WGKQ{margin-inline-start:var(--spacing-micro)}}.ChapterAndJuzListSkeleton_firstTabSkeleton__5RGyO{width:calc(3*var(--spacing-mega));margin-inline-end:var(--spacing-small);margin-block-end:var(--spacing-xsmall)}.ChapterAndJuzListSkeleton_secondTabSkeleton__gSzub{width:calc(3*var(--spacing-mega))}.ChapterAndJuzList_surahLayout__ZZ82j{width:100%;display:flex;flex-direction:column}@media only screen and (min-width:768px){.ChapterAndJuzList_surahLayout__ZZ82j{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-small);gap:var(--spacing-small)}}@media only screen and (min-width:1024px){.ChapterAndJuzList_surahLayout__ZZ82j{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-small);gap:var(--spacing-small);grid-template-rows:masonry}}.ChapterAndJuzList_chapterContainer__uVZ3E{background-color:var(--color-background-default);border-radius:var(--border-radius-default)}.ChapterAndJuzList_chapterContainer__uVZ3E+.ChapterAndJuzList_chapterContainer__uVZ3E{margin-block-start:var(--spacing-small)}@media only screen and (min-width:768px){.ChapterAndJuzList_chapterContainer__uVZ3E+.ChapterAndJuzList_chapterContainer__uVZ3E{margin-block-start:0}}.ChapterAndJuzList_juzLayout__ejXgD{-moz-column-gap:1em;column-gap:1em}@media only screen and (min-width:768px){.ChapterAndJuzList_juzLayout__ejXgD{-moz-column-count:2;column-count:2}}@media only screen and (min-width:1024px){.ChapterAndJuzList_juzLayout__ejXgD{-moz-column-count:3;column-count:3}}.ChapterAndJuzList_tabsContainer__3Nm7e{padding-block-end:var(--spacing-medium)}.ChapterAndJuzList_sorter__EiaST{display:flex;margin-block-start:var(--spacing-xsmall);justify-content:flex-end;align-items:baseline;font-size:var(--font-size-xsmall)}.ChapterAndJuzList_sortByValue__FQ2LI{display:flex;align-items:center;font-weight:var(--font-weight-bold);text-transform:uppercase;cursor:pointer;margin-inline-start:var(--spacing-xxsmall)}.ChapterAndJuzList_sortByValue__FQ2LI>span{display:flex;align-items:center}.ChapterAndJuzList_sortByValue__FQ2LI>.ChapterAndJuzList_rotate180__88gQX>svg{transform:rotate(180deg)}.ChapterAndJuzList_sortByValue__FQ2LI>span>svg{width:var(--spacing-small);margin-inline-start:var(--spacing-xxsmall);transition:transform var(--transition-regular)}.ChapterAndJuzList_loadingContainer__jvwrw{min-height:100vh}.ChapterAndJuzList_uppercase__0CxpO{text-transform:uppercase}.ChapterAndJuzList_revelationOrderDisclaimer__ymzfy{margin-block-start:var(--spacing-medium);padding:var(--spacing-small);border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-default);background-color:var(--color-success-faded)}.QuickLinks_header__7j1nm{margin-block-end:var(--spacing-xsmall);padding-inline-start:var(--flow-side-spacing,var(--spacing-small))}.QuickLinks_quickLinksContainer__azLk0{width:100%;display:flex;flex-wrap:wrap;justify-content:center;overflow-x:auto;margin-inline:auto}.QuickLinks_quickLinksContainer__azLk0::-webkit-scrollbar{-webkit-appearance:none;height:0}.QuickLinks_link__GzlyR{margin-inline:var(--spacing-xxsmall);margin-block-end:var(--spacing-xxsmall)}.QuickLinks_link__GzlyR:hover{box-shadow:var(--shadow-large);color:var(--color-text-inverse)}.KeyboardInput_container__Zwe4F{direction:ltr;color:var(--color-text-default);border:1px solid var(--color-borders-hairline);display:inline-block;text-align:center;min-width:calc(.5*var(--spacing-medium));border-radius:var(--border-radius-default);font-size:14px;line-height:28px;padding:0 8px}.KeyboardInput_container__Zwe4F>span+span{margin-inline-start:8px}@media only screen and (max-width:768px){.KeyboardInput_container__Zwe4F{display:none}}.KeyboardInput_invertedColors__2s3F3{color:var(--color-text-inverse)}.CommandBarTrigger_leftSection__P7gdV{display:flex;align-items:center;width: 100%;}.CommandBarTrigger_leftSection__P7gdV>svg{fill:var(--color-text-faded);opacity:var(--opacity-50);width:calc(1.4*var(--spacing-medium))}.CommandBarTrigger_leftSection__P7gdV .CommandBarTrigger_placeholder__tW_M9{margin-inline-start:var(--spacing-small)}.CommandBarTrigger_container__g1Ziu{position:relative;transition:box-shadow var(--transition-fast) ease,top var(--transition-fast) ease;box-sizing:border-box;background:var(--color-background-elevated);width:100%;display:flex;align-items:center;padding:0 calc(1.5*var(--spacing-medium));color:var(--color-text-faded);min-height:calc(3*var(--spacing-large));border-radius:var(--border-radius-pill);cursor:pointer;outline:inherit;font-size:var(--font-size-large);inset-block-start:0;justify-content:space-between}@media(prefers-color-scheme:light){.CommandBarTrigger_container__g1Ziu{box-shadow:var(--shadow-small)}.CommandBarTrigger_container__g1Ziu:hover{color:var(--color-text-default);box-shadow:var(--shadow-large)}}[data-theme=light] .CommandBarTrigger_container__g1Ziu{box-shadow:var(--shadow-small)}[data-theme=light] .CommandBarTrigger_container__g1Ziu:hover{color:var(--color-text-default);box-shadow:var(--shadow-large)}.CommandBarTrigger_actionsContainer__cN9E2{display:flex;justify-content:center;align-items:center}.CommandBarTrigger_searchButtonWrapper__e5_5c{margin-inline-end:calc(-1*var(--spacing-xsmall));margin-inline-start:calc(var(--spacing-xsmall))}.HomePageHero_outerContainer__iOY2Z{position:relative}.HomePageHero_backgroundImage__iQe4N{position:absolute;z-index:-1;inset:0;background-color:#22a5ad;background-image:url(../../../images/background.jpg);background-size:cover}@media(prefers-color-scheme:dark){.HomePageHero_backgroundImage__iQe4N{filter:saturate(.1) brightness(.3) contrast(1.1)}}[data-theme=dark] .HomePageHero_backgroundImage__iQe4N{filter:saturate(.1) brightness(.3) contrast(1.1)}@media(prefers-color-scheme:light){.HomePageHero_backgroundImage__iQe4N{filter:none}}[data-theme=light] .HomePageHero_backgroundImage__iQe4N{filter:none}[data-theme=sepia] .HomePageHero_backgroundImage__iQe4N{filter:sepia(1)}.HomePageHero_innerContainer__2eeX_{display:flex;flex-direction:column;height:100%;align-items:center;padding-inline:var(--spacing-small);margin-inline:auto}@media only screen and (min-width:768px){.HomePageHero_innerContainer__2eeX_{max-width:calc(25*var(--spacing-mega))}}.HomePageHero_imageContainer__XIIR0{height:calc(5*var(--spacing-mega));width:100%;max-width:calc(8*var(--spacing-mega));margin-block-end:var(--spacing-medium);margin-block-start:var(--spacing-mega)}@media only screen and (min-width:768px){.HomePageHero_imageContainer__XIIR0{margin-block-end:var(--spacing-mega);margin-block-start:var(--spacing-xxsmall)}}.HomePageHero_imageContainer__XIIR0>svg{fill:var(--color-text-inverse)}.HomePageHero_quickLinksContainer__dLOws{margin-block-start:var(--spacing-xxsmall)}.IconContainer_container__kS6o8{display:flex;align-items:center}.IconContainer_container__kS6o8[dir=rtl][data-auto-flip-icon=true]>svg{transform:scaleX(-1)}.IconContainer_defaultColor__jGhPh>svg path{fill:var(--color-primary-medium)}.IconContainer_secondaryColor__KDGmK>svg path{fill:var(--color-secondary-medium)}.IconContainer_xsmallIcon__QIQZu>svg{width:16px;height:16px}.IconContainer_smallIcon__slfID>svg{width:20px;height:20px}.IconContainer_mediumIcon__WGpBm>svg{width:32px;height:32px}.IconContainer_largeIcon__oO0B9>svg{width:36px;height:36px}.CollapsibleTitle_container__EKu3L{display:flex;align-items:center}.CollapsibleTitle_iconContainer__lf_ZO{margin-inline-end:var(--spacing-xxsmall)}.LearningPlans_desc__kK8C_{margin-block-end:var(--spacing-small)}.CallToActionButtons_viewPlansBtn__z44Sp{margin-inline-end:var(--spacing-small)}.CallToActionButtons_buttonsContainer__V05v8,.GoalButtons_actionsContainer__q9LeA{display:flex;padding-block-start:var(--spacing-xxsmall)}.GoalButtons_actionsContainer__q9LeA{align-items:center}.GoalButtons_actionsContainer__q9LeA>:first-child{margin-inline-end:var(--spacing-xxsmall)}.DayCircle_dayCircle__phOYM{width:var(--spacing-large);height:var(--spacing-large);border-radius:var(--border-radius-circle);border:2px solid var(--color-success-medium);background-color:var(--day-circle-color);display:flex;justify-content:center;align-items:center;position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%)}[dir=rtl] .DayCircle_dayCircle__phOYM{transform:translate(50%,-50%)}.DayCircle_dayCircle__phOYM svg{width:90%;height:90%;color:#fff}.DayCircle_filled__Tv8LZ{background-color:var(--color-success-medium)!important}.DayCircle_stroked__kfUm5{border-style:dashed}.Popover_container__GOha0{margin-block-start:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:0;margin-inline-end:0}.Popover_trigger__qKXNN{all:unset;display:inline-block}.Popover_content__gu5L4{border-radius:var(--border-radius-default);padding-block-start:var(--spacing-xsmall);padding-block-end:var(--spacing-xsmall);padding-inline-start:var(--spacing-xsmall);padding-inline-end:var(--spacing-xsmall);background-color:var(--color-background-default);box-shadow:var(--shadow-normal)}.Popover_content__gu5L4>span{fill:var(--color-background-default)}.Popover_tooltipContent__AMPpT{padding-block-start:var(--spacing-xxsmall);padding-block-end:var(--spacing-xxsmall);padding-inline-start:var(--spacing-xxsmall);padding-inline-end:var(--spacing-xxsmall);color:var(--color-text-inverse);background-color:var(--color-background-inverse);text-align:center;box-shadow:none}.Popover_tooltipContent__AMPpT>span{fill:var(--color-background-inverse)}.ReadingStreak_container__y8IIg{display:flex;justify-content:space-between;flex-direction:column;width:100%;gap:var(--spacing-mega)}@media only screen and (min-width:1024px){.ReadingStreak_container__y8IIg{gap:0;align-items:center;flex-direction:row}}.ReadingStreak_streakSubtitle__MhTtV{font-size:var(--font-size-small);text-transform:uppercase;color:var(--color-text-default)}.ReadingStreak_weekProgressLabel__DNR9I{font-weight:var(--font-weight-medium)}.ReadingStreak_week__quzpy{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--spacing-medium)}@media only screen and (min-width:768px){.ReadingStreak_week__quzpy.ReadingStreak_fixedWidth__efUoo{min-width:calc(var(--spacing-large)*24)!important}}.ReadingStreak_day___jsGZ{color:var(--color-success-medium);font-size:var(--font-size-small);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-large)}.ReadingStreak_fullName__C5OH6{display:none}@media only screen and (min-width:768px){.ReadingStreak_fullName__C5OH6{display:block}}.ReadingStreak_shortName__i2oZO{display:none}@media only screen and (max-width:768px){.ReadingStreak_shortName__i2oZO{font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);display:block}}.ReadingStreak_circleContainer__HmNyD{flex:1 1;width:100%;position:relative}.ReadingStreak_dayDivider__i_Pwk{width:100%;height:2px;background-color:var(--color-success-medium)}.ReadingStreak_goalContainer__p_n3V{margin-block-start:var(--spacing-mega)}.ReadingStreak_actionsContainer__Ma0GW{margin-block-start:var(--spacing-large);display:flex;align-items:center}.ReadingStreak_actionsContainer__Ma0GW>:first-child{margin-inline-end:var(--spacing-xxsmall)}.ReadingStreak_illustrationContainer__N8Fy6{width:calc(5*var(--spacing-mega));height:calc(5*var(--spacing-mega));position:absolute;inset-block-end:calc(-1*var(--spacing-medium));inset-inline-end:0;opacity:var(--opacity-10);color:var(--color-success-deep);pointer-events:none}.StreakDefinitionModal_button__2f9cU{display:flex;background:0 0;border:none;align-items:center;color:var(--color-background-alternative-deep);margin-inline:var(--spacing-xsmall)}.StreakDefinitionModal_button__2f9cU>svg{width:var(--spacing-large)}.StreakDefinitionModal_timelineSection__12Kt0{margin-block-start:var(--spacing-mega);display:flex;flex-direction:column;justify-content:center;align-items:center}.StreakDefinitionModal_timelineSection__12Kt0 h2{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold)}.StreakDefinitionModal_timelineSection__12Kt0 ul{margin-block-start:var(--spacing-large);gap:var(--spacing-large);display:flex;flex-direction:column}.StreakDefinitionModal_timelineSection__12Kt0 ul li{display:flex;align-items:center;font-size:var(--font-size-small);color:var(--color-text-default)}.StreakDefinitionModal_dayCircleWrapper__v_qbx{position:relative;margin-inline-end:var(--spacing-mega)}.DaysCounter_streakTitle__4zv5R{color:var(--color-success-medium);font-size:var(--font-size-jumbo);font-weight:700;display:flex;align-items:center}.DaysCounter_streakTitleWarning__uxmVK{color:var(--color-warning-medium)}.Collapsible_header__CmhJq,.VerseRangesList_rowContainer__TTjYL{display:flex;align-items:center;justify-content:space-between}.Collapsible_header__CmhJq{cursor:pointer}.Collapsible_headerLeft__Xh00n{display:flex}.Collapsible_prefixContainer__AVHUT{display:flex;align-items:center;margin-inline-end:var(--spacing-xxsmall)}.Collapsible_prefixRotated__bjKLn{transform:rotate(180deg)}.Collapsible_suffixContainer__uZ1IW{display:flex;align-items:center;margin-inline-end:var(--spacing-xxsmall)}.CollapsibleSection_container__UaKmj{border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-default);padding-inline:var(--spacing-xsmall);padding-block:var(--spacing-xxsmall);margin-block:var(--spacing-xxsmall)}.CollapsibleSection_body__Lvq2b{padding:var(--spacing-xxsmall)}.CollapsibleSection_prefixSVG__YjDGa path{stroke:var(--color-background-inverse);stroke-width:3px}.QuranGrowthJourneySection_wrapper__OhnGO{background-color:var(--color-success-faded);padding:var(--spacing-small);position:relative;--day-circle-color:var(--color-success-faded)}@media only screen and (min-width:768px){.QuranGrowthJourneySection_wrapper__OhnGO{border-radius:var(--border-radius-default)}}.QuranGrowthJourneySection_header__YzSYn{display:flex;align-items:center;justify-content:space-between}.QuranGrowthJourneySection_title__p5KVY{color:var(--color-success-medium);font-weight:var(--font-weight-bold);font-size:var(--font-size-xlarge)}@media only screen and (max-width:768px){.QuranGrowthJourneySection_title__p5KVY{font-size:var(--font-size-xlarge)}}.QuranGrowthJourneySection_illustrationContainer__JXuD_{width:calc(5*var(--spacing-mega));height:calc(5*var(--spacing-mega));position:absolute;inset-block-end:calc(-1*var(--spacing-medium));inset-inline-end:0;opacity:var(--opacity-10);color:var(--color-success-deep);pointer-events:none}.RamadanActivitiesSection_container__TXNG4{background-color:var(--color-success-faded);padding:var(--spacing-small);display:flex;align-items:center}@media only screen and (min-width:768px){.RamadanActivitiesSection_container__TXNG4{border-radius:var(--border-radius-default)}}.RamadanActivitiesSection_illustrationContainer__lZFOK{display:flex;height:var(--spacing-mega);width:var(--spacing-mega);margin-inline-end:var(--spacing-xxsmall)}@media only screen and (min-width:768px){.RamadanActivitiesSection_illustrationContainer__lZFOK{display:inline-flex}}.RamadanActivitiesSection_cta__cAwDT{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold)}.CollectionSorter_sorter__FUf1K{display:flex;align-items:center;font-size:var(--font-size-small);cursor:pointer}.CollectionSorter_sortTrigger__C17Do{display:flex;align-items:center}.CollectionSorter_itemIcon___37wK{display:flex;--icon-size:var(--spacing-medium);width:var(--icon-size)}.CollectionSorter_itemIcon___37wK>svg{width:100%}.Checkbox_container__LWbsV{display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro)}.Checkbox_checkbox__bbyfA{all:unset;background-color:var(--color-background-alternative-faint);border-radius:var(--border-radius-default);border:1px solid var(--color-secondary-medium);width:var(--spacing-medium);height:var(--spacing-medium);display:flex;align-items:center;justify-content:center}.Checkbox_checkbox__bbyfA:hover{border:1px solid var(--color-primary-medium)}.Checkbox_checkbox__bbyfA[data-focus-visible-added]:focus{box-shadow:var(--shadow-small)}.Checkbox_checkbox__bbyfA[data-state=checked],.Checkbox_checkbox__bbyfA[data-state=indeterminate]{border:1px solid var(--color-borders-hairline)}.Checkbox_checkbox__bbyfA[disabled]{background-color:var(--color-secondary-medium)}.Checkbox_label__MrEvp{padding-inline-start:var(--spacing-xsmall);font-size:var(--font-size-normal);line-height:var(--line-height-normal);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Checkbox_disabled__3XIf_{color:var(--color-secondary-medium)}.Checkbox_indicator__6umIV{background:var(--color-primary-medium);border-radius:var(--border-radius-default);width:100%;height:100%}.Checkbox_disabledIndicator__Dmw2E{background-color:var(--color-secondary-medium)}.Input_container__5BNOH{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-rounded);padding-inline:var(--spacing-small)}.Input_container__5BNOH.Input_fixedWidth__MZoNx{width:calc(8*var(--spacing-mega))}.Input_container__5BNOH.Input_disabled__AFA4l,.Input_container__5BNOH.Input_disabled__AFA4l *{background:var(--color-background-alternative-medium);pointer-events:none;cursor:not-allowed}.Input_container__5BNOH.Input_error__cfc8q{border-color:var(--color-error-deep)}.Input_container__5BNOH.Input_success__qb_Ue{border-color:var(--color-success-medium)}.Input_container__5BNOH.Input_warning__KwRSJ{border-color:var(--color-warning-medium)}.Input_main__K4bVL{padding-inline:var(--spacing-xsmall);padding-block:var(--spacing-xsmall)}.Input_main__K4bVL .Input_input__za7E9{font-size:var(--font-size-large);color:var(--color-text-default);font-weight:var(--font-weight-semibold)}[dir=rtl] .Input_rtlInput__8Yg1Q{direction:rtl}.Input_smallContainer__bxyYT{height:var(--spacing-mega)}.Input_mediumContainer__jEOpT{height:calc(2*var(--spacing-large))}.Input_largeContainer__yafZ8{height:calc(3*var(--spacing-medium))}.Input_label__loZWW{padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:0;padding-inline-end:0}.Input_input__za7E9{padding:0;margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro);border:0;height:80%;width:100%;font-size:var(--font-size-normal);color:var(--color-text-default);background:0 0}.Input_input__za7E9:focus{outline:none}.Input_input__za7E9:disabled{background:0 0}.Input_input__za7E9.Input_error__cfc8q{color:var(--color-error-deep)}.Input_input__za7E9.Input_success__qb_Ue{color:var(--color-success-medium)}.Input_input__za7E9.Input_warning__KwRSJ{color:var(--color-warning-medium)}.Input_clearContainer__3LxT4{padding-inline-start:var(--spacing-micro);padding-inline-end:var(--spacing-micro);border-start-end-radius:var(--border-radius-default);border-end-end-radius:var(--border-radius-default)}.Input_clearContainer__3LxT4,.Input_prefixSuffixContainer__n84F6{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;padding-block-start:0;padding-block-end:0}.Input_prefixSuffixContainer__n84F6{color:var(--color-text-faded)}.Input_prefixSuffixContainer__n84F6>svg{width:var(--spacing-large)}.Input_prefix__jYhnp{border-start-start-radius:var(--border-radius-default);border-end-start-radius:var(--border-radius-default);padding-inline-start:var(--spacing-xsmall);padding-inline-end:var(--spacing-xxsmall)}.Input_suffix__v_BvR{border-inline-start:1px solid var(--color-background-alternative-deep);border-start-end-radius:var(--border-radius-default);border-end-end-radius:var(--border-radius-default);background:var(--color-background-alternative-medium);padding-inline-start:var(--spacing-xxsmall);padding-inline-end:var(--spacing-xsmall)}.Root_container__CQEHR{margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro)}.Root_container__CQEHR[data-orientation=horizontal]{align-items:center;justify-content:space-between;display:flex;flex-wrap:wrap}.Star_starButton__UeMsd{all:unset;width:var(--spacing-mega);height:var(--spacing-mega);display:inline-grid;place-items:center;color:#ffd500;border-radius:var(--border-radius-default)}.Star_starButton__UeMsd:disabled.Star_selected__M87yb{color:#ffd500}.Star_starButton__UeMsd:disabled{color:var(--color-error-faded)}.Star_starButton__UeMsd:hover:not(:disabled){color:#e6bf00}.Star_starButton__UeMsd:focus-visible{background-color:#fff7cc;box-shadow:0 0 0 var(--spacing-micro) #fe9}.TextArea_container__7anjD{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-rounded);padding-inline:var(--spacing-small)}.TextArea_container__7anjD.TextArea_disabled__hBW2r,.TextArea_container__7anjD.TextArea_disabled__hBW2r *{background:var(--color-background-alternative-medium);pointer-events:none;cursor:not-allowed}.TextArea_container__7anjD.TextArea_error__JceFQ{border-color:var(--color-error-deep)}.TextArea_container__7anjD.TextArea_success__cfxk5{border-color:var(--color-success-medium)}.TextArea_container__7anjD.TextArea_warning__fUWyl{border-color:var(--color-warning-medium)}.TextArea_main__KBxzB{padding-inline:var(--spacing-xsmall);padding-block:var(--spacing-xsmall)}.TextArea_main__KBxzB .TextArea_input__SDMp4{font-size:var(--font-size-large);color:var(--color-text-default);font-weight:var(--font-weight-semibold)}.TextArea_label__VLY9r{padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:0;padding-inline-end:0}.TextArea_input__SDMp4{padding:0;margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro);border:0;height:80%;width:100%;font-size:var(--font-size-normal);color:var(--color-text-default);background:0 0}.TextArea_input__SDMp4:focus{outline:none}.TextArea_input__SDMp4:disabled{background:0 0}.TextArea_input__SDMp4.TextArea_error__JceFQ{color:var(--color-error-deep)}.TextArea_input__SDMp4.TextArea_success__cfxk5{color:var(--color-success-medium)}.TextArea_input__SDMp4.TextArea_warning__fUWyl{color:var(--color-warning-medium)}.FormBuilder_container__7H_38{display:flex;flex-direction:column}.FormBuilder_inputContainer__v4ceB{margin-block:var(--spacing-xxsmall)}.FormBuilder_errorText__1uSsu{color:var(--color-error-deep)}.FormBuilder_submitButton__4Wo4u{margin-block-start:var(--spacing-small)}.RenameCollectionModal_header__vBNuv{text-align:center;margin-block-end:var(--spacing-medium)}.CollectionList_header__Ghz8p{display:flex;justify-content:space-between;margin-block-end:var(--spacing-large);font-size:var(--font-size-large)}.CollectionList_itemContainer__DrF_x{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.CollectionList_itemTitle__cql2u{font-weight:var(--font-weight-bold)}.CollectionList_itemInfo__KwBtt{display:flex;align-items:center}.CollectionList_itemIcon__qPZ6z{display:flex;--icon-size:var(--spacing-medium);width:var(--icon-size)}.CollectionList_itemIcon__qPZ6z>svg{width:100%}.CollectionList_itemCount___fntD{margin-inline-start:var(--spacing-xxsmall)}.CollectionList_collectionListContainer__xkayj>*+*{margin-block-start:var(--spacing-xsmall)}.CollectionList_collectionListEmpty__VBIZ_{display:flex;justify-content:center}.BookmarkPill_bookmarkItem__hpZIB{box-sizing:border-box;display:flex;align-items:center;margin-inline-end:var(--spacing-xsmall);white-space:nowrap}.BookmarkPill_linkButtonContainer__RfHXj{font-weight:var(--font-weight-semibold);text-decoration:underline}.BookmarkPill_closeIconContainer__5UX1S{border:none;width:var(--spacing-xsmall);box-sizing:border-box;padding-inline-start:var(--spacing-small);padding-inline-end:var(--spacing-small);background-color:transparent;color:var(--color-text-faded)}.BookmarkPill_closeIconContainer__5UX1S,.BookmarkPill_closeIconContainer__5UX1S>span{display:flex;justify-content:center;align-items:center}.BookmarkPill_closeIconContainer__5UX1S svg{width:var(--spacing-medium);height:var(--spacing-medium)}.BookmarkedVersesListSkeleton_skeletonContainer__vreim{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1;flex-shrink:0}.BookmarkedVersesListSkeleton_skeletonItem__YF8QK{margin-inline-end:var(--spacing-small);border-radius:var(--border-radius-pill);pointer-events:none;overflow:hidden}.BookmarkedVersesList_bookmarksHeader__TU3ez{margin-block-end:var(--spacing-xsmall)}.BookmarkedVersesList_verseLinksContainer__meD2a{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1;flex-shrink:0}.BookmarkedVersesList_viewAllBookmarksContainer__LineH{white-space:nowrap;text-decoration:underline}.BookmarkedVersesList_container__8v8bC{padding-block-start:0;padding-block-end:var(--spacing-micro);overflow-x:auto}.ReadingSessionPill_readingSessionItem__aqaCi{margin-inline-end:var(--spacing-xsmall);white-space:nowrap}.ReadingSessionPill_linkButtonContainer__XikFO{font-weight:var(--font-weight-semibold);text-decoration:underline}.RecentReadingSessionsListSkeleton_skeletonContainer__zT_uq{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1;flex-shrink:0}.RecentReadingSessionsListSkeleton_skeletonItem__Dj1NI{margin-inline-end:var(--spacing-small);border-radius:var(--border-radius-pill);pointer-events:none;overflow:hidden}.RecentReadingSessionsList_bookmarksHeader__PWLmS{margin-block-end:var(--spacing-xsmall)}.RecentReadingSessionsList_verseLinksContainer__4h3Zn{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1;flex-shrink:0}.RecentReadingSessionsList_viewAllBookmarksContainer__pqiBX{white-space:nowrap;text-decoration:underline}.RecentReadingSessionsList_container__3cQg7{padding-block-start:0;padding-block-end:var(--spacing-micro);overflow-x:auto}.BookmarksAndQuickLinks_tabsContainer__pQ8pR{margin-block-end:var(--spacing-medium);padding-inline-start:var(--flow-side-spacing,0);padding-inline-end:var(--flow-side-spacing,0)}.BookmarksAndQuickLinks_contentContainer__qG9mM{min-height:calc(1.3*var(--spacing-mega))}.index_pageContainer__Pxtn3{padding-block-end:var(--spacing-small);padding-inline-start:0;padding-inline-end:0}.index_loadingContainer__WEZFc{min-height:70vh;display:flex;align-items:center;justify-content:center}.index_flow__rCTR5>.index_flowItem__GnXWz{margin-block-start:calc(1.5*var(--spacing-medium))}@media only screen and (min-width:768px){.index_flow__rCTR5>.index_flowItem__GnXWz{margin-block-start:calc(2*var(--spacing-medium))}}.index_additionalVerticalGap__nzYz6{padding-block:var(--spacing-medium)}.index_flowItem__GnXWz{max-width:80rem;margin-block-start:0;margin-block-end:0;margin-inline-start:auto;margin-inline-end:auto;--flow-side-spacing:var(--spacing-small);padding-inline-start:var(--flow-side-spacing);padding-inline-end:var(--flow-side-spacing)}@media only screen and (min-width:768px){.index_flowItem__GnXWz{width:80%}}.index_flowItem__GnXWz.index_fullWidth__1n4ux{padding-inline-end:0;padding-inline-start:0}@media only screen and (min-width:768px){.index_flowItem__GnXWz.index_fullWidth__1n4ux{--flow-side-spacing:0}}#home_quran_topics .Button_small__DBbNO{min-height: 50px;text-align: center;} .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: repeat(3, 1fr);} .friend_list_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: repeat(4, 1fr);} .Checkbox_container__LWbsV{display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro)}.Checkbox_checkbox__bbyfA{all:unset;background-color:var(--color-background-alternative-faint);border-radius:var(--border-radius-default);border:1px solid var(--color-secondary-medium);width:var(--spacing-medium);height:var(--spacing-medium);display:flex;align-items:center;justify-content:center}.Checkbox_checkbox__bbyfA:hover{border:1px solid var(--color-primary-medium)}.Checkbox_checkbox__bbyfA[data-focus-visible-added]:focus{box-shadow:var(--shadow-small)}.Checkbox_checkbox__bbyfA[data-state=checked],.Checkbox_checkbox__bbyfA[data-state=indeterminate]{border:1px solid var(--color-borders-hairline)}.Checkbox_checkbox__bbyfA[disabled]{background-color:var(--color-secondary-medium)}.Checkbox_label__MrEvp{padding-inline-start:var(--spacing-xsmall);font-size:var(--font-size-normal);line-height:var(--line-height-normal);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Checkbox_disabled__3XIf_{color:var(--color-secondary-medium)}.Checkbox_indicator__6umIV{background:var(--color-primary-medium);border-radius:var(--border-radius-default);width:100%;height:100%}.Checkbox_disabledIndicator__Dmw2E{background-color:var(--color-secondary-medium)}.TranslationGroup_header__i2C2P{display:block;text-transform:capitalize;margin-block-start:var(--spacing-medium);margin-block-end:var(--spacing-xsmall)}.TranslationGroup_item__uc7kH{margin-block:var(--spacing-xsmall)}.TranslationGroup_itemsContainer__p0HAL{margin-inline-start:var(--spacing-medium)}.Filter_dropdownLabel__2Oqf9{font-weight:var(--font-weight-bold);font-size:var(--font-size-xsmall)}.Filter_comboboxItems__KohLK div[role=dialog]{width:82%}@media only screen and (min-width:768px){.Filter_comboboxItems__KohLK div[role=dialog]{width:43%}}.NoResults_container__I2jHF{margin-block-start:var(--spacing-large);margin-inline-end:var(--spacing-large);margin-block-end:var(--spacing-large);margin-inline-start:var(--spacing-large)}.NoResults_mainBody__GC8l_{display:flex;flex-direction:column;justify-content:center}.NoResults_iconContainer__ks7uY{padding-block-start:var(--spacing-large);padding-block-end:var(--spacing-large);padding-inline-start:var(--spacing-large);padding-inline-end:var(--spacing-large);color:var(--color-secondary-medium)}.NoResults_iconContainer__ks7uY svg{width:calc(2*var(--spacing-large));height:calc(2*var(--spacing-large))}.NoResults_mainMessage__o3ksN{padding-block-start:var(--spacing-medium);padding-block-end:var(--spacing-medium);padding-inline-start:var(--spacing-medium);padding-inline-end:var(--spacing-medium);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:normal}.NoResults_secondaryMessage__CNI0d{font-size:var(--font-size-normal)}.Header_header__r4qda{font-weight:var(--font-weight-bold);padding-block-start:var(--spacing-small);padding-block-end:var(--spacing-small);padding-inline-start:0;padding-inline-end:0;width:100%;text-align:start}.IconContainer_container__kS6o8{display:flex;align-items:center}.IconContainer_container__kS6o8[dir=rtl][data-auto-flip-icon=true]>svg{transform:scaleX(-1)}.IconContainer_defaultColor__jGhPh>svg path{fill:var(--color-primary-medium)}.IconContainer_secondaryColor__KDGmK>svg path{fill:var(--color-secondary-medium)}.IconContainer_xsmallIcon__QIQZu>svg{width:16px;height:16px}.IconContainer_smallIcon__slfID>svg{width:20px;height:20px}.IconContainer_mediumIcon__WGpBm>svg{width:32px;height:32px}.IconContainer_largeIcon__oO0B9>svg{width:36px;height:36px}.SearchItem_item__eQZAY{width:100%;display:flex;align-items:center;text-decoration:none;box-sizing:border-box;padding-inline:var(--spacing-xxsmall);padding-block:var(--spacing-xsmall)}.SearchItem_item__eQZAY:hover path{fill:var(--color-text-default)}.SearchItem_item__eQZAY>.SearchItem_itemContent__h6vxl{margin-inline-start:var(--spacing-medium);flex:1 1;text-align:start;cursor:pointer}.SearchItem_prefix__SOnRa{display:flex;align-items:center}.SearchItem_prefix__SOnRa>span{display:flex}.SearchQuerySuggestion_searchSuggestion__BKIWB{border-block-start:1px solid var(--color-borders-hairline)}.SearchQuerySuggestion_searchSuggestion__BKIWB:last-child{border-block-end:1px solid var(--color-borders-hairline)}.SearchHistory_container__UwtT_{padding-block-end:var(--spacing-large)}.PreInput_container___K1DL{width:100%;display:flex;flex-direction:column}.PreInput_popularSearchesContainer__30iiP{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-micro);gap:var(--spacing-micro);padding-block-end:var(--spacing-large);width:100%}.PreInput_popularSearchItem__R2cQD{text-decoration:none;display:block;border-block-end:1px solid var(--color-borders-hairline)}.PreInput_popularSearchItem__R2cQD:first-child{border-block-start:1px solid var(--color-borders-hairline)}.SearchResultItem_translationName__5mkDi{font-size:var(--font-size-xsmall);opacity:var(--opacity-75)}.SearchResultItem_translationContainer__OaPZE{margin-block-start:var(--spacing-small);margin-block-end:var(--spacing-small);margin-inline-start:0;margin-inline-end:0}.SearchResultItem_translationContainer__OaPZE em{font-weight:var(--font-weight-semibold)}.SearchResultItem_container__Cvqx0{text-decoration:none;border-block-end:1px solid var(--color-borders-hairline);padding-block:var(--spacing-medium);margin-block-end:var(--spacing-xsmall)}.SearchResultItem_itemContainer__NRd1r{border-radius:var(--border-radius-default);margin-inline-start:auto;margin-inline-end:auto}.SearchResultItem_quranTextResult__texyH{font-size:var(--font-size-xlarge);line-height:var(--line-height-large);direction:rtl;padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:var(--spacing-micro);padding-inline-end:var(--spacing-micro)}.SearchResultItem_verseKey__dyumW{color:var(--color-success-medium);display:block;margin-block-end:var(--spacing-medium);font-weight:var(--font-weight-bold)}.Pagination_container__lcGYl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.Pagination_uppercase__OgSGf{text-transform:uppercase}.Pagination_buttonContainer__GsblO{margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro)}.Pagination_selectedButton__0o6Sb{background:var(--color-background-alternative-medium);border-radius:var(--border-radius-default)}.SearchResults_resultsSummaryContainer__giFzL{margin-block-start:var(--spacing-medium);display:flex;align-items:center;justify-content:space-between;padding-block-end:var(--spacing-medium)}.SearchResults_header__WwvQ5{margin-block-start:var(--spacing-large);text-transform:capitalize;color:var(--color-text-faded)}.SearchResults_showAll__W5zdh{text-decoration:underline}.SearchResults_navigationItemsListContainer__pt45x{margin-block-start:var(--spacing-large)}.SearchResults_navigationItemContainer__mGz8h{margin-inline-end:var(--spacing-small)}.SearchBodyContainer_internalContainer__Yb3_Y{display:flex;flex-direction:column;align-items:center;text-align:center}.Input_container__5BNOH{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-rounded);padding-inline:var(--spacing-small)}.Input_container__5BNOH.Input_fixedWidth__MZoNx{width:calc(8*var(--spacing-mega))}.Input_container__5BNOH.Input_disabled__AFA4l,.Input_container__5BNOH.Input_disabled__AFA4l *{background:var(--color-background-alternative-medium);pointer-events:none;cursor:not-allowed}.Input_container__5BNOH.Input_error__cfc8q{border-color:var(--color-error-deep)}.Input_container__5BNOH.Input_success__qb_Ue{border-color:var(--color-success-medium)}.Input_container__5BNOH.Input_warning__KwRSJ{border-color:var(--color-warning-medium)}.Input_main__K4bVL{padding-inline:var(--spacing-xsmall);padding-block:var(--spacing-xsmall)}.Input_main__K4bVL .Input_input__za7E9{font-size:var(--font-size-large);color:var(--color-text-default);font-weight:var(--font-weight-semibold)}[dir=rtl] .Input_rtlInput__8Yg1Q{direction:rtl}.Input_smallContainer__bxyYT{height:var(--spacing-mega)}.Input_mediumContainer__jEOpT{height:calc(2*var(--spacing-large))}.Input_largeContainer__yafZ8{height:calc(3*var(--spacing-medium))}.Input_label__loZWW{padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:0;padding-inline-end:0}.Input_input__za7E9{padding:0;margin-block-start:var(--spacing-micro);margin-inline-end:var(--spacing-micro);margin-block-end:var(--spacing-micro);margin-inline-start:var(--spacing-micro);border:0;height:80%;width:100%;font-size:var(--font-size-normal);color:var(--color-text-default);background:0 0}.Input_input__za7E9:focus{outline:none}.Input_input__za7E9:disabled{background:0 0}.Input_input__za7E9.Input_error__cfc8q{color:var(--color-error-deep)}.Input_input__za7E9.Input_success__qb_Ue{color:var(--color-success-medium)}.Input_input__za7E9.Input_warning__KwRSJ{color:var(--color-warning-medium)}.Input_clearContainer__3LxT4{padding-inline-start:var(--spacing-micro);padding-inline-end:var(--spacing-micro);border-start-end-radius:var(--border-radius-default);border-end-end-radius:var(--border-radius-default)}.Input_clearContainer__3LxT4,.Input_prefixSuffixContainer__n84F6{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;padding-block-start:0;padding-block-end:0}.Input_prefixSuffixContainer__n84F6{color:var(--color-text-faded)}.Input_prefixSuffixContainer__n84F6>svg{width:var(--spacing-large)}.Input_prefix__jYhnp{border-start-start-radius:var(--border-radius-default);border-end-start-radius:var(--border-radius-default);padding-inline-start:var(--spacing-xsmall);padding-inline-end:var(--spacing-xxsmall)}.Input_suffix__v_BvR{border-inline-start:1px solid var(--color-background-alternative-deep);border-start-end-radius:var(--border-radius-default);border-end-end-radius:var(--border-radius-default);background:var(--color-background-alternative-medium);padding-inline-start:var(--spacing-xxsmall);padding-inline-end:var(--spacing-xsmall)}.search_pageContainer__pfKhT{margin-block-start:var(--spacing-medium);margin-block-end:calc(2*var(--spacing-mega))}@media only screen and (max-width:768px){.search_pageContainer__pfKhT{padding-block-start:calc(var(--spacing-medium) + var(--banner-height))}}.search_paginationContainer__Ubx_R{min-height:calc(2*var(--spacing-mega))}.search_searchInputContainer__a_oW9{border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-pill);padding-block-start:var(--spacing-xxsmall);padding-block-end:var(--spacing-xxsmall);padding-inline-start:var(--spacing-xsmall);padding-inline-end:var(--spacing-xsmall);display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:var(--spacing-large);margin-block-start:var(--spacing-medium);margin-block-end:var(--spacing-medium);margin-inline-start:auto;margin-inline-end:auto}.search_rtlFlexDirection__VH_JG{flex-direction:row-reverse}.search_searchInput__33AwX{border:0;width:90%;font-size:var(--font-size-normal);background:var(--color-background-default)}.search_searchInput__33AwX:focus{outline:none}.search_searchInput__33AwX:disabled{background:0 0}.search_pageBody__FKfdc{padding-inline:calc(1*var(--spacing-xsmall))}@media only screen and (min-width:768px){.search_pageBody__FKfdc{max-width:50rem;margin-inline:auto;padding-inline:calc(1.5*var(--spacing-medium))}}.search_searchBodyContainer__mmo7q{box-sizing:border-box;padding-inline:var(--spacing-small);max-width:50rem}.search_filtersContainer__GgipQ{display:flex;align-items:center;justify-content:space-between;margin-block:var(--spacing-xsmall)}@media only screen and (min-width:768px){.search_filtersContainer__GgipQ{margin-inline:var(--spacing-large)}}.search_headerInnerContainer__a_6bG{padding-inline:calc(1.5*var(--spacing-medium));max-width:50rem;margin-inline:auto}@media only screen and (min-width:768px){.search_headerInnerContainer__a_6bG{padding-inline:calc(2*var(--spacing-mega))}}.search_headerOuterContainer__iCXA0{border-block-end:1px solid var(--color-borders-hairline);margin-block-end:var(--spacing-medium)}.search_filterButton__gCMTe{margin-inline-end:var(--spacing-medium)}.search_searching__N2_so{font-weight:var(--font-weight-bold)}.search_languagePopover__egWCE,.search_translationPopover__is8iS{display:inline-block}.search_translationFilterContainer__Idt70{min-width:calc(10*var(--spacing-mega))}.search_filterButton__gCMTe,.search_resetButton__lNhvG{text-transform:uppercase}.search_modalContainer__0tqXi{display:flex;align-items:center;justify-content:space-between}.search_translationSearchContainer__mRzQ9{flex:1 1;margin-inline-end:var(--spacing-small)} @media screen and (max-width:1280px){ #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic{grid-template-columns: repeat(5, 1fr);} #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(10), #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(11), #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(12),#home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(13){display: none;} } @media screen and (max-width:991px){ #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic{grid-template-columns: repeat(4, 1fr);} #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(8), #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(9){display: none;} .CallToActionButtons_buttonsContainer__V05v8.category_topic { grid-template-columns: repeat(3, 1fr); } .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: repeat(1, 1fr);} .friend_list_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: repeat(3, 1fr);} } @media screen and (max-width:767px){ #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic{grid-template-columns: repeat(3, 1fr);} #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(6), #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(7){display: none;} .CallToActionButtons_buttonsContainer__V05v8.category_topic { grid-template-columns: repeat(2, 1fr); } .friend_list_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: repeat(2, 1fr); display: grid;} } @media screen and (max-width:600px){ #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic{grid-template-columns: repeat(2, 1fr);} #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(4), #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic a:nth-child(5){display: none;} } @media screen and (max-width:480px){ .CallToActionButtons_buttonsContainer__V05v8.category_topic { grid-template-columns: repeat(1, 1fr); } } /* ========================================================= rd-community-app-v3 RealDeen Community application ========================================================= */ /* --------------------------------------------------------- TOKENS --------------------------------------------------------- */ .rd-community-app { --c-panel: rgba(21,31,38,.96); --c-panel-2: rgba(15,24,30,.96); --c-soft: rgba(37,53,62,.65); --c-text: #f1f6f7; --c-muted: rgba(218,228,231,.66); --c-faint: rgba(199,213,217,.43); --c-line: rgba(110,180,190,.16); --c-line-strong: rgba(101,205,214,.38); --c-accent: #69cbd3; --c-accent-bg: rgba(55,145,156,.22); --c-input: rgba(7,15,20,.68); --c-shadow: 0 16px 45px rgba(0,0,0,.15); box-sizing: border-box; width: calc(100% - 28px) !important; max-width: 1020px !important; min-height: 68vh; margin: 24px auto 42px !important; padding: 20px !important; color: var(--c-text); background: linear-gradient( 145deg, rgba(11,20,26,.48), rgba(15,27,34,.28) ); border: 1px solid rgba(105,175,184,.08); border-radius: 20px; } /* --------------------------------------------------------- LIGHT MODE --------------------------------------------------------- */ .rd-community-app[data-community-theme="light"] { --c-panel: rgba(255,255,255,.98); --c-panel-2: #f4f8f9; --c-soft: #e9f1f3; --c-text: #17262d; --c-muted: #63767e; --c-faint: #8a9ba2; --c-line: rgba(36,105,115,.13); --c-line-strong: rgba(35,151,163,.35); --c-accent: #218e99; --c-accent-bg: rgba(40,151,163,.11); --c-input: #ffffff; --c-shadow: 0 15px 42px rgba(31,63,72,.08); background: linear-gradient( 145deg, #f5f9fa, #edf4f5 ); border-color: rgba(44,107,117,.11); } /* --------------------------------------------------------- APPLICATION HEADER --------------------------------------------------------- */ .rd-community-appbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 850px; margin: 0 auto 12px; padding: 16px 17px; background: var(--c-panel); border: 1px solid var(--c-line); border-radius: 15px; box-shadow: var(--c-shadow); } .rd-community-brand { display: flex; align-items: center; gap: 11px; min-width: 0; } .rd-community-brandmark { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 41px; height: 41px; color: var(--c-accent); background: var(--c-accent-bg); border: 1px solid var(--c-line-strong); border-radius: 11px; } .rd-community-kicker { margin-bottom: 3px; color: var(--c-accent); font-size: 9px; font-weight: 800; letter-spacing: .15em; } .rd-community-app-title { margin: 0 !important; color: var(--c-text); font-size: 20px; font-weight: 750; line-height: 1.2; letter-spacing: -.02em; } .rd-community-app-subtitle { margin: 4px 0 0 !important; color: var(--c-muted); font-size: 11px; line-height: 1.4; } .rd-community-app-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; } /* --------------------------------------------------------- APPEARANCE --------------------------------------------------------- */ .rd-community-theme-control { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; padding: 3px; background: var(--c-soft); border: 1px solid var(--c-line); border-radius: 999px; } .rd-community-theme-btn { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 30px; padding: 4px 9px; color: var(--c-muted); background: transparent; border: 0; border-radius: 999px; font-size: 10px; font-weight: 700; cursor: pointer; } .rd-community-theme-btn.is-active { color: var(--c-text); background: var(--c-panel); box-shadow: 0 3px 10px rgba(0,0,0,.08); } /* --------------------------------------------------------- AUTH / PRIMARY ACTIONS --------------------------------------------------------- */ .rd-community-primary-action, .rd-community-login-action { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 35px; padding: 6px 11px; border-radius: 9px; font-size: 10.5px; font-weight: 750; text-decoration: none !important; cursor: pointer; } .rd-community-primary-action { color: #062e33 !important; background: #72d0d7; border: 1px solid #72d0d7; } .rd-community-login-action { color: var(--c-text) !important; background: transparent; border: 1px solid var(--c-line); } .rd-community-auth-actions { display: flex; gap: 5px; } /* --------------------------------------------------------- GUEST STATE --------------------------------------------------------- */ .rd-community-guest-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; max-width: 850px; margin: 0 auto 11px; padding: 11px 13px; background: var(--c-panel-2); border: 1px solid var(--c-line); border-radius: 12px; } .rd-community-guest-symbol { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; color: var(--c-accent); background: var(--c-accent-bg); border-radius: 9px; } .rd-community-guest-copy { display: flex; flex-direction: column; gap: 2px; } .rd-community-guest-copy strong { color: var(--c-text); font-size: 11.5px; } .rd-community-guest-copy span { color: var(--c-muted); font-size: 10px; line-height: 1.4; } .rd-community-guest-actions { display: flex; gap: 5px; } .rd-community-guest-actions a { padding: 6px 9px; color: var(--c-text) !important; border: 1px solid var(--c-line); border-radius: 8px; font-size: 9.5px; font-weight: 700; text-decoration: none !important; } .rd-community-guest-actions a.primary { color: #062e33 !important; background: #72d0d7; border-color: #72d0d7; } /* --------------------------------------------------------- DESTROY OLD WHITE WRAPPERS --------------------------------------------------------- */ .rd-community-app .search_headerOuterContainer__iCXA0, .rd-community-app .search_headerInnerContainer__a_6bG, .rd-community-app .HomePageHero_outerContainer__iOY2Z, .rd-community-app .HomePageHero_innerContainer__2eeX_, .rd-community-app .rd-community-native-theme-reset, .rd-community-app .rd-community-legacy-theme-reset { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- SEARCH --------------------------------------------------------- */ .rd-community-search { max-width: 850px; margin: 0 auto 8px !important; } .rd-community-search .search_headerOuterContainer__iCXA0 { padding: 0 !important; margin: 0 !important; } .rd-community-search .CommandBarTrigger_container__g1Ziu { width: 100% !important; padding: 5px !important; background: var(--c-panel) !important; border: 1px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: none !important; } .rd-community-search .CommandBarTrigger_leftSection__P7gdV { display: flex !important; align-items: center !important; gap: 5px !important; width: 100% !important; background: transparent !important; } .rd-community-app #search_topic_txt { flex: 1 1 auto; width: 100% !important; min-width: 0; min-height: 41px !important; padding: 0 13px !important; color: var(--c-text) !important; background: var(--c-input) !important; border: 1px solid var(--c-line) !important; border-radius: 8px !important; outline: none !important; box-shadow: none !important; } .rd-community-app #search_topic_txt::placeholder { color: var(--c-faint) !important; } .rd-community-app #topic_search_btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 41px; padding: 0 12px; color: #063036 !important; background: #72cfd6 !important; border-radius: 8px !important; font-size: 10.5px; font-weight: 750; text-decoration: none !important; } .rd-community-app #topic_search_btn svg { width: 15px !important; height: 15px !important; } /* --------------------------------------------------------- SEARCH RESULTS --------------------------------------------------------- */ .rd-community-app #surahListSearchHome { overflow: hidden; margin-top: 5px; background: var(--c-panel) !important; border: 1px solid var(--c-line) !important; border-radius: 10px !important; box-shadow: var(--c-shadow); } .rd-community-app #surahListSearchHome:empty { display: none; } .rd-community-app #surahListSearchHome .SurahPreviewRow_container__3ZfRV { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--c-line) !important; border-radius: 0 !important; } /* --------------------------------------------------------- OLD FLOATING PENCIL IS REPLACED --------------------------------------------------------- */ .rd-community-app .addTopicFixedSection { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; pointer-events: none !important; } /* --------------------------------------------------------- COMPOSER --------------------------------------------------------- */ .rd-community-composer-trigger { max-width: 850px; margin: 0 auto 10px !important; } .rd-community-composer-trigger[data-user="0"] { display: none !important; } .rd-community-composer-trigger .search_headerOuterContainer__iCXA0 { padding: 0 !important; } .rd-community-composer-trigger .create-post-text-box { display: flex; align-items: center; justify-content: flex-start; min-height: 44px !important; padding: 8px 12px !important; color: var(--c-muted) !important; background: var(--c-panel) !important; border: 1px solid var(--c-line) !important; border-radius: 11px !important; cursor: pointer; } .rd-community-composer-trigger .create-post-text-box::before { content: "+"; display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; margin-right: 8px; color: #063036; background: #72cfd6; border-radius: 7px; font-size: 17px; } .rd-community-composer-trigger .message { color: inherit !important; font-size: 11px !important; } .rd-community-composer { max-width: 850px; margin: 0 auto 11px !important; } .rd-community-composer .search_headerOuterContainer__iCXA0 { padding: 12px !important; background: var(--c-panel) !important; border: 1px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: var(--c-shadow) !important; } .rd-community-composer .Input_container__5BNOH { background: var(--c-input) !important; border: 1px solid var(--c-line) !important; border-radius: 8px !important; } .rd-community-composer #add_topic, .rd-community-composer #topicimage { color: var(--c-text) !important; background: transparent !important; } /* --------------------------------------------------------- NAVIGATION — NO SIDEWAYS SCROLLING --------------------------------------------------------- */ .rd-community-tabs { width: 100%; max-width: 720px; margin: 15px auto 8px !important; } .rd-community-tabs .navigation-links-container { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); gap: 5px !important; width: 100%; margin: 0 !important; padding: 0 !important; overflow: visible !important; list-style: none !important; } .rd-community-tabs .navigation-links-container li { width: auto !important; margin: 0 !important; padding: 0 !important; } .rd-community-tabs .fetch_topics { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 35px; padding: 6px 8px !important; color: var(--c-muted) !important; background: var(--c-panel-2) !important; border: 1px solid var(--c-line) !important; border-radius: 9px !important; font-size: 10px !important; font-weight: 720 !important; text-decoration: none !important; } .rd-community-tabs li.active .fetch_topics, .rd-community-tabs .fetch_topics:hover { color: var(--c-text) !important; background: var(--c-accent-bg) !important; border-color: var(--c-line-strong) !important; } /* --------------------------------------------------------- FEED --------------------------------------------------------- */ .rd-community-feed, .rd-community-app #loadData { width: 100% !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } .rd-community-app #loadData { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 9px !important; } .rd-community-app .ChapterAndJuzList_chapterContainer__uVZ3E { width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- POST --------------------------------------------------------- */ .rd-community-post { overflow: hidden; width: 100%; color: var(--c-text); background: var(--c-panel); border: 1px solid var(--c-line); border-radius: 13px; box-shadow: 0 10px 28px rgba(0,0,0,.10); } .rd-community-post-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 13px 8px; } .rd-community-author { display: flex; align-items: center; gap: 8px; min-width: 0; color: inherit !important; text-decoration: none !important; } .rd-community-avatar { flex: 0 0 auto; width: 33px !important; height: 33px !important; margin: 0 !important; object-fit: cover; border: 1px solid var(--c-line); border-radius: 50%; } .rd-community-author-info { display: flex; flex-direction: column; min-width: 0; } .rd-community-author-name { overflow: hidden; color: var(--c-text); font-size: 12px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; } .rd-community-time { margin-top: 2px; color: var(--c-faint); font-size: 9.5px; } .rd-community-open-post { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; color: var(--c-muted) !important; background: var(--c-soft); border: 1px solid var(--c-line); border-radius: 8px; text-decoration: none !important; } .rd-community-post-body { padding: 5px 13px 13px; } .rd-community-post-body.has-image { display: flex; align-items: flex-start; gap: 12px; } .rd-community-post-text { flex: 1 1 auto; min-width: 0; color: var(--c-text); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; } .rd-community-post-text a { color: var(--c-accent) !important; text-decoration: none !important; } /* --------------------------------------------------------- IMAGE THUMBNAILS --------------------------------------------------------- */ .rd-community-media { position: relative; flex: 0 0 auto; display: block; overflow: hidden; padding: 0; background: transparent; border: 0; border-radius: 9px; cursor: zoom-in; } .rd-community-shared-image { display: block !important; width: 148px !important; height: 102px !important; max-width: 148px !important; max-height: 102px !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; border: 1px solid var(--c-line) !important; border-radius: 9px !important; } .rd-community-media-badge { position: absolute; right: 5px; bottom: 5px; padding: 3px 6px; color: #fff; background: rgba(3,9,13,.72); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; font-size: 8px; font-weight: 700; } /* --------------------------------------------------------- POST ACTIONS --------------------------------------------------------- */ .rd-community-post-actions { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); background: var(--c-panel-2); border-top: 1px solid var(--c-line); } .rd-community-stat { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 39px; padding: 6px; color: var(--c-muted) !important; border-right: 1px solid var(--c-line); font-size: 9.5px; font-weight: 650; text-decoration: none !important; } .rd-community-stat:last-child { border-right: 0; } a.rd-community-stat:hover { color: var(--c-accent) !important; background: var(--c-accent-bg); } .rd-community-like.alreadylike { color: var(--c-accent) !important; } /* --------------------------------------------------------- EMPTY STATE --------------------------------------------------------- */ .rd-community-empty { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 28px 16px; color: var(--c-muted); background: var(--c-panel); border: 1px solid var(--c-line); border-radius: 12px; } .rd-community-empty-icon { color: var(--c-accent); font-size: 21px; } /* --------------------------------------------------------- IMAGE LIGHTBOX --------------------------------------------------------- */ .rd-community-lightbox { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(2,7,11,.91); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); } .rd-community-lightbox.is-open { display: flex; } .rd-community-lightbox__image { display: block; width: auto; height: auto; max-width: 94vw; max-height: 88vh; object-fit: contain; border-radius: 11px; box-shadow: 0 30px 90px rgba(0,0,0,.60); } .rd-community-lightbox__close { position: fixed; top: 15px; right: 16px; display: flex; align-items: center; justify-content: center; width: 41px; height: 41px; padding: 0; color: #fff; background: rgba(22,35,42,.93); border: 1px solid rgba(118,199,207,.27); border-radius: 50%; font-size: 24px; cursor: pointer; } /* --------------------------------------------------------- COMMUNITY-ONLY APPLICATION FOOTER BEHAVIOUR --------------------------------------------------------- */ body.rd-community-app-active footer { display: none !important; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media only screen and (max-width:767.98px) { .rd-community-app { width: calc(100% - 10px) !important; max-width: none !important; margin: 8px auto 22px !important; padding: 7px !important; border-radius: 13px; } .rd-community-appbar { align-items: stretch; flex-direction: column; gap: 10px; margin-bottom: 7px; padding: 11px; border-radius: 11px; } .rd-community-brandmark { width: 36px; height: 36px; border-radius: 9px; } .rd-community-app-title { font-size: 17px; } .rd-community-app-subtitle { font-size: 10px; } .rd-community-app-actions { display: grid; grid-template-columns: 1fr; gap: 6px; } .rd-community-theme-control { width: 100%; } .rd-community-theme-btn { width: 100%; } .rd-community-auth-actions { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; } .rd-community-primary-action, .rd-community-login-action { width: 100%; min-height: 36px; } .rd-community-guest-card { grid-template-columns: auto 1fr; gap: 8px; padding: 10px; } .rd-community-guest-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; } .rd-community-guest-actions a { text-align: center; } .rd-community-search .CommandBarTrigger_leftSection__P7gdV { align-items: stretch !important; flex-direction: column !important; } .rd-community-app #search_topic_txt { min-height: 39px !important; font-size: 11px !important; } .rd-community-app #topic_search_btn { width: 100%; min-height: 36px; justify-content: center; } /* * Critical: * NO horizontal sliding options. */ .rd-community-tabs .navigation-links-container { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 5px !important; overflow: visible !important; } .rd-community-tabs .fetch_topics { min-height: 34px; font-size: 10px !important; } .rd-community-app #loadData { gap: 8px !important; } .rd-community-post { border-radius: 10px; } .rd-community-post-header { padding: 9px 10px 7px; } .rd-community-avatar { width: 30px !important; height: 30px !important; } .rd-community-author-name { font-size: 11px; } .rd-community-post-body { padding: 4px 10px 10px; } .rd-community-post-body.has-image { gap: 8px; } .rd-community-shared-image { width: 108px !important; height: 76px !important; max-width: 108px !important; max-height: 76px !important; border-radius: 7px !important; } .rd-community-post-text { font-size: 11px; line-height: 1.5; } .rd-community-stat { min-height: 37px; padding: 5px; font-size: 9.5px; } .rd-community-stat-label { display: none; } .rd-community-lightbox { padding: 9px 6px; } .rd-community-lightbox__image { max-width: 96vw; max-height: 84vh; border-radius: 8px; } } /* --------------------------------------------------------- VERY SMALL PHONES --------------------------------------------------------- */ @media only screen and (max-width:390px) { .rd-community-post-body.has-image { display: grid; grid-template-columns: 94px minmax(0,1fr); gap: 7px; } .rd-community-shared-image { width: 94px !important; height: 67px !important; max-width: 94px !important; max-height: 67px !important; } } /* end rd-community-app-v3 */ /* ========================================================= rd-community-site-integrated-v31 Community should feel like a RealDeen website page, not an application embedded inside another frame. ========================================================= */ /* --------------------------------------------------------- REMOVE THE LARGE OUTER APPLICATION SHELL --------------------------------------------------------- */ .rd-community-app { width: calc(100% - 32px) !important; max-width: 1120px !important; min-height: auto !important; margin: 34px auto 52px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* * Light mode must not create a giant white rectangle. * Only individual Community panels become light. */ .rd-community-app[data-community-theme="light"] { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- KEEP THE REALDEEN PAGE BACKGROUND VISIBLE BETWEEN CARDS --------------------------------------------------------- */ .rd-community-app .index_flow__rCTR5 { width: 100% !important; max-width: none !important; padding: 0 !important; background: transparent !important; } /* --------------------------------------------------------- TOP TAGS --------------------------------------------------------- */ .rd-community-app .special_tags { max-width: 880px; margin: 0 auto 13px !important; padding: 0 !important; background: transparent !important; border: 0 !important; text-align: center; } .rd-community-app .special_tags .inner_section { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; } .rd-community-app .special_tags a { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 9px; color: var(--c-muted) !important; background: var(--c-panel-2); border: 1px solid var(--c-line); border-radius: 999px; font-size: 10px; font-weight: 650; text-decoration: none !important; } .rd-community-app .special_tags a:hover { color: var(--c-accent) !important; border-color: var(--c-line-strong); } /* --------------------------------------------------------- INTRO PANEL — KEEP AS ONE NORMAL REALDEEN CARD --------------------------------------------------------- */ .rd-community-appbar { max-width: 900px !important; margin: 0 auto 13px !important; padding: 17px 18px !important; border-radius: 14px !important; box-shadow: 0 10px 30px rgba(0,0,0,.10) !important; } /* --------------------------------------------------------- REMOVE OLD PALE/WHITE OUTER SEARCH BOX --------------------------------------------------------- */ .rd-community-search { width: 100% !important; max-width: 900px !important; margin: 0 auto 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .rd-community-search .search_headerOuterContainer__iCXA0, .rd-community-search .search_headerInnerContainer__a_6bG, .rd-community-search .CommandBarTrigger_container__g1Ziu { margin: 0 !important; } .rd-community-search .CommandBarTrigger_container__g1Ziu { padding: 6px !important; background: var(--c-panel) !important; border: 1px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; } /* --------------------------------------------------------- REMOVE OLD PALE/WHITE SHARE WRAPPER --------------------------------------------------------- */ .rd-community-composer-trigger { width: 100% !important; max-width: 900px !important; margin: 0 auto 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .rd-community-composer-trigger .search_headerOuterContainer__iCXA0, .rd-community-composer-trigger .search_headerInnerContainer__a_6bG, .rd-community-composer-trigger .rd-community-native-theme-reset, .rd-community-composer-trigger .rd-community-legacy-theme-reset { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .rd-community-composer-trigger .create-post-text-box { width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 9px 13px !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,.07) !important; } /* --------------------------------------------------------- EXPANDED COMPOSER --------------------------------------------------------- */ .rd-community-composer { width: 100% !important; max-width: 900px !important; margin: 0 auto 11px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* --------------------------------------------------------- NAVIGATION SHOULD FEEL LIKE A WEBSITE CONTROL ROW --------------------------------------------------------- */ .rd-community-tabs { max-width: 760px !important; margin: 18px auto 12px !important; } .rd-community-tabs .navigation-links-container { justify-content: center !important; overflow: visible !important; } .rd-community-tabs .fetch_topics { border-radius: 9px !important; } /* --------------------------------------------------------- FEED — NATURAL PAGE WIDTH --------------------------------------------------------- */ .rd-community-feed, .rd-community-app #loadData { max-width: 780px !important; } /* --------------------------------------------------------- POST CARDS --------------------------------------------------------- */ .rd-community-post { border-radius: 13px !important; box-shadow: 0 8px 26px rgba(0,0,0,.09) !important; } .rd-community-post-body { min-height: 0 !important; } /* * Prevent large empty post interiors. */ .rd-community-post-body.has-image { justify-content: flex-start !important; align-items: flex-start !important; } /* --------------------------------------------------------- LIGHT MODE — ONLY CARDS / CONTROLS CHANGE --------------------------------------------------------- */ .rd-community-app[data-community-theme="light"] .rd-community-appbar, .rd-community-app[data-community-theme="light"] .CommandBarTrigger_container__g1Ziu, .rd-community-app[data-community-theme="light"] .create-post-text-box, .rd-community-app[data-community-theme="light"] .rd-community-composer .search_headerOuterContainer__iCXA0, .rd-community-app[data-community-theme="light"] .rd-community-post, .rd-community-app[data-community-theme="light"] .rd-community-guest-card { background: rgba(255,255,255,.96) !important; } .rd-community-app[data-community-theme="light"] .rd-community-post { box-shadow: 0 10px 28px rgba(37,70,79,.08) !important; } /* --------------------------------------------------------- RESTORE NORMAL REALDEEN FOOTER Community should rhyme with all other pages. --------------------------------------------------------- */ body.rd-community-app-active footer { display: block !important; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media only screen and (max-width:767.98px) { .rd-community-app { width: calc(100% - 18px) !important; max-width: none !important; margin: 18px auto 28px !important; padding: 0 !important; } .rd-community-app .special_tags { margin-bottom: 9px !important; } .rd-community-app .special_tags .inner_section { gap: 5px; } .rd-community-app .special_tags a { min-height: 26px; padding: 3px 7px; font-size: 9px; } .rd-community-appbar { margin-bottom: 9px !important; padding: 12px !important; border-radius: 11px !important; } .rd-community-search, .rd-community-composer-trigger, .rd-community-composer { max-width: none !important; } .rd-community-search .CommandBarTrigger_container__g1Ziu { padding: 5px !important; border-radius: 10px !important; } .rd-community-composer-trigger .create-post-text-box { min-height: 43px !important; border-radius: 10px !important; } .rd-community-tabs { max-width: none !important; margin: 12px auto 9px !important; } .rd-community-feed, .rd-community-app #loadData { max-width: none !important; } .rd-community-post { border-radius: 10px !important; } } /* end rd-community-site-integrated-v31 */ /* ========================================================= rd-community-v32-polish Final Community proportions / alignment ========================================================= */ /* --------------------------------------------------------- Unified widths --------------------------------------------------------- */ .rd-community-appbar, .rd-community-guest-card, .rd-community-search, .rd-community-composer-trigger, .rd-community-composer { max-width: 900px !important; } .rd-community-tabs, .rd-community-feed, .rd-community-app #loadData { max-width: 800px !important; } /* --------------------------------------------------------- Slimmer premium introduction panel --------------------------------------------------------- */ .rd-community-appbar { min-height: 86px !important; padding: 14px 17px !important; border-radius: 13px !important; } .rd-community-brandmark { width: 38px !important; height: 38px !important; } .rd-community-app-title { font-size: 18px !important; } .rd-community-app-subtitle { margin-top: 3px !important; font-size: 10.5px !important; } /* signed-out hero no longer duplicates login buttons */ .rd-community-guest-status { display: inline-flex; align-items: center; min-height: 31px; padding: 5px 10px; color: var(--c-muted); background: var(--c-soft); border: 1px solid var(--c-line); border-radius: 999px; font-size: 9.5px; font-weight: 700; } /* --------------------------------------------------------- Guest notice --------------------------------------------------------- */ .rd-community-guest-card { min-height: 54px; padding: 9px 12px !important; border-radius: 11px !important; } /* --------------------------------------------------------- Search --------------------------------------------------------- */ .rd-community-search .CommandBarTrigger_container__g1Ziu { box-shadow: 0 7px 20px rgba(0,0,0,.07) !important; } /* --------------------------------------------------------- Tabs --------------------------------------------------------- */ .rd-community-tabs { margin: 14px auto 10px !important; } .rd-community-tabs .navigation-links-container { gap: 6px !important; } .rd-community-tabs .fetch_topics { min-height: 38px !important; border-radius: 10px !important; } /* --------------------------------------------------------- Post card — remove unnecessary height --------------------------------------------------------- */ .rd-community-post { min-height: 0 !important; height: auto !important; } .rd-community-post-header { min-height: 52px !important; } .rd-community-post-body { min-height: 0 !important; height: auto !important; padding: 4px 13px 12px !important; } .rd-community-post-body.has-image { min-height: 112px !important; align-items: flex-start !important; justify-content: flex-start !important; } /* thumbnail slightly more balanced */ .rd-community-shared-image { width: 144px !important; height: 100px !important; max-width: 144px !important; max-height: 100px !important; } /* --------------------------------------------------------- CRITICAL FIX: comments / views / likes must be ONE horizontal row --------------------------------------------------------- */ .rd-community-post-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: column !important; width: 100% !important; min-height: 42px !important; height: 42px !important; padding: 0 !important; margin: 0 !important; background: var(--c-panel-2) !important; border-top: 1px solid var(--c-line) !important; } .rd-community-post-actions .rd-community-stat { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: auto !important; min-width: 0 !important; min-height: 42px !important; height: 42px !important; padding: 0 8px !important; margin: 0 !important; border-right: 1px solid var(--c-line) !important; white-space: nowrap !important; } .rd-community-post-actions .rd-community-stat:last-child { border-right: 0 !important; } /* --------------------------------------------------------- Tags — less visually dominant --------------------------------------------------------- */ .rd-community-app .special_tags { margin-bottom: 10px !important; } .rd-community-app .special_tags a { min-height: 25px !important; padding: 3px 8px !important; opacity: .78; } /* --------------------------------------------------------- LIGHT MODE --------------------------------------------------------- */ .rd-community-app[data-community-theme="light"] .rd-community-post-actions { background: #f5f9fa !important; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media only screen and (max-width:767.98px) { .rd-community-app { margin-top: 12px !important; } .rd-community-appbar { min-height: 0 !important; padding: 11px !important; } .rd-community-guest-status { width: 100%; justify-content: center; } .rd-community-guest-card { min-height: 0; } .rd-community-tabs { margin: 10px auto 8px !important; } .rd-community-post-body.has-image { min-height: 88px !important; } .rd-community-shared-image { width: 106px !important; height: 74px !important; max-width: 106px !important; max-height: 74px !important; } .rd-community-post-actions { height: 39px !important; min-height: 39px !important; } .rd-community-post-actions .rd-community-stat { height: 39px !important; min-height: 39px !important; padding: 0 4px !important; font-size: 9px !important; } } /* end rd-community-v32-polish */ /* ========================================================= rd-home-desktop-width-v1 Match homepage body geometry to premium global header. Desktop only. ========================================================= */ @media (min-width: 1180px) { /* * Existing bundle forces: * max-width: 80rem * width: 80% * * Replace that narrow desktop geometry with the same * deliberate canvas used by the global header. */ .index_pageContainer__Pxtn3 .index_flowItem__GnXWz { box-sizing: border-box !important; width: calc(100% - 48px) !important; max-width: 1560px !important; margin-inline-start: auto !important; margin-inline-end: auto !important; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } /* * Preserve intentional full-width flow items while keeping * them on the exact same centered desktop canvas. */ .index_pageContainer__Pxtn3 .index_flowItem__GnXWz.index_fullWidth__1n4ux { width: calc(100% - 48px) !important; max-width: 1560px !important; margin-inline-start: auto !important; margin-inline-end: auto !important; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } } /* ========================================================= rd-home-topics-five-columns-v1 Premium desktop topics proportions ========================================================= */ @media (min-width: 1180px) { #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; column-gap: 14px !important; row-gap: 14px !important; } /* * Keep every topic visible on desktop. * Older responsive rules hide several items around 1280px. */ #home_quran_topics .CallToActionButtons_buttonsContainer__V05v8.holy_quran_topic > a { display: inline-flex !important; width: 100% !important; align-items: center; justify-content: center; } }