#root{background-color:#222}.App{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:#222}.App.DarkTheme{background-color:#111}.App-logo{animation:App-logo-spin infinite 20s linear;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}button,.LinkButton{transition:background-color .3s,top .5s;border:none;border-width:0;background-color:transparent;color:#ddd;pointer-events:all;text-align:center}.actions button,.actions .LinkButton{text-align:center!important}button.btn,.LinkButton.btn{background-color:#555;border-radius:4px;padding:5px 10px;margin:5px 0}button.btn:hover,.LinkButton.btn:hover{background-color:#666}button:hover,.LinkButton:hover{color:#fff!important;background:#666}button *,.LinkButton *{pointer-events:none}button a,.LinkButton a{pointer-events:fill}.LinkButton{padding:0!important}.LinkButton a{display:block;padding:8px}.ButtonsBar{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:stretch;padding:5px 0;flex-grow:1;min-height:25px;gap:3px}.ButtonsBar button,.ButtonsBar .CommandButton{height:auto;padding:0;border-radius:6px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-grow:1;font-size:13px;background:#444}.ButtonsBar button span,.ButtonsBar .CommandButton span{line-height:16px}.ButtonsBar button svg,.ButtonsBar .CommandButton svg{font-size:18px}.ButtonsBar button:hover,.ButtonsBar .CommandButton:hover{color:#fff;background:#666}.ActionsBar{display:flex;justify-content:flex-start;align-items:center;gap:2px}.ActionsBar>span{line-height:30px;padding:0 3px 0 0}[lang=ar] .ActionsBar>span{padding:0 0 0 3px}.ActionsBar>span:first-child:after{content:":"}.ActionsBar button{background-color:#444}li .ActionsBar button{background-color:#fff3;width:inherit;margin:0 2px 2px 0}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}hr{border-style:solid;border-width:1px 0;border-color:#222 #888 #888 #222}.iBlock{display:inline-block;margin:0 5px}.flipHorizontal{transform:scaleX(-1)}.ReciteStatus{display:flex;flex-direction:column;align-items:center;gap:3px}.ReciteStatus button{border:solid 1px #777;padding:5px 10px}.VerseInfo{float:left;display:flex;min-width:60px;flex-direction:column;align-items:stretch;justify-content:center}.ReciteStatus .VerseInfo{float:none}.PopupBody .VerseInfo{margin:0 10px 10px 0}.VerseInfo .VerseInfoList{font-size:13px;display:flex;flex-direction:column;align-items:center}.ReciteStatus .VerseInfo .VerseInfoList{font-size:15px;flex-direction:row}.ReciteStatus .VerseInfo .VerseInfoList>div{margin:0 5px}.VerseInfo button{min-height:25px;line-height:14px}.VerseText{font-size:20px;margin:0;color:#cfcf00;text-overflow:ellipsis;overflow:hidden;direction:rtl;text-align:right}.TypedVerseText{direction:rtl}.circle-background,.circle-progress{fill:none}.circle-background{stroke:#444}.circle-progress{stroke:#9acd32;stroke-linecap:round;stroke-linejoin:round}.circle-text{font-size:10px;font-weight:700;fill:#9acd32;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#PlayPrompt .circle-text{font-size:14px}.CommandButton{display:flex;justify-content:center;align-items:center;font-size:25px!important;min-width:50px;height:50px;padding:0;pointer-events:fill}.CommandButton span svg{width:50px}.CommandButton span img{width:-10px}.CommandButton .CommandLabel{flex-grow:1}#Sidebar .CommandButton{justify-content:initial}.CommandButton.selected{background-color:#444}.NoHifz{border-color:#006db6}.GoodHifz{background-color:#00800026;border-color:#005a00!important}.FairHifz{background-color:#bd910033;border-color:#795600!important}.WeakHifz{background-color:#b1000026;border-color:brown!important}.HifzRangeRow{margin-bottom:14px;border:solid 1px #444;border-radius:5px}.MessageBox .HifzRangeRow{min-width:280px}.HifzRangeRow:last-child{margin-bottom:0}.HifzRangeRow>.HifzRangeBody{padding:0!important;border-radius:4px;width:100%;font-size:12px;text-align:inherit;height:72px;background-color:#222}.HifzRangeRow>.HifzRangeBody:hover{background-color:#111!important}.HifzRangeRow>.HifzRangeBody>div{line-height:35px;margin:0 5px}.HifzRangeRow .ActionsBar button{background-color:#444;border-radius:5px}.HifzRangeRow .AgeInfo{float:right}.HifzRangeRow .RangeInfo{font-weight:700}.HifzRangeRow .ActionsBar{position:absolute;bottom:0;left:0;right:0;justify-content:flex-end;height:35px}.HifzRangeRow .ActionsBar button{height:100%;min-width:35px;margin:0 1px;justify-content:center}.HifzRangeRow .RangeText{height:30px}.HifzRangeRow .RangeText .VerseText{font-size:14px}.ContentFrame{padding:15px 10px}.FootNote{border-top:solid 1px white;padding-top:5px;margin-top:15px;font-size:smaller;clear:both}.HiddenScroller{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}.HiddenScroller::-webkit-scrollbar{width:0!important}.SuraHifzChart{position:absolute;height:35px;width:100%;border:solid 1px rgba(170,170,170,.25);box-sizing:border-box;border-radius:5px;pointer-events:none}.SuraHifzChart .SuraRange{position:absolute;height:100%;border-style:solid;border-width:0;box-sizing:border-box;border-radius:4px;pointer-events:none}.SuraHifzChart .SuraRange.active{border-width:1px}.SuraHifzChart .HifzRanges{width:100%;height:100%;position:absolute}.SuraHifzChart .PageThumbs{display:flex;direction:rtl;width:100%;height:100%;position:absolute}.SuraHifzChart .PageThumb{flex-grow:1;height:100%;border-style:solid;border-color:#aaaaaa40;border-width:0 0 0 1px;background-position-x:2px;box-sizing:border-box;pointer-events:fill}.SuraHifzChart .PageThumb.ActivePage{border-radius:3px;background-color:#aaaaaa40}.SuraHifzChart .PageThumb:hover{border-radius:3px;background-color:#ffffff7e}.SuraHifzChart .PageThumb:last-child{border-width:0}.ButtonsBar .UserIcon{font-size:50px;margin:0 10px}.PopupBody .UserIcon svg{height:75px}.UserImage{width:50px;height:50px;border-radius:25px;margin:10px}#Sidebar .UserImage{width:30px;height:30px;border-radius:15px}.PopupBody .UserImage{width:70px;height:70px;border-radius:35px}.SuraIndexCell,.PartIndexCell{margin:2px 0;display:flex}.SuraIndexCell>*,.PartIndexCell>*{border-radius:5px;height:35px}.recharts-wrapper{direction:ltr;text-align:center;font-size:12px}.VCentered{display:flex;flex-direction:column;justify-content:center}.VACentered{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.HCentered{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.HACentered{display:flex;flex-direction:row;justify-content:center;align-items:center}.VEnd{display:flex;flex-direction:column;justify-content:flex-end}.RadioGroup label{display:flex;align-items:center;min-height:30px}.RadioGroup label span{display:inline-block}.RadioGroup label input{margin:0 10px}.RadioGroup label:hover{background-color:#444}.ToastMessage{z-index:5;position:fixed;max-width:200px;border-radius:10px;background-color:#000000c2;color:#ff0;display:none;align-items:center;padding:20px;left:50%;top:80%;transform:translateY(-50%) translate(-50%);border:solid 3px rgba(255,255,255,.493);cursor:default;text-align:center}.ToastMessage.ShowToast{display:flex;animation:ShowToast .4s}.ToastMessage.HideToast{animation:HideToast .5s;display:flex}[lang=ar] .ToastMessage{direction:rtl}@keyframes ShowToast{0%{top:100%}to{top:80%}}@keyframes HideToast{0%{top:80%}to{top:100%;transform:translate(-50%) translateY(0)}}.IconButton{position:relative;font-weight:700}.IconButton>*{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.IconButton svg{font-size:22px;opacity:.3}.ContextPopupBlocker{position:fixed;z-index:5;left:0;top:0;bottom:0;right:0}.ContextPopupBlocker .PopupPointer{position:absolute;width:17px;height:17px;border-style:solid;border-color:#aaa;border-width:1px 0 0 1px;background-color:#333;transform:translateY(33%) translate(-50%) rotate(45deg);animation:FadeIn .5s}.ContextPopupBlocker .PopupPointer.DownPointer{transform:translateY(-36%) translate(-55%) rotate(45deg);border-width:0 1px 1px 0}.DarkTheme .ContextPopupBlocker .PopupPointer{background-color:#444}.ContextPopupBlocker .ContextPopup{position:absolute;color:#fff;background-color:#333;transform:translate(-50%);max-width:400px;box-shadow:0 2px 10px 1px #00000080;animation:FadeIn .4s;border:solid 1px #aaa;border-radius:4px;display:flex;flex-direction:column;padding:5px;overflow:auto}.DarkTheme .ContextPopupBlocker .ContextPopup{background-color:#444}.ContextPopupBlocker .ContextPopup .ContextHeader{display:flex;flex-direction:column;gap:5px;margin:4px}.ContextPopupBlocker .ContextPopup .ContextBody{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:5px}[lang=ar] .ContextPopupBlocker .ContextPopup{direction:rtl}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes FadeInToCenter{0%{opacity:0;transform:translate(-50%) translateY(0)}to{opacity:1;transform:translate(-50%) translateY(-50%)}}.MessageBox{opacity:.96;position:fixed;z-index:4;border:solid 1px #aaa;border-radius:4px;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background-color:#222;color:#fff;max-width:95%;max-height:99%;overflow:auto;box-shadow:0 2px 15px 1px #00000080;animation:FadeIn .4s}.MessageBox .MessageBoxTitle{background-color:#333;height:30px;line-height:30px;border-radius:4px 4px 0 0;padding:0 40px 0 10px}[lang=ar] .MessageBox .MessageBoxTitle{padding:0 10px 0 40px}.MessageBox .MessageBoxContent{padding:10px;min-width:270px}.MessageBox .CloseButton{position:absolute;top:0;right:0;left:auto;width:30px;height:30px;border-radius:15px;color:#fff;font-size:20px}[lang=ar] .MessageBox .CloseButton{left:0;right:auto}[lang=ar] .MessageBox{direction:rtl}.IconsBar{display:flex;justify-content:center}.BigToggler{float:right;margin:0 0 0 10px}.BigToggler button{padding:10px 5px}.BigToggler svg{font-size:30px}.SpreadSheet,.FlowingList{list-style:none;margin:0;padding-inline-start:0;margin-block-start:0;margin-block-end:0}.SpreadSheet li,.FlowingList li{list-style:none;display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;position:relative}.SpreadSheet li>button,.FlowingList li>button{width:100%}.SpreadSheet li button,.SpreadSheet li .LinkButton,.FlowingList li button,.FlowingList li .LinkButton{justify-content:flex-start;padding:8px;background-color:transparent}.SpreadSheet li button:hover,.SpreadSheet li .LinkButton:hover,.FlowingList li button:hover,.FlowingList li .LinkButton:hover{background-color:#666}.SpreadSheet li button.active,.SpreadSheet li .LinkButton.active,.FlowingList li button.active,.FlowingList li .LinkButton.active{background-color:#111}.DarkTheme .SpreadSheet li button.active,.DarkTheme .SpreadSheet li .LinkButton.active,.DarkTheme .FlowingList li button.active,.DarkTheme .FlowingList li .LinkButton.active{background-color:#333}.SpreadSheet li .actions,.FlowingList li .actions{position:absolute;top:0;right:0;z-index:1;display:flex;align-items:center;height:35px;min-width:25px;pointer-events:none}[lang=ar] .SpreadSheet li .actions,[lang=ar] .FlowingList li .actions{left:0;right:auto}.SpreadSheet li .actions button,.FlowingList li .actions button{width:30px;text-align:center;color:#fff}.SpreadSheet li .actions button svg,.FlowingList li .actions button svg{font-size:15px}.FlowingList li{display:block;width:auto}.blinking{animation:smooth-blink 3s linear infinite}@keyframes blink{0%{opacity:0}50%{opacity:0}50.01%{opacity:1}to{opacity:1}}@keyframes smooth-blink{0%{opacity:1}50%{opacity:0}}li.BookmarkRow>button{width:100%;display:block;line-height:22px;text-align:start}.SuraNavigator{display:flex;direction:rtl}.SuraNavigator button{flex-grow:1;font-size:16px;padding:5px}.SuraContextHeader{height:35px;position:relative}hr{clear:both}.InputRow{display:flex;padding:6px 4px;background-color:#333}.InputRow:hover{background-color:#555}.InputRow label{flex-grow:1;margin:0 5px}.partPie{stroke:#a7b9e4}.partPie.active{stroke:#d8d8d8!important}.partPie.active:hover{stroke:#fff!important}.partPie.selected+.piePartNumber{font-size:14px;fill:green;font-weight:700}.partPie:hover{cursor:pointer;stroke:#dcdcdc!important}.partPie+.piePartNumber{font-size:12px;pointer-events:none;transition:font-weight .2s}.hifzPieBackground{fill:#434343;stroke-width:0}.DarkTheme .hifzPieBackground{fill:#333}.pieHifzRange.GoodHifz{stroke:#468e3a}.pieHifzRange.FairHifz{stroke:#be9518}.pieHifzRange.WeakHifz{stroke:#9b5252}.pieHifzRange:hover{cursor:pointer;stroke-width:30px!important}.hezbQuarterPie{stroke:#d8d8d8}.hezbQuarterPie:hover{cursor:pointer;stroke:#fff!important}.hezbQuarterPie:hover+.pieHezbNumber{font-weight:700}.hezbQuarterPie.selected+.pieHezbNumber{fill:green!important;font-weight:700}.pieHezbNumber{font-size:9px}svg text{pointer-events:none}.align-text-start{text-align:left}[lang=ar] .align-text-start,.align-text-end{text-align:right}[lang=ar] .align-text-end{text-align:left}#AudioPlayerPopup .RecitersList,#PlayPrompt .RecitersList,#SettingsPopup .RecitersList{position:relative}#AudioPlayerPopup .ReciterButton,#PlayPrompt .ReciterButton,#SettingsPopup .ReciterButton{display:inline-block;position:absolute;width:90px;min-height:90px;text-align:center;padding:5px;margin:0;border-radius:10px;transition:background-color .3s,left .4s,top .4s;vertical-align:top;cursor:pointer;font-size:12px}#AudioPlayerPopup .ReciterButton:hover,#PlayPrompt .ReciterButton:hover,#SettingsPopup .ReciterButton:hover{background-color:#444}#AudioPlayerPopup .ReciterButton.Selected,#PlayPrompt .ReciterButton.Selected,#SettingsPopup .ReciterButton.Selected{background-color:#666;cursor:default}#AudioPlayerPopup .ReciterIcon,#PlayPrompt .ReciterIcon,#SettingsPopup .ReciterIcon{width:auto;height:50px}#AudioPlayerPopup .ModalContent .ReciterIcon,#PlayPrompt .ModalContent .ReciterIcon,#SettingsPopup .ModalContent .ReciterIcon{width:50px;height:50px;border-radius:10px}#PlayPrompt{display:flex;flex-direction:column;justify-content:space-between}.PlayerButtons .CommandButton{flex-grow:1}.PlayerButtons .CommandButton img{margin:10px;height:30px!important;width:30px!important;border-radius:15px!important}.PlayPrompt .PlayerButtons{display:flex;justify-content:space-around;gap:8px}.PlayPrompt .PlayerButtons .CommandButton{padding:5px;font-size:16px!important;min-width:35px;background-color:#444}.PlayPrompt .PlayerButtons .CommandButton .CommandLabel{padding:0 10px 0 0;text-align:initial}[lang=ar] .PlayPrompt .PlayerButtons .CommandButton .CommandLabel{padding:0 0 0 10px}.PlayPrompt{display:flex;margin-top:5px;align-items:center;gap:6px}.PlayPrompt .PlayerButtons{flex-grow:1}.PlayPrompt .CommandButton svg{width:25px}#AKeyboard{position:fixed;bottom:0;left:0;right:0;background-color:#010101cc}#AKeyboard .KeysRow{display:flex;gap:1px;flex-direction:row-reverse;margin:0 auto 5px;direction:ltr;max-width:500px}#AKeyboard .KeysRow .KeyButton{display:inline-block;position:relative;border:solid 1px silver;border-radius:5px;text-align:center;width:10%;height:35px;line-height:25px;cursor:default;overflow:hidden}#AKeyboard .KeysRow .KeyButton.typed{background:#444;transform:scaleY(1.3) scaleX(1.1);z-index:3}#AKeyboard .KeysRow .KeyButton.Space{flex-grow:9}#AKeyboard .KeysRow .KeyButton.Enter{border-color:#0f0;color:green}#AKeyboard .KeysRow .KeyButton.Backspace svg,#AKeyboard .KeysRow .KeyButton.ClearAll svg,#AKeyboard .KeysRow .KeyButton.ClearWord svg{transform:scaleX(-1)}#AKeyboard .KeysRow .KeyButton.ClearAll{border-color:red;color:red}#AKeyboard .KeysRow .KeyButton.ClearWord{color:orange;border-color:orange}#AKeyboard .KeysRow .KeyButton.KeyJ,#AKeyboard .KeysRow .KeyButton.KeyF{border-color:#0ff}#AKeyboard .KeysRow .KeyButton .KeyLatinChar{position:absolute;font-size:9px;left:3px;bottom:-5px;color:#777}.ModalOverlay{position:fixed;top:0;right:0;bottom:0;overflow:hidden;z-index:1;pointer-events:none;direction:ltr}.ModalOverlay.modal{pointer-events:all!important}.CancelButton{position:absolute;top:0;left:0;width:50px;height:50px;color:#fff;font-size:18px}.CancelButton:hover{background-color:#666}.ModalContent{display:flex;flex-direction:column;height:calc(100% - 50px);max-height:calc(100% - 50px);pointer-events:all;position:absolute;right:0;box-shadow:0 0 15px #11111159;background-color:#111111e6;color:#fff;box-sizing:border-box}#TafseerPopup .ModalContent,#GotoPopup .ModalContent,#HelpPopup .ModalContent,#ProfilePopup .ModalContent{height:auto}#ExercisePopup .ModalContent{background-color:#111111f2}.trans-start .ModalContent{opacity:0;top:-20px}[lang=ar] .ModalContent{direction:rtl}.trans-end .ModalContent{transition:opacity .5s,top .5s,bottom .5s,left .2s,right .2s;opacity:1;top:0}.trans-end .ModalContent.HiddenPopup{top:-20px;opacity:0}.ModalContent .Title{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:0 10px 0 60px;background-color:#111;border-bottom:solid 1px #444;min-height:50px;position:relative}#ExercisePopup .ModalContent .Title{flex-direction:column;align-items:stretch}#ExercisePopup .ModalContent .Title .ButtonsBar{padding:5px 0}.ModalContent .Title .TitleNote{font-size:11px;line-height:11px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ModalContent .Title .TitleButtons{flex-grow:1;display:flex;align-items:stretch;justify-content:stretch;margin:0 -6px}.ModalContent .Title .PlayerButtons{display:flex}.ModalContent .Title button{font-size:13px}.ModalContent .Title button svg{font-size:18px}.ModalContent .Title .FlexTitle{display:inline-block;min-width:calc(100% - 115px)}.ModalContent .PopupBody{overflow-y:auto;overflow-x:hidden;padding:8px}.ModalContent .PopupBody .ButtonsBar{margin:10px 0}.ModalContent .OptionRow{padding:5px 0;margin:5px 0 10px}.ModalContent .OptionRow label{display:block;width:100%}.ModalContent .OptionRow label>span{display:inline-block;margin:0 12px;min-width:100px;width:36%;text-align:right}[lang=ar] .ModalContent .OptionRow label>span{text-align:left}.ModalContent .OptionRow label>*{vertical-align:middle}.ModalContent .OptionRow input[type=radio]{vertical-align:text-top}.ModalContent .OptionRow svg{font-size:25px}.ModalContent .FieldRow{margin:10px 0}.ModalContent .FieldRow div{display:inline-block}.ModalContent .FieldLabel{width:38%;text-align:right;padding:0 10px;box-sizing:border-box}[lang=ar] .ModalContent .FieldLabel{text-align:left}.ModalContent .FieldValue{width:23%;text-align:right}.ModalContent .FieldValue input{width:100%;color:#fff;border:none;font-size:25px;background-color:#ffffff30;vertical-align:middle}.ModalContent .FieldAction{width:23%;padding:0 10px;box-sizing:border-box}.ModalContent .FieldAction button{background-color:#666;border:none;color:#fff;padding:5px 15px;font-size:17px;vertical-align:middle}.ModalContent .FieldAction button:hover{background-color:#111}.ModalContent .CancelButton{font-size:24px}.ModalContent .CommandsList{text-align:center;direction:ltr;padding:25px 0}.ModalContent .CommandsList button{width:80px;height:80px!important;position:relative;font-size:25px;border-radius:6px;margin:3px}.ModalContent .CommandsList button .CommandLabel{font-size:12px}.ModalContent #SearchHistory{padding:5px 0;white-space:nowrap;overflow-y:hidden;overflow-x:auto;height:44px}.ModalContent #SearchHistory button{font-size:15px;padding:3px 5px;border:solid 1px silver;margin:0 3px}.ModalContent .link{cursor:pointer;padding:5px}.ModalContent .link:hover{color:#ffa;background-color:#666}.ModalContent .link *{pointer-events:none}.ModalContent .ResultInfo{direction:ltr;float:left;color:#0ff;background-color:#444;border-radius:5px;min-width:100px;padding:0 5px}[lang=ar] .ModalContent .ResultInfo{float:right;direction:rtl}.ModalContent .ResultsInfo{color:#ff0;height:35px;line-height:30px}.ModalContent .ResultsList{cursor:default;margin:0}.ModalContent .ResultsList .MoreResults{width:100%;background-color:#888;padding:10px;color:#111;cursor:pointer}.ModalContent .ResultsList .MoreResults:hover{background-color:#ddd}.ModalContent .ResultsList .ResultItem{display:block;width:100%;text-align:initial;direction:rtl;font-size:16px;line-height:25px;padding:5px 0;border-bottom:solid 1px #444}.ModalContent .ResultsList .ResultItem span{pointer-events:none}.ModalContent .ResultsList .ResultItem .hiword{color:#ff0}.ModalContent .ResultsList .ResultItem:last-child{border-bottom:none}.ModalContent .ResultsList .ResultItem:hover{background-color:#333}.ModalContent .ResultsList .ResultItem svg{padding:0 10px;pointer-events:initial}.ModalContent .ResultsList .ResultItem svg:hover{background-color:#111!important}.ModalContent a{color:#fff;text-decoration:none}.ModalContent .TafseerVerse{color:#ff0}#SearchPopup .Title .TypingConsole{margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px;box-sizing:border-box;height:50px}#SearchPopup .Title .ButtonsBar{flex-grow:0!important;min-width:50px}#SearchPopup .KeyboardFrame{position:absolute;bottom:0;left:0;right:0;background-color:#111;pointer-events:fill}#SearchPopup .KeyboardFrame #AKeyboard{margin:0}#IndicesPopup .Title,#FavoritesPopup .Title{justify-items:center;align-items:flex-end;overflow-x:hidden}#IndicesPopup .Title>span,#FavoritesPopup .Title>span{line-height:35px}#IndicesPopup .Title .ButtonsBar,#FavoritesPopup .Title .ButtonsBar{padding:0;margin:0 -4px}#IndicesPopup .Title .ButtonsBar .CommandButton span,#FavoritesPopup .Title .ButtonsBar .CommandButton span{font-size:12px}#IndicesPopup .Title button,#FavoritesPopup .Title button{padding:0 5px;font-size:20px;background-color:#222;border-radius:10px 10px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#IndicesPopup .Title button.active,#FavoritesPopup .Title button.active{color:#fff;background-color:#444}#IndicesPopup .Title button:hover,#FavoritesPopup .Title button:hover{color:#fff}#IndicesPopup .Title button span,#FavoritesPopup .Title button span{display:inline-block;margin:0 0 0 5px;font-size:16px}[lang=ar] #IndicesPopup .Title button span,[lang=ar] #FavoritesPopup .Title button span{margin:0 5px 0 0}#IndicesPopup .Title button svg,#FavoritesPopup .Title button svg{font-size:15px}#IndicesPopup .TypingConsole,#FavoritesPopup .TypingConsole{height:50px}#IndicesPopup #AKeyboard,#FavoritesPopup #AKeyboard{z-index:2;margin:0}#ExercisePopup #VerseToTest{font-size:25px}#ExercisePopup .Correct{color:#adff2f}#ExercisePopup .Wrong{color:#f33}.TafseerView{white-space:normal;direction:rtl}.TypingConsole{direction:rtl;padding:10px;min-height:26px;border:solid 1px #444;margin:6px;font-size:24px;line-height:26px;overflow:auto;position:relative;height:calc(100vh - 250px)}.TypingConsole.empty{color:#666}.TypingConsole .TypingCursor{display:inline-block;width:2px;background-color:#fff6;height:26px;vertical-align:top}.TypingConsole .ClearButton{position:absolute;top:10px;color:#999;left:10px;right:auto}.TypingConsole .ClearButton:hover{color:#fff}.TrackDuration{display:flex;margin:0 5px;align-items:center}.BookmarkRow{border-bottom:solid 1px #444}.BookmarkRow:last-child{border-bottom:none}.ParaId{display:inline-block;background-color:#444;text-align:center;padding:0 4px;margin:0 5px 0 0}[lang=ar] .ParaId{margin:0 0 0 5px}.ParaId.Chapter{padding:1px 3px;border-radius:12px;float:right;min-width:20px}[lang=ar] .ParaId.Chapter{float:left}.ParaId.Verse{float:left;min-width:20px;font-size:13px;border-radius:4px;background-color:#c8ccf0;color:#111}.DarkTheme .ParaId.Verse{color:#fff;background-color:#265d8a}[lang=ar] .ParaId.Verse{float:right}.ResultsGroup{border-top:solid 1px #444;background-color:#222}.ResultsGroup button{text-align:initial;margin:0;padding:8px 2px}.ResultsGroup .ResultsGroupHeader{display:block;width:100%;font-size:15px}.ResultsGroup .ResultsGroupHeader:hover{color:#0ff}.ResultsGroup.Expanded{background-color:#111}.ResultsGroup.Expanded .ResultsGroupHeader{color:#0ff;padding-bottom:5px}.ResultsGroup.Expanded .ResultsGroupList{display:block}.ResultsGroup .ResultsGroupList{display:none;padding:0 0 0 20px}[lang=ar] .ResultsGroup .ResultsGroupList{padding:0 20px 0 0}#SearchViewToggler{border:solid 1px #666;font-size:16px;padding:3px 12px;border-radius:4px;margin:0 5px 0 0}[lang=ar] #SearchViewToggler{transform:scaleX(-1);margin:0 0 0 5px}#SearchViewToggler.active{background-color:#666}.HifzSegments{position:absolute;height:100%;width:100%}.HifzSegments .HifzSegment{height:100px;margin-bottom:4px;pointer-events:none;position:absolute;width:100%;box-sizing:border-box}.Page{position:relative;min-height:100%}.LeftPage .Page{background:#fff;background:-moz-linear-gradient(left,#ffffff 0%,#f3e2c7 49%,#f3e2c7 78%,#b2a087 99%);background:-webkit-linear-gradient(left,#ffffff 0%,#f3e2c7 49%,#f3e2c7 78%,#b2a087 99%);background:linear-gradient(to right,#fff,#f3e2c7 49%,#f3e2c7 78%,#b2a087 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#b2a087",GradientType=1)}.RightPage .Page{background:#f3e2c7;background:-moz-linear-gradient(left,#f3e2c7 0%,#b2a087 6%,#ffffff 100%);background:-webkit-linear-gradient(left,#f3e2c7 0%,#b2a087 6%,#ffffff 100%);background:linear-gradient(to right,#f3e2c7,#b2a087 6%,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3e2c7",endColorstr="#ffffff",GradientType=1)}.DarkTheme .Page{background:none;background-color:#333}.Page .PageFrame{position:relative;height:100%}.Page .PageFrame .PageImageFrame{height:100%;box-sizing:border-box;position:relative}.Page .PageFrame .PageImageFrame .MaskContainer{position:absolute;pointer-events:none}.Page .PageFrame .PageImageFrame .MaskContainer .Verse{position:absolute;pointer-events:none;background-color:#888}.DarkTheme .Page .PageFrame .PageImageFrame .MaskContainer .Verse{background-color:#555}.Page .PageFrame .PageImageFrame .MaskContainer .Mask{position:absolute;pointer-events:fill;background-color:#999999fa}.DarkTheme .Page .PageFrame .PageImageFrame .MaskContainer .Mask{background-color:#666}.Page .PageFrame .PageImageFrame .MaskContainer button{transition:none}.DarkTheme .Page .PageFrame .PageImageFrame .MaskContainer button{background-color:#444!important}.Page .PageFrame .VerseLayout{position:absolute;top:0;height:100%;width:100%}.Page .PageFrame .VerseLayout .Verse{box-sizing:border-box;position:absolute}.Page .PageFrame .VerseLayout .Verse.Hovered{border-bottom:solid 2px silver}.DarkTheme .Page .PageFrame .VerseLayout .Verse.Hovered{border-color:#fff3}.Page .PageFrame .VerseLayout .Verse.Selected{background-color:#c8ccf0}.DarkTheme .Page .PageFrame .VerseLayout .Verse.Selected{background-color:#265d8a}.Page .PageFrame .VerseLayout .Verse.Playing{border-bottom:solid 2px green}.Page .PageImageFrame{position:relative;display:inline-block;height:100%}.Page .Spinner{position:absolute;left:calc(50% - 32px);top:calc(50% - 32px)}.Page img.PageImage{height:100%;max-width:100%;position:relative;pointer-events:none}.DarkTheme .Page img.PageImage{filter:invert(1)}.PageHeader,.PageFooter{direction:rtl;padding:0 6px;gap:6px;display:flex;align-items:center;flex-wrap:nowrap;height:100%;color:#bbb;position:relative;background-color:#444;transition:background-color .5s;width:100%}.PageHeader .circle-background,.PageFooter .circle-background{stroke:#555}.PageHeader .circle-progress,.PageFooter .circle-progress{stroke:#bbb}.PageHeader .circle-text,.PageFooter .circle-text{fill:#bbb;font-size:10px}.PageHeader.active,.PageFooter.active{background-color:#111}.narrow .PageHeader,.narrow .PageFooter{padding-left:50px}[lang=ar] .PageHeader,[lang=ar] .PageFooter{direction:rtl}.PageHeader svg,.PageFooter svg{vertical-align:middle;cursor:default}.PageHeader button,.PageFooter button{line-height:23px;border-radius:3px}.PageHeader select,.PageFooter select{height:25px;color:#ddd;background-color:#444;border:none;border-radius:5px;font-size:14px;margin:0 2px}.PageHeader .SuraTitle,.PageFooter .SuraTitle{right:0}.PageFooter{width:100%;justify-content:start}.SelectionButton{color:#111;background-color:#c8ccf0}.SelectionButton:hover{color:#121212!important}.DarkTheme .SelectionButton{color:#fff;background-color:#265d8a}.DarkTheme .SelectionButton:hover{color:#fff!important}.maskOn .SelectionButton{color:#fff;background-color:#888}.maskOn.DarkTheme .SelectionButton{background-color:#555}.LeftPage .AnimatePage{animation:LeftPageOpener .4s}.LeftPage .PageImageFrame{border-left:solid 1px silver;box-shadow:-3px 0 3px #00000026}.RightPage .AnimatePage{animation:RightPageOpener .4s}.RightPage .PageImageFrame{border-right:solid 1px silver;box-shadow:3px 0 3px #00000026}@keyframes RightPageOpener{0%{transform:scaleX(.85);transform-origin:top left}to{transform:scaleX(1);transform-origin:top left}}@keyframes LeftPageOpener{0%{transform:scaleX(.85);transform-origin:top right}to{transform:scaleX(1);transform-origin:top right}}.page-loader-image{opacity:.1;animation:animateOpacity 3s ease-in-out infinite}.HeaderFooterSection{display:flex;white-space:nowrap;background-color:#333;border-radius:5px;height:calc(100% - 2px)}.HeaderFooterSection .ReciterIcon{width:16px;height:16px}.HeaderFooterSection button{min-width:42px;border-radius:0}.PageFooter .HeaderFooterSection{height:calc(100% - 12px)}.PagerFooter>.HeaderFooterSection{position:absolute;bottom:6px;left:6px;height:38px}.narrow .PagerFooter>.HeaderFooterSection{left:50px}@keyframes animateOpacity{25%{opacity:.3}50%{opacity:.1}75%{opacity:.3}}.Pager{direction:rtl;position:fixed;display:flex;align-items:flex-start;top:25px;bottom:50px;right:0;box-sizing:content-box;transition:width .5s}.fit_page .Pager,.fit_two_pages .Pager{overflow-y:overlay;overflow-x:hidden}.Pager .PageSide{width:50%;height:100%;box-sizing:border-box}.Pager .PageSide.RightPage .PageFrame{direction:ltr}.Pager .PageSide.LeftPage .PageFrame{direction:rtl}.Pager .HeaderNavbar{position:absolute;pointer-events:none;right:0;left:0;top:25px;height:25px;line-height:25px;z-index:1}.narrow .Pager .HeaderNavbar{left:50px}.Pager .HeaderNavbar .NavButton{pointer-events:fill;width:50px;font-size:22px;opacity:.5;text-align:center;padding:0 10px}.Pager .HeaderNavbar .NavButton.NavPgDown,.Pager .HeaderNavbar .NavButton.NavPgUp{float:right}.Pager .HeaderNavbar .NavButton.NavForward,.Pager .HeaderNavbar .NavButton.NavBackward{float:left}.Pager.narrow .HeaderNavbar{left:50px}.PagerHeader,.PagerFooter{position:absolute;right:0;display:flex;align-items:center;justify-content:center;transition:width .5s;direction:rtl;color:#bbb;background-color:#444;transition:background-color .5s;z-index:3}.PagerHeader{box-shadow:0 4px 11px #00000059;top:0;bottom:auto;height:25px}.PagerFooter{height:50px;top:auto;bottom:0;text-align:center;justify-content:center;box-shadow:0 -4px 11px #00000059}.HeaderCommands{position:absolute;display:flex;left:0;top:0;height:25px}.HeaderCommands .CommandButton{height:100%}.HeaderCommands .CommandButton svg{height:19px}#SidebarBlocker{position:fixed;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:2}#SidebarBorder{color:#ddd;font-size:25px;border-color:#444;border-style:solid;border-width:0 1px 1px 0;box-shadow:5px 0 10px #00000059;top:0;bottom:0;left:0;position:absolute;width:50px;background-color:#111}#SidebarBorder.narrow{width:0}#Sidebar{position:fixed;pointer-events:fill;left:0;top:0;bottom:50px;right:auto;background-color:#111;overflow-y:auto;overflow-x:hidden;vertical-align:top;box-sizing:content-box;transition:width .3s;width:50px;direction:ltr}#Sidebar.expanded,#Sidebar.expanded.narrow{width:240px}#Sidebar.expanded{border-right:solid 1px #444;box-shadow:5px 0 10px #00000059}#Sidebar.narrow{width:0}#Sidebar button{width:100%;padding:0;white-space:nowrap}#Sidebar button:focus{color:#aff}#Sidebar button:disabled{color:#666}#Sidebar button:disabled:hover{color:#111}#Sidebar .side-btn-img{width:50px;height:50px}#Sidebar #SidebarButtons button{width:100%;font-size:24px;height:50px;text-align:left}#Sidebar #SidebarButtons button svg{width:50px}#Sidebar #SidebarButtons button span.CommandLabel{font-size:15px}#Sidebar #SidebarButtons button img{width:32px;height:32px;margin:9px;border-radius:16px}.SidebarSection{border-color:#444;border-width:0 0 1px 0;border-style:solid}.ReciterIcon{display:inline-block;border-radius:20px;margin:5px;height:40px;width:40px;background-repeat:no-repeat;background-position:center;background-size:cover}button:disabled .ReciterIcon{filter:grayscale(100%)}body{overscroll-behavior:none;touch-action:none;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:arial}body *::-webkit-scrollbar{width:16px}body *::-webkit-scrollbar-thumb{height:56px;border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:#ababab}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.PartsPie{display:inline-block}.card{background:#444;border-radius:10px;padding:10px;border:solid 1px #777}button{display:inline-flex;gap:4px;align-items:center;justify-content:center;min-width:25px;border-radius:5px;padding:5px}