@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);@font-face{font-family:MeQuran;src:url(//cdn.alquran.cloud/public/fonts/me_quran-webfont.otf)}@font-face{font-family:MeQuran2;src:url(//cdn.alquran.cloud/public/fonts/me_quran_2.ttf)}@font-face{font-family:NooreHidayah;src:url(//cdn.alquran.cloud/public/fonts/noorehidayat.ttf)}@font-face{font-family:Othmani;src:url(//cdn.alquran.cloud/public/fonts/ar-Othmani.ttf)}@font-face{font-family:Quran;src:url(//cdn.alquran.cloud/public/fonts/QUR_STD.TTF)}@font-face{font-family:Uthmani;src:url(//cdn.alquran.cloud/public/fonts/uthman_tn09.otf) format("opentype")}:root [data-theme=dark]{--qjs-background:#1a202c;--qjs-backcard:#202733;--qjs-card:#2d3748;--qjs-color:#fff;--qjs-hover:#43526c;--qjs-text:#9caec0;--qjs-elem:#e2e8d5;--qjs-filter:invert(1)}:root [data-theme=light]{--qjs-background:#f0f0f0;--qjs-backcard:#adadad;--qjs-card:#e2e2e2;--qjs-color:#1a1a1a;--qjs-hover:#ccc;--qjs-text:#3d3d3d;--qjs-elem:#2e2e2e;--qjs-filter:invert(0)}*{transition:all .6s;scroll-behavior:smooth}* ::-webkit-scrollbar{width:10px;height:6px}* ::-webkit-scrollbar-track{background:var(--qjs-backcard)}* ::-webkit-scrollbar-thumb{background:var(--qjs-card)}* ::-webkit-scrollbar-thumb:hover{background:var(--qjs-hover)}body{direction:rtl;background:var(--qjs-background);font-family:Noto Sans Arabic,sans-serif;scroll-behavior:smooth;transition:all .6s}body .page .card{padding:10px;border:0;background:var(--qjs-card);color:var(--qjs-color);margin-bottom:15px}body .page .card svg{width:50px;margin:auto;margin-bottom:12px}body .alert{border:0}body .get_save{background:var(--qjs-card);color:var(--qjs-color);border:0;padding:5px 10px;border-radius:10px;margin:10px 0}body div#nav{position:relative;text-align:center}body div#nav img{filter:var(--qjs-filter);width:120px;margin:35px auto;display:block}body div#nav a,body div#nav button{position:absolute;color:var(--qjs-color);background:transparent;border:0;width:25px;height:25px}body div#nav a.r,body div#nav button.r{top:16px;right:16px}body div#nav a.l,body div#nav button.l{top:16px;left:16px}body .setting_reader{position:absolute;top:-100px;right:6px;background:var(--qjs-card);border-radius:6px}body .setting_reader button{background:transparent;border:0;color:var(--qjs-color);font-size:12px}body .setting_reader button svg{width:15px;height:15px}body .setting_save{position:absolute;top:-70px;right:6px}body .setting_save button{background:var(--qjs-card);color:var(--qjs-color);border:0;margin-bottom:5px;padding:5px 10px;font-size:10px}body .setting_font{position:absolute;left:16px;top:-40px}body .setting_font a,body .setting_font button{background:transparent;color:var(--qjs-color);border:0;width:20px;margin:0 10px;display:inline-block}body .setting_font a svg,body .setting_font button svg{color:var(--qjs-color)}body .setting_font span{color:var(--qjs-color);width:30px;display:inline-block}body div.ayah{font-family:MeQuran}body div.ayah,body div.ayah input.page_number{background:var(--qjs-card);color:var(--qjs-color);text-align:center}body div.ayah input.page_number{width:60px;font-family:sans-serif;font-size:14px;margin-top:5px;border:0}body div.ayah.load{overflow:hidden;position:relative;min-height:200px}body div.ayah.load[aria-load=true] .spinner{position:absolute;top:0;right:0;width:100%;height:100%;background:hsla(0,0%,100%,.481);padding:30%;text-align:center;z-index:2;display:block}body div.ayah.load[aria-load=true] .spinner .spinner-border{color:var(--qjs-color)}body div.ayah.load[aria-load=false] .spinner{display:none}body div.ayah.but,body div.ayah.reader{text-align:right!important;margin-bottom:10px;background:var(--qjs-hover)}body div.ayah.reader{padding:5px}body div.ayah.reader svg{float:right;margin-left:10px;width:20px;height:20px}body div.ayah.reader div{display:inline-block;overflow:auto;width:92%}body div.ayah.reader div ul{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-family:Noto Sans Arabic;height:32px;scroll-behavior:smooth}body div.ayah.reader div ul li{display:inline-block;font-size:12px;padding:2px 10px;margin:0 5px;border-radius:10px;background:var(--qjs-card)}body div.ayah.reader div ul li[variant=primary]{background:var(--qjs-background)}body div.ayah button.iplay{position:relative;background:var(--qjs-hover);color:var(--qjs-color);border:0;font-family:Noto Sans Arabic,sans-serif;transition:all .6s}body div.ayah button.iplay .spinn{-webkit-animation-name:rotate360;animation-name:rotate360;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}body div.ayah button.iplay .volume{position:absolute;z-index:-1;width:140px;height:50px;background:var(--qjs-backcard);padding:10px;top:-50px;right:0;left:0;margin:auto;opacity:0}body div.ayah button.iplay .volume input[type=range]{-webkit-appearance:none;outline:none;color:var(--qjs-card)}body div.ayah button.iplay .volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;border:0;background:var(--qjs-hover);color:var(--qjs-card)}body div.ayah button.iplay .volume input[type=range]::-moz-range-thumb{border-radius:0;border:0;cursor:pointer;background:var(--qjs-hover);color:var(--qjs-card)}body div.ayah button.iplay:active,body div.ayah button.iplay:focus,body div.ayah button.iplay:hover,body div.ayah button.iplay:target,body div.ayah button.iplay:visited{background:var(--qjs-backcard)}body div.ayah button.iplay:active .volume,body div.ayah button.iplay:focus .volume,body div.ayah button.iplay:hover .volume,body div.ayah button.iplay:target .volume,body div.ayah button.iplay:visited .volume{opacity:1;z-index:2}body div.ayah button.iplay[variant=primary]{background:var(--qjs-backcard);transition:all .6s}body div.ayah button.iplay[variant=primary] small{width:auto;font-size:small;display:inline-block;transition:all .6s}body div.ayah button.iplay small{width:0;font-size:0;display:none;transition:all .6s}body div.ayah button.iplay small input{width:40px;height:30px;padding:2px 5px;border:0;border-radius:0;background:var(--qjs-card);color:var(--qjs-color)}body div.ayah button.iplay svg{padding:5px;width:30px}body div.ayah .basmala{display:block;width:100%;margin:12px 0}body div.ayah .basmala img{width:250px;display:block;margin:auto;filter:var(--qjs-filter)}body div.ayah strong{line-height:2rem;word-spacing:.2rem;font-weight:100}body div.ayah strong:first-child{padding-left:8px}body div.ayah strong:last-child{padding:0 8px}body div.ayah strong.x-start,body div.ayah strong:hover{background:var(--qjs-hover);border-radius:.4rem}body div.ayah .numbers{padding:0 6px;margin:0 8px;border-radius:10px}body div.ayah .bpage,body div.ayah .numbers{font-family:Quran;background:var(--qjs-hover)}body div.ayah .bpage{position:relative;width:100%;display:block;padding:10px 0;text-align:center;margin-top:15px;font-size:20px}body div.ayah .bpage button{background:transparent;color:var(--qjs-color);border:0;font-size:10px;font-family:Arial,Helvetica,sans-serif;width:45px}body div.ayah .bpage button.button-right{padding-right:10px}body div.ayah .bpage button.button-left{padding-left:10px}body div.ayah span.of-surah{display:block;text-align:right;margin-bottom:5px;padding:5px;padding-bottom:12px;font-size:12px;color:var(--qjs-text)}body div.ayah span.in-surah{background:var(--qjs-hover);width:100%;display:block;padding:10px 0;text-align:center}body div.ayah span.in-surah b{font-size:12px;color:var(--qjs-card)}body div.search,body div.search input{background:var(--qjs-card)}body div.search input{color:var(--qjs-color)}body div.search input:focus-visible{outline:0}body div#surahs .surah .card{background:var(--qjs-card);transition:all .6s}body div#surahs .surah .card:hover{background:var(--qjs-backcard);transition:all .6s}body div#surahs .surah .card:hover a,body div#surahs .surah .card:hover a div{background:transparent}body div#surahs .surah .card a b{font-size:40px;float:right;padding-left:6px;color:var(--qjs-text)}body div#surahs .surah .card a div{color:var(--qjs-elem);padding-top:10px;font-weight:700}body div#surahs .surah .card a div small{font-size:12px;display:block;font-weight:400}body footer{font-family:Noto Sans Arabic;font-size:12px;color:var(--qjs-color);margin-top:30px;margin-bottom:20px}body [type=link]{color:var(--qjs-background);background:transparent;border:0}@-webkit-keyframes rotate360{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(6)}}@keyframes rotate360{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(6)}}