@font-face{font-family:othman-taha;src:url(/build/fonts/uthmanic_hafs_v20.277d8d47.ttf)}:root{--shade-color:rgba(255,179,75,.25)}body{background:linear-gradient(135deg,#fffdc8,#ffd056);min-height:100vh}body>.container:empty{display:none}.ayaToBePlayed{background-color:hsla(0,100%,76%,.2)!important;fill:hsla(0,100%,76%,.2)!important}.loader{background-color:#fff;border-radius:50%;height:50px!important;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:10000}.loader>span{animation:l23 1s steps(12) infinite;aspect-ratio:1;background:linear-gradient(0deg,rgba(0,0,0,.5) 30%,transparent 0 70%,#000 0) 50%/8% 100%,linear-gradient(90deg,rgba(0,0,0,.25) 30%,transparent 0 70%,rgba(0,0,0,.75) 0) 50%/100% 8%;background-repeat:no-repeat;border-radius:50%;display:grid;width:100%}.loader>span:after,.loader>span:before{background:inherit;border-radius:50%;content:"";grid-area:1/1;opacity:.915;transform:rotate(30deg)}.loader>span:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}.app-wrapper{display:flex;flex-direction:column}@media(max-width:900px){.app-wrapper>div:last-child{max-height:100%;overflow:hidden}.app-wrapper #quranPageWrapperEl{border:none!important}.app-wrapper #quranPageWrapperEl:after,.app-wrapper #quranPageWrapperEl:before{background:inherit;background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:inherit;content:"";height:100%;padding:inherit;position:absolute;top:0;width:100%;z-index:-1}.app-wrapper #quranPageWrapperEl:before{background-image:var(--prev-page-image);right:100%}.app-wrapper #quranPageWrapperEl:after{background-image:var(--next-page-image);left:100%}.app-wrapper .tafseer-container{background-image:none!important;background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:0;bottom:0;box-shadow:0 -.5rem 1rem rgba(0,0,0,.15);font-family:Tahoma,sans-serif;font-size:1rem;height:40vh;margin-bottom:0!important;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;transition:opacity .25s;width:100%;z-index:100}.app-wrapper .tafseer-container.is-visible{opacity:1}.app-wrapper #quranPageWrapperEl{height:100%;position:relative}.app-wrapper footer{bottom:0;height:4rem;overflow:hidden;position:fixed;width:100%;z-index:100}.app-wrapper footer .container .row>*{margin-bottom:1em;text-align:center!important}}@media(max-width:900px)and (min-aspect-ratio:3/5){.app-wrapper .book-wrapper>div:last-child{overflow-x:hidden;overflow-y:auto}}@media(min-width:900px){.app-wrapper .book-wrapper{display:flex;flex-grow:2;font-size:0;height:auto;line-height:0;margin:2rem;overflow:hidden;text-align:center}.app-wrapper .book-wrapper>div{font-size:1.25rem;height:100%;line-height:1.4;vertical-align:top;width:50%}.app-wrapper .book-wrapper>div>div{aspect-ratio:660/958;background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:contain;max-height:100%;max-width:100%;position:relative}.app-wrapper .book-wrapper>div:first-child>div{margin:0 0 0 auto}.app-wrapper .book-wrapper>div:last-child>div{margin:0 auto 0 0}.app-wrapper #quranPageWrapperEl:before{display:none}.app-wrapper .page-wrapper:after{background:#fff;background:linear-gradient(-90deg,#d4d4d4,hsla(0,0%,100%,0));content:"";height:100%;position:absolute;right:0;top:0;width:1rem;z-index:100}.app-wrapper #quranPageWrapperEl.page-wrapper:after{background:linear-gradient(-90deg,hsla(0,0%,100%,0),#d4d4d4);left:0}}.app-header h1{align-items:flex-end;display:flex;font-size:1.5rem;height:auto}.app-header img{display:inline-block;height:100%;margin-inline-end:1em;max-height:35px}.isMobile .app-header{height:2.5rem;margin-bottom:1rem}.isMobile .app-header h1{font-size:1rem}#optionPanel{overflow:auto}#optionPanel>div{background-color:#fff;height:100%;overflow:auto}@media(max-width:900px){#optionPanel{height:100%;max-width:70%;overflow:hidden;pointer-events:none;position:absolute;right:0;z-index:1000}#optionPanel>div{transform:translateX(110%);transition:transform .4s}#optionPanel.isOpen{pointer-events:all}#optionPanel.isOpen>div{transform:translateX(0)}#optionPanel.isOpen:after{background-color:rgba(0,0,0,.6);content:"";inset:0;position:fixed;z-index:-1}}.tafseer-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.isMobile .tafseer-wrapper{padding-top:2.5rem!important}@media(max-width:900px){.tafseer-wrapper header{background-color:var(--bs-gray-200);box-shadow:0 .25rem 1rem rgba(0,0,0,.15);left:0;padding:.75rem 0 0;position:absolute;top:0;width:100%}}.tafseer-wrapper header .close-btn{display:none}@media(max-width:900px){.tafseer-wrapper header .close-btn{display:block;position:absolute;right:.75rem;top:.5rem}}.tafseer-wrapper article{overflow:auto}.tafseer-wrapper p{border-bottom:1px solid gray;padding:10px;transition:background-color 1s}.tafseer-wrapper p.active{background-color:var(--shade-color)}@media(min-width:900px){.tafseer-wrapper{margin:0 auto;padding:8% 0 12%!important;width:84%}}.overlay{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.content{background-color:#fff;border-radius:8px;height:85%;max-width:1000px;overflow:auto;width:95%}td{cursor:pointer}.app-wrapper{display:grid;grid-template-columns:1fr 250px;grid-template-rows:66px 1fr;grid-column-gap:0;grid-row-gap:0;height:100vh;overflow:hidden}.app-wrapper>.app-header{grid-area:1/1/2/3}.app-wrapper>#optionPanel{grid-area:2/2/3/3}.app-wrapper>.book-wrapper{grid-area:2/1/3/3;overflow:auto}@media(min-width:900px){.app-wrapper>.book-wrapper{grid-area:2/1/3/2}}.tafseer-container{font-family:Tahoma,sans-serif;font-size:.9rem}@media(min-width:900px){.tafseer-container h4{background-color:rgba(187,153,198,.25);font-size:1rem}}.othman-taha-font{font-family:othman-taha;font-size:1.25rem;line-height:1.6}.highlighted{color:#e32408}svg#itar[data-v-24555df8]{height:auto;max-height:100%;width:100%}polygon[data-v-24555df8]{fill:transparent;cursor:pointer;transition:fill 1s}polygon.activeAya[data-v-24555df8],polygon[data-v-24555df8]:hover{fill:var(--shade-color);stroke:#fff;mix-blend-mode:darken}.audio-player-container[data-v-586a5c01]{align-items:center;background:linear-gradient(135deg,#f8f8f8,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;font-family:sans-serif;padding:0 10px}.controls[data-v-586a5c01]{align-items:center;display:flex;gap:10px}.control-button[data-v-586a5c01]{background:transparent;border:none;border-radius:50%;color:#4169e1;cursor:pointer;font-size:1.5rem;transition:background-color .5s,color .5s}.control-button[data-v-586a5c01]:hover{background:#4169e1;color:#fff}.volume-slider[data-v-586a5c01]{accent-color:#4169e1;width:100px}.audio-player-container[data-v-5d8a6e51]{align-items:center;background:linear-gradient(135deg,#f8f8f8,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;font-family:sans-serif;padding:0 10px}.controls[data-v-5d8a6e51]{align-items:center;display:flex;gap:10px}.control-button[data-v-5d8a6e51]{background:transparent;border:none;border-radius:50%;color:#4169e1;cursor:pointer;font-size:1.5rem;transition:background-color .5s,color .5s}.control-button[data-v-5d8a6e51]:hover{background:#4169e1;color:#fff}.volume-slider[data-v-5d8a6e51]{accent-color:#4169e1;width:100px}