style.min.css

@font-face{font-family:AmiriQuranWeb;font-style:normal;font-weight:400;src:url('woff/AmiriQuran.woff2') format('woff2'),url('woff/AmiriQuran.woff') format('woff');font-display:swap}@font-face{font-family:AmiriQuranColoredWeb;font-style:normal;font-weight:400;src:url('woff/AmiriQuranColored.woff2') format('woff2'),url('woff/AmiriQuranColored.woff') format('woff');font-display:swap}@font-face{font-family:KacstOne;font-style:normal;font-weight:400;src:url('woff/KacstOne-subset.woff2') format('woff2'),url('woff/KacstOne-subset.woff') format('woff');font-display:swap}@font-face{font-family:Cortoba;font-style:normal;font-weight:400;src:url('woff/ae_Cortoba-subset.woff2') format('woff2'),url('woff/ae_Cortoba-subset.woff') format('woff');font-display:swap}body,html{padding:0;margin:0;overflow:hidden;--all-width:min(80vw, 35rem)}body{text-align:center}#body{background-color:var(--background);height:100vh;width:100vw;direction:rtl;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box}#all{display:inline-block;width:var(--all-width)}#body{--btn-base-width:min(35vw, 10rem);--faint-btn:#aaa;--faint-txt:#aaa;--uitxt:#233;--txt:#111;--txt-font:AmiriQuranWeb;--background-rgb:249,246,231;--content-rgb:252,250,241;--background:rgb(var(--background-rgb));--background-translucent:rgba(var(--background-rgb), 0.66);--details-bg:white;--details-shadow:black;--title-rgb:0,0,0;--tl-open:#fffc;--tl-closed:#fff2;--selection:rgba(0, 0, 255, 0.15);--L:#bb0066;--W:red;--J:#ff8800;--T:#c6b000;--N:#00bb00;--X:#9595a0;--R:#2222e0;--Q:#009ea7;--A:darkorange;--D:navy;--A-shadow:1px 1px 1px gold,1px -1px 1px gold,-1px 1px 1px gold,-1px -1px 1px gold,0 0 5px blue;--D-shadow:0 0 10px rgba(0, 0, 255, 0.5);--tab-txt:#000;--tab-active-txt:var(--tab-txt);--tab:gold;--tab-active:yellow;--sxsa:rgba(var(--background-rgb), 0.6);--sxr:#ffdde0;--sxrh:brightness(1.075);--sxra-shadow:0 0 0.25rem black,inset 0 0.5rem 1rem #fff,inset 0 -0.5rem 1rem #0004}#dark:checked~#body{--faint-btn:#aaa;--faint-txt:#555;--uitxt:#ccc;--txt:#eee;--background-rgb:26,20,20;--content-rgb:23,23,23;--details-bg:black;--details-shadow:white;--title-rgb:255,255,255;--tl-open:#000c;--tl-closed:#0002;--selection:rgba(0, 0, 255, 0.4);--L:#c60088;--W:red;--J:#ff8800;--T:#ffc800;--N:#00ff00;--X:#808080;--R:#4477ff;--Q:#00d6ff;--A:#ff8c00;--D:#ffffff;--tab-txt:#ddb;--tab-active-txt:white;--tab:#A1761B;--tab-active:darkgoldenrod;--sxsa:rgba(var(--background-rgb), 0.75);--sxr:#400000;--sxrh:brightness(1.25);--sxra-shadow:0 0 0.2rem white,inset 0 0.5rem 1rem #fff4,inset 0 -0.5rem 1rem #000f}#dark:checked~#body.highcontrast{--faint-btn:#888;--faint-txt:#777;--uitxt:#eee;--txt:#fff;--background-rgb:0,0,0;--content-rgb:23,23,23;--L:#ee8888;--W:#ff4444;--J:#ffaa44;--T:#ffee66;--N:#66ffaa;--X:#aaaaaa;--R:#66bbff;--Q:#22eeff}option{background:var(--details-bg)}:not(input,button,select){color:var(--uitxt)}#uthm_txt{color:var(--txt)}.L{color:var(--L)}.W{color:var(--W)}.J{color:var(--J)}.T{color:var(--T)}.N{color:var(--N)}.X{color:var(--X)}.R{color:var(--R)}.Q{color:var(--Q)}.A{color:var(--A);text-shadow:var(--A-shadow)}.D{color:var(--D);text-shadow:var(--D-shadow)}#uthm_txt{white-space:pre-line}#uthm_txt.nb{white-space:normal}#uthm_txt>br{display:none}#uthm_txt.nb>br{display:block}.D:after{content:'\200f';margin-right:.35em}#body{scroll-behavior:smooth}::selection{background:var(--selection)}html{font-size:calc(16px + .5vw)}*{font-family:KacstOne,serif}#aaya_bgn,#aaya_end{font-family:KacstOne}button,input,label,label *,select{font-family:Cortoba,serif;font-size:inherit}#uthm_txt,#uthm_txt *{font-family:var(--txt-font);font-size:1.5rem}#uthm_txt{text-align:right;margin:0 1em;margin-bottom:4em}#uthm_txt.done,#uthm_txt.sidebtns{margin-bottom:1em}#endmsg{font-family:Cortoba,KacstOne,serif;font-size:min(5vw, 2rem);text-align:center;color:var(--uitxt);margin:1rem auto 2rem}#header,#selectors{padding:0;position:var(--sticky);background-color:var(--background-translucent);top:-12rem;margin-top:-12rem;padding-top:12rem;z-index:2}#title{display:none;margin:0;color:rgb(var(--title-rgb));position:relative;z-index:3;font-size:min(calc(20px + .5vw), calc(var(--all-width) / 14))}.ss label:first-child{display:inline-block;width:4em}.srcttl{font-family:inherit;color:inherit}.search{width:initial;padding:0 1em}@media (max-width:580px){.search{padding:0 .25em}}@media (max-width:440px){.srcttl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}}.ss{display:block;max-width:20em;min-width:40%;white-space:nowrap;margin:.1em auto}#aaya_bgn,#aaya_end{width:3em}#sura_bgn,#sura_end{width:35%}@media (max-width:359px){.sura{display:none}.ss label:first-child{width:1.6em}}@media (max-width:279px){.aaya{display:none}}#options .option{margin-top:.5em}#options .option:first-child{margin-top:1.5em}#options .mode_options_title{display:block;text-align:right;padding-right:2em;margin-top:.3em;font-family:Cortoba;font-weight:400}#guide{display:none}#options{padding:.5em 1em;box-sizing:border-box;width:var(--all-width)}#options *{font-family:KacstOne,serif;font-weight:700;line-height:1.7}.option>*{margin:0}#darkmode_option{width:7em}#teacher_option{width:14em}.option.maybe-inline{display:inline-block;margin:0 1em}#mode_options{padding:0;margin:0}#qaris{width:calc(100% - 6.8em)}#quizmode{width:calc(100% - 7.35em)}#mvbtns_input{width:calc(100% - 9.4em)}#textclr_input{width:calc(100% - 6.45em)}#feedbackrate{width:calc(100% - 9.25em)}.tafsir{width:calc(100% - 7.9em)}#imla_txt{background:var(--background);color:var(--txt);transition:background 1s}#imla_txt.noborder{border:none;outline:0}.done #imla_txt{background:#90ee90}#dark:checked~#body .done #imla_txt{background:#040}.wrong #imla_txt{background:pink}#body.lowcontrast .wrong #imla_txt{background:#ffe0e0}#dark:checked~#body .wrong #imla_txt{background:#661016}#dark:checked~#body.lowcontrast .wrong #imla_txt{background:#401014}.spacewrong #imla_txt{background:wheat}#body.lowcontrast .spacewrong #imla_txt{background:wheat}#dark:checked~#body .spacewrong #imla_txt{background:#5b3300}#dark:checked~#body.lowcontrast .spacewrong #imla_txt{background:#351d00}#imla_txt{font-size:1.5rem;text-align:right;padding:.5em;padding-bottom:min(20vh,4em);box-sizing:border-box;font-family:AmiriQuranWeb;width:100%;height:100%;border-radius:.25rem}#imla_txt_container{width:min(90%,70vw);margin:auto;margin-bottom:1rem}#imla_txt_container.done #imla_txt{padding-bottom:.5em}#body.fullpage #imla_txt_container:not(.done){width:100vw;position:absolute;right:0}#body.fullpage #imla_txt_container:not(.done) #imla_txt{border:none;border-radius:0}button{--width:var(--btn-base-width);width:var(--width);transition:opacity .5s ease-in-out;touch-action:manipulation}#mvbtns,#mvbtns button{--width:calc(var(--all-width) / 7.5);--mv-all-width:calc(var(--width)*7 + 1.25em)}#mvbtns button{margin:0 .25em;height:2em;fill:var(--faint-btn)}#mvbtns #nextword{width:calc(2*var(--width));fill:#333}#mvbtns svg{width:1em;height:1em}@media (max-width:319px){#nextaaya,#prevaaya{display:none}#mvbtns,#mvbtns button{--width:calc(var(--all-width) / 5.5);--mv-all-width:calc(var(--width)*5 + 0.75em)}}button,input[type=checkbox]+label,select{cursor:pointer}:disabled{cursor:not-allowed}label.disabled{color:var(--faint-txt)}#dark:checked~#body button,#dark:checked~#body input,#dark:checked~#body kbd,#dark:checked~#body select{filter:invert(1) hue-rotate(180deg)}svg #L{fill:var(--L)}svg #W{fill:var(--W)}svg #J{fill:var(--J)}svg #T{fill:var(--T)}svg #N{fill:var(--N)}svg #X{fill:var(--X)}svg #R{fill:var(--R)}svg #Q{fill:var(--Q)}#tl[aria-expanded=false]{opacity:.5}#tl:hover{opacity:1}#tl,#tl *{transition:.5s;cursor:pointer}text{fill:var(--txt);font-size:38px}#tl line{stroke:var(--txt);stroke-width:2px}#tl{position:fixed;bottom:4em;left:0;height:7em;margin:0 auto;display:block;z-index:1}@media (max-width:300px){#tl{height:calc(100vw * 2/5)}}#tl rect{fill:var(--tl-closed)}#tl[aria-expanded=true] rect{fill:var(--tl-open)}#tl.right{left:initial;right:0}#uthm_txt.letter-parts{--txt-font:AmiriQuranColoredWeb;--L:var(--txt);--W:var(--txt);--J:var(--txt);--T:var(--txt);--N:var(--txt);--X:var(--txt);--R:var(--txt);--Q:var(--txt)}#uthm_txt.letter-nocolor{--L:var(--txt);--W:var(--txt);--J:var(--txt);--T:var(--txt);--N:var(--txt);--X:var(--txt);--R:var(--txt);--Q:var(--txt)}#uthm_txt.ayat-nocolor{--A:var(--txt);--A-shadow:none;--D:var(--txt);--D-shadow:none}#uthm_txt.letter-parts:not(.ayat-nocolor) .A,#uthm_txt.letter-parts:not(.ayat-nocolor) .D{font-family:AmiriQuranWeb}#dark:checked~#body .help-part{color:#f66}#dark:checked~#body summary::marker{color:#f66}#dark:checked~#body details *{color:#aaf}#dark:checked~#body a{color:#adf}#dark:checked~#body kbd{color:#000}#dark:checked~#body summary{color:#fff}a *{color:inherit!important}.help-part{font-weight:400;color:#c00;font-size:120%}.help-part::after{content:" :."}.help-part::before{content:".: "}details *{color:#008}summary{color:#000;margin-right:-.2em}details strong{border-bottom:.1em solid}summary::marker{color:#c00}#mvbtns{position:fixed;bottom:1em;height:2em;right:calc(48vw - var(--mv-all-width)/ 2);margin:0;transition:opacity .1s ease-in-out;z-index:1}#mvbtns.sidebtns{--btn-base-width:min(35vh, 10rem);--all-width:min(80vh, 35rem);position:fixed;width:100vh;top:0;transform-origin:top right;transform:rotate(-90deg);z-index:11}#mvbtns.sidebtns.rightside{right:3em}@media (max-width:519px){#mvbtns.sidebtns.rightside{right:2em}}#mvbtns.sidebtns.leftside{right:calc(100vw - 1em)}@media (max-width:519px){#mvbtns.sidebtns.leftside{right:100vw}}.bh button{display:inline-block;margin:.5em;width:10em;max-width:35vw;padding:.5em}.bh,select{margin:.5em 0}hr{margin-top:1em}.bh{display:flex;justify-content:center}.bh button{width:0;flex-basis:8em;margin:0 .5em}@media (max-width:519px){.b3 button{white-space:pre}}@media (max-width:359px){.bh button{white-space:pre}}@media (max-width:319px){.b3 button{font-size:80%}}#header button{margin:.25rem}#preloader{display:none}#player{display:block;margin-left:-5rem;width:10em;left:50vw;position:fixed;top:0;transition:opacity .5s ease-in-out;opacity:0;visibility:hidden;z-index:30}.help-part{margin-bottom:.4rem}details,details *{margin:0;margin-bottom:.5rem}details>:last-child{margin-bottom:.8rem}.details-content{background-color:var(--details-bg);box-shadow:0 0 .2em 0 var(--details-shadow);width:calc(var(--all-width) - 10%);margin-right:-.1em;padding-top:.4rem;padding-bottom:.2rem;padding-left:5%;padding-right:5%}#help b{display:block;color:#000;margin:.8rem 0 .2rem 0}a{color:#00f}a:visited{color:purple}a:hover{text-shadow:1pt 1pt 2pt #add8e6}a:active{color:red;text-shadow:1pt 1pt 2pt #add8e6}.tab{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.tab~label{user-select:none}#help{display:flex;flex-direction:column-reverse}#help{margin:0;box-sizing:border-box;width:var(--all-width)}#optiontoggle+label:before{content:"أظهر"}#optiontoggle:checked+label:before{content:"أخفِ"}#helpcontent ul{text-align:right}.tab+label{font-weight:400;box-sizing:border-box;--label-gap:0.5rem;--small-width:2rem;--margin-bottom:1rem;--padding:0.5rem;--height:2.2rem;--big-width:calc(var(--all-width) - var(--label-gap) - var(--small-width));line-height:1.2;padding:var(--padding);margin-bottom:var(--margin-bottom);height:var(--height);background:var(--tab);color:var(--tab-txt);box-shadow:1px 3px 4px rgba(0,0,0,.3);border-radius:0 0 1rem 1rem;z-index:20;position:relative}#dark:checked~#body .tab+label{box-shadow:1px 3px 4px rgba(255,255,255,.3)}#optiontoggle+label{width:var(--big-width)}#helptoggle+label{width:var(--small-width);right:calc(var(--big-width) + var(--label-gap));top:calc(-1*var(--height) - 2*var(--padding));margin-bottom:calc(-1*var(--height));z-index:21}.contentcontainer{width:calc(var(--all-width) - .2rem);padding:.1rem;padding-bottom:1rem;background:rgb(var(--content-rgb));box-shadow:1px 3px 4px rgba(0,0,0,.3);margin:0;margin-top:-1.1rem;z-index:5}#help summary{padding-left:1rem;padding-right:1rem}#help details{scroll-margin:0.5rem}#helptoggle:not(checked)~#helpcontent{overflow:hidden;max-height:0;transition:max-height 1s cubic-bezier(0, 1, 0, 1),visibility 1s step-end;visibility:hidden}#helptoggle:checked~#helpcontent{max-height:32766px;transition:max-height 3s ease-in,visibility 3s step-start;visibility:visible}#optiontoggle:not(checked)~#options{overflow:hidden;max-height:0;transition:max-height 1s cubic-bezier(0, 1, 0, 1),visibility 1s step-end;visibility:hidden}#optiontoggle:checked~#options{max-height:32766px;transition:max-height 3s ease-in,visibility 3s step-start;visibility:visible}.tab+label:hover{background:var(--tab-active);color:var(--tab-active-txt)}.tab:focus-visible+label{background:var(--tab-active);outline:medium solid deepskyblue}kbd{font-family:serif;direction:ltr;font-size:.7rem;background-color:#e7e7e7;border:1px solid #888;border-radius:.5em;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;color:#000;display:inline-block;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0 #fff}.roman{font-size:80%}.roman,.roman *{font-family:serif;direction:ltr}summary{outline:0}details[open]>.details-content{animation:fade-in .5s ease-in-out}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#zzback{display:block;margin:auto;margin-top:.5em}#end_of_header{margin:0;margin-top:.2em}@media screen and (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.popup{display:none;visibility:hidden;opacity:0;transition:1s opacity;position:fixed;top:0;right:0;width:100%;height:100%;overflow:scroll;z-index:50;background:rgb(var(--background-rgb))}.pc{padding:1em;width:var(--all-width);margin:0 auto}.pc>*{font-size:1.25em}.pc>* *{font-family:inherit;font-size:inherit}.x{opacity:.25;transition:.75s opacity;position:fixed;top:.5em;left:.5em;cursor:pointer;width:2em;height:2em}.x:focus,.x:hover{opacity:1}.x line{stroke:rgb(var(--background-rgb))}.x circle{fill:var(--uitxt)}#spinner{animation:spin 1.6s infinite linear;stroke:var(--uitxt)}@keyframes spin{0%{transform:rotate(0turn)}100%{transform:rotate(1turn)}}#spinner-svg{width:4em;margin:1em auto;vertical-align:bottom}.aya{font-family:AmiriQuranWeb!important}.A{cursor:help}#tafsirhint .A{cursor:initial}#tvtxt{text-align:right;line-height:1.8}#tafsirhint{margin:.5em auto 0;opacity:.5}#tafsirhint.f{margin-top:4em;opacity:1}#tv [lang],.tafsir,.tafsir>option{font-family:"Noto Sans Arabic","Noto Sans"}#tsel_ujo{font-size:80%;margin:auto;width:25em;min-width:75%;max-width:100%}@media (max-width:359px){#tsel{display:block;width:100%}}#tvtxt[dir=ltr],#tvtxt[dir=ltr] *{text-align:left}#sx *{font-family:KacstOne}#sxi{width:var(--all-width)}#sx input{min-width:8em}#sura_sx{font-family:Cortoba;margin-left:.5em;width:6em}#sxi{display:flex;flex:row}#sx input{flex-grow:100}@media (max-width:428px){#sura_sx{font-size:90%}}@media (max-width:409px){#sxi{display:block}#sura_sx{margin-bottom:.5em}#sx input{width:97%}}#sx center{margin:2em 0}#sx svg+center{margin-top:0}#sxr .ac{text-align:right;background:var(--sxr);border-radius:1rem;padding:1rem;margin:1.5rem 0;overflow:hidden;position:relative;transition:.25s filter}#sxr .ac:before{content:'';position:absolute;left:0;right:0;width:100%;height:100%;margin:-1rem 0;box-shadow:var(--sxra-shadow)}#sxr .ac:active,#sxr .ac:hover{filter:var(--sxrh)}.s_a{background:var(--sxsa);border-radius:0 1rem 0 1rem;padding:3rem 1rem .5rem .75rem;margin:0 -1rem 0 1rem}@media (max-width:359px){.s_a{display:block;padding:1rem;margin:-1rem -1rem 0 -1rem}}#sxr .aya{line-height:2.75}#sxr:focus,#sxr:hover{cursor:pointer}