.V8aWcH27{margin:20px 0;width:calc(var(--suraList-width) - 10px);height:calc(100vh - 200px);overflow-y:scroll;padding-bottom:60px}@media only screen and (max-width: 768px){.V8aWcH27{width:100%}}.maBs17Wi{display:flex;cursor:pointer;margin:1px 0;padding:10px 13px;border-radius:var(--suraList-item-border-radius)}.maBs17Wi:hover{background:var(--input-bg-color)}.V8aWcH27 p{font-family:var(--font-family-main);font-size:var(--font-size-m);color:var(--color-text)}.FN9Al9PJ{display:flex;align-items:center;text-align:center;justify-content:center;width:24px}.TLqSbaRY{font-weight:400;margin-left:10px}.V8aWcH27 .rmZizC3Z{background:var(--input-bg-color)}.V8aWcH27 .rmZizC3Z p{font-weight:550}.H5hCBeph{transition:scroll-top .3s}
.q5Q9a78z{border:1px solid var(--input-bg-color);font-family:var(--font-family-main);background:var(--input-bg-color);font-size:var(--font-size-m);border-radius:var(--suraList-item-border-radius);padding:8px 14px;outline:none;width:100%;color:var(--color-text)}.q5Q9a78z::placeholder{color:var(--text-primary-color)}.q5Q9a78z:focus{border:1px solid var(--icon-hover-bg-color)}
.ucKJo7o9{width:100%;height:50px;position:relative;box-shadow:var(--skeleton-shadow);overflow:hidden}.ucKJo7o9::before{content:"";display:block;position:absolute;left:-150px;top:0;height:100%;width:80%;background:linear-gradient(to right, transparent 0%, var(--skeleton-color) 50%, transparent 100%);animation:enVUx1yk 1s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes enVUx1yk{from{left:-150px}to{left:100%}}
.dREZhQWT{margin:20px 0;width:calc(var(--suraList-width) - 10px);height:calc(100vh - 200px);overflow-y:scroll;padding-bottom:60px}@media only screen and (max-width: 768px){.dREZhQWT{width:100%}}.NCtf3ZfG{display:flex;cursor:pointer;margin:1px 0;padding:10px 13px;border-radius:var(--suraList-item-border-radius)}.NCtf3ZfG:hover{background:var(--input-bg-color)}.dREZhQWT p{font-family:var(--font-family-main);font-size:var(--font-size-m);color:var(--color-text)}.Dvkms23M{display:flex;align-items:center;text-align:center;justify-content:center;width:24px}.Snk226TC{font-weight:400;margin-left:10px}.dREZhQWT .TwY3Ayru{background:var(--input-bg-color)}.dREZhQWT .TwY3Ayru p{font-weight:550}.WvFMPYrz{transition:scroll-top .3s}
.cJ_VTBhf{margin:20px 0;width:var(--oyatList-width);height:calc(100vh - 200px);overflow-y:scroll;padding-bottom:60px}@media only screen and (max-width: 768px){.cJ_VTBhf{width:100%}}.q1V06BMX{display:flex;margin:1px 0;padding:10px 13px;border-radius:var(--suraList-item-border-radius);cursor:pointer}.q1V06BMX:hover{background:var(--input-bg-color)}.Y8_QDxHe{display:flex;align-items:center;text-align:center;justify-content:center;width:100%;font-family:var(--font-family-main);font-size:var(--font-size-m);font-weight:400}.cJ_VTBhf p{color:var(--color-text)}.cJ_VTBhf .nXR81h1O{background:var(--input-bg-color)}.cJ_VTBhf .nXR81h1O p{font-weight:600}
.mO43LCqw{display:flex;max-width:1360px;margin:0 auto}.VQWSv9en{justify-content:flex-start}.OrDyDJlD{justify-content:center}.vO6lNh_o{justify-content:flex-end}.s13sAOk4{justify-content:space-between}.xBshVnpQ{align-items:flex-start}.BKr_P3mS{align-items:center}.q87PEMbF{align-items:flex-end}.DXDAMxRg{flex-direction:row}.OCAXCLkJ{flex-direction:column}.O3gsOY5E{gap:4px}.RhAIKGQR{gap:8px}.PHCEBqt9{gap:16px}.bYDKVpNz{gap:16px}.Sf2jroc4{gap:32px}.kkxp_XMH{width:100%}.zyGjhfZV{flex-wrap:wrap}.BgxsRyCp{flex-wrap:nowrap}
.uUTPikQz{width:100%;position:fixed;top:0;left:0;background-color:var(--bg-widget);height:var(--navbar-height);z-index:1000;color:var(--color-text)}.tvUipEtk{background-color:var(--bg-widget);height:var(--navbar-height);display:flex;align-items:center;color:var(--color-text)}.yFHSqTtN{font-weight:bold;user-select:none}@media screen and (max-width: 1200px){.yFHSqTtN{font-size:16px}}@media screen and (max-width: 992px){.yFHSqTtN{display:none}}.EzTYbLSh{width:120px;margin:0;margin-top:6px;color:var(--color-text);cursor:pointer}@media screen and (max-width: 484px){.EzTYbLSh{display:none}}.IOYvn6Xe{justify-content:start !important;margin-left:10px;min-width:200px}@media screen and (max-width: 992px){.IOYvn6Xe{width:50%;min-width:50px}}.r_og6VAF{margin-right:10px;display:flex;align-items:flex-start;gap:10px;min-width:200px}@media screen and (max-width: 992px){.r_og6VAF{width:50%}}.klgE4WIJ{color:var(--color-text);cursor:pointer;width:20px;height:20px}.CMGOJ3nm,.hFyzYH2q{color:var(--color-text);text-align:center;font-size:22px;font-style:normal;font-weight:500;line-height:normal}.NEe7yGXq img{width:60px;margin:0 5px}.JyPerkzY{background-color:var(--bg-header) !important;color:#fff !important}.alKCpx7J{border:1px solid var(--bg-header) !important;color:var(--color-text) !important;background-color:var(--bg-widget) !important}

.ACkMdyXq{position:fixed;height:90vh;width:100%;top:0;border-radius:2px;transition:all .5s;right:0;display:flex;justify-content:space-between}.os2nqpVl{width:100%;height:100vh}@media only screen and (max-width: 768px){.os2nqpVl{width:0}}.EKhqgdL4{width:342px !important;height:100vh;background-color:var(--bg-widget);z-index:1000 !important}@media only screen and (max-width: 768px){.EKhqgdL4{width:100vw !important}}.aUEJvIna{transform:translateX(100%)}
.O0Qfdg0R{height:100%;overflow:auto}.QApXfkHX{padding:12px;font-size:20px;font-weight:500;font-family:sans-serif;color:var(--color-text)}.KJjeXmnP{width:100%;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:start;align-items:start;transition:all .2s linear}.KJjeXmnP:hover{color:#74a2b2}.OTxjl1Db{width:100%;text-align:left;font-family:sans-serif;font-size:20px;font-style:normal;font-weight:400;gap:16px;line-height:normal;color:var(--color-text);display:flex;padding:12px;align-items:center;border-bottom:var(--border-line) .1px solid;opacity:.7}.OTxjl1Db:first-child{border-top:var(--border-line) .1px solid}.OTxjl1Db:hover{opacity:1}.AsKbQZSg{color:var(--color-text);width:16px !important;height:16px !important;margin-right:8px}
.bC6t6ZVA{padding:0 12px}.KaHCm2nH{position:relative;height:50px;margin-top:20px;align-items:center;padding:6px 12px;border-bottom:var(--border-line) .1px solid}.oWGMzHL_{position:absolute;top:0;right:0;cursor:pointer;width:40px;height:40px;padding:12px;border-radius:5px;transition:background-color .2s}.poHSejaI{color:var(--color-text);text-align:center;font-family:sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.owAEMhyC{color:var(--color-text);text-align:center;font-family:sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal;padding:18px 12px 6px}.RHlrnYxf{padding:6px 12px;border:var(--border-line) 1px solid}.ejsiDTMj,.RHlrnYxf{color:var(--color-text)}.JdDyt1iL{border-top:var(--border-line) solid .1px;border-bottom:#272727 solid .1px;padding-bottom:20px;font-family:sans-serif}.ejsiDTMj{display:flex;justify-content:center;align-items:center;padding:18px 12px 6px;cursor:pointer;background-color:rgba(0,0,0,0);outline:none;border:none;color:var(--color-text);text-align:center;font-family:sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:normal}.QKmxXHHt{color:var(--color-text)}@media only screen and (max-width: 768px){.QKmxXHHt{display:flex;flex-direction:column;align-items:center}}@media only screen and (max-width: 768px){.ZRNQQ77p{display:flex;flex-direction:column;align-items:center}}@media only screen and (max-width: 768px){.JKmlG60K{display:flex;flex-direction:column;align-items:center}}
.iXJDMkKV{width:100%;display:flex;margin:0 auto;align-items:center;justify-content:center}.iXJDMkKV .i_MQ8TZl{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-color-swetchbtn);border-radius:30px;padding:5px;overflow:visible}.iXJDMkKV .fQ2b0yWw{left:0;top:0;position:absolute;width:100px;height:85%;border-radius:30px;background-color:var(--wrapper-number-surah);transition:.5s;margin:5px;-webkit-box-shadow:0 0 10px 3px rgba(34,60,80,.2);-moz-box-shadow:0 0 10px 3px rgba(34,60,80,.2);box-shadow:0 0 10px 3px rgba(34,60,80,.2)}.iXJDMkKV .CUE9Nyk7{width:100px;padding:15px 10px;cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:none;position:relative;text-align:center;user-select:none;font-size:16px;color:var(--color-text)}
.mpeExwr2{display:flex;flex-direction:column;width:100%;border-top:var(--border-line) solid .1px;padding-bottom:20px;align-items:center;margin-bottom:20px}@media only screen and (max-width: 768px){.mpeExwr2{display:flex;flex-direction:column;align-items:center;justify-content:center}}.dNtYT33B{display:flex;justify-content:center;align-items:center;padding:18px 12px 6px;cursor:pointer;background-color:rgba(0,0,0,0);outline:none;border:none;color:var(--color-text);text-align:center;font-family:sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:normal}.qIkAOr9k{color:var(--color-text);text-align:center;font-family:sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal;padding:18px 12px 6px}@media only screen and (max-width: 768px){.qIkAOr9k{font-size:22px;font-weight:bold}}.lHmA7yqm{color:var(--color-text)}.GUO2pzmD{border-radius:5px;background:var(--color-text) !important;color:var(--bg-widget) !important;cursor:pointer;text-align:center;font-family:"Proxima Vara";font-size:18px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center}.GUO2pzmD .Jv2pV8rk{color:var(--bg-widget)}.GUO2pzmD:hover{background-color:var(--bg-widget) !important;border:solid 1px var(--border-line);color:var(--color-text) !important}.GUO2pzmD:hover .Jv2pV8rk{color:var(--color-text) !important}.Jv2pV8rk{width:24px;height:24px;color:#fff;margin-right:12px}
.a4nOaSMD{cursor:pointer;color:var(--primary-color);padding:6px 15px}.a4nOaSMD:hover{opacity:.8;fill-opacity:.8;stroke-opacity:.8}.FAEtIpnJ{padding:0;border:none;background:none;outline:none}.DYECq6t7{padding:0;border:none;background:none;outline:none;color:var(--inverted-primary-color)}.pxBl_FAS{border:1px solid var(--primary-color);color:var(--primary-color);background:none}.mqkxX1bp{border:1px solid var(--red-light);color:var(--red-light);background:none}.nXdyjtYb{background:var(--bg-color);color:var(--primary-color);border:none}.EXVU3xfn{background:var(--inverted-bg-color);color:var(--inverted-primary-color);border:none}.pKS1Awqk{padding:0}.pKS1Awqk.xvXQXBtA{width:var(--font-line-m);height:var(--font-line-m)}.pKS1Awqk.rsm7T6wj{width:var(--font-line-l);height:var(--font-line-l)}.pKS1Awqk.WJ8HetTm{width:var(--font-line-xl);height:var(--font-line-xl)}.xvXQXBtA{font:var(--font-m)}.rsm7T6wj{font:var(--font-l)}.WJ8HetTm{font:var(--font-xl)}.AeTCGE3z{opacity:.5}.sirQMfh5{width:100%}
.Vf6WS5nS{width:100%;cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-line) .1px solid;padding:6px 12px;gap:16px;transition:all .2s linear}.Vf6WS5nS:hover{color:#74a2b2}.Ow7Pg15J{text-align:left;font-family:sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;color:var(--color-text);display:flex;width:100%}.XCsK6p7V{color:var(--color-text);width:20px;height:20px;margin-right:12px}
.x6Xzt0wM{width:342px;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.x6Xzt0wM{width:100vw !important}}.CHMwMHlC{color:var(--color-text) !important;width:20px;height:20px;cursor:e-resize}.r1sSlRcH{position:relative;height:50px;padding:6px 12px;border-bottom:rgba(39,39,39,.1921568627) .1px solid;background-color:var(--input-bg-color)}.aLkjV40R{width:100%;border:none;background-color:var(--input-bg-color);outline:none;padding:6px;font-size:20px;color:var(--color-text)}.FeqjbTdo{position:absolute;top:0;right:0;display:block;width:40px;height:40px;padding:12px;border-radius:5px;transition:background-color .2s;margin:4px 0;opacity:.6;cursor:pointer}.FeqjbTdo:hover{opacity:1}.CkEgCjOE{margin:12px 0;padding:0 12px;flex-wrap:wrap}._7_TW5pM2{background-color:var(--color-text) !important;color:var(--bg-widget) !important}
.RevpI591{color:var(--color-text);text-align:left;font-family:sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal;padding:28px 12px 10px 12px}
.PE07saJf{width:30%;height:74px;display:flex;justify-content:space-between;border:var(--color-border-card) 1px solid;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;border-radius:5px;transition:all .3s linear;cursor:pointer}@media screen and (max-width: 992px){.PE07saJf{width:40%}}@media screen and (max-width: 576px){.PE07saJf{width:90%}}.PE07saJf:hover{border:var(--bg-color-hover) 1px solid}.PE07saJf:hover p{color:var(--color-text-hover)}.PE07saJf:hover pre{color:#fff}.PE07saJf:hover .xNpVZm_t{background-color:var(--bg-color-hover)}.kyB7739m{display:flex;flex-direction:column;gap:8px}.LFzmsNIm{font-family:"Helvetica Neue";color:var(--color-text)}.gi_Yjq5h{transition:all .5s linear;background-color:#258c91;color:#fff}.vnmqVS4_{font-size:24px;text-align:left;color:var(--color-text) !important}.yCnnCrnR{clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);border-radius:12px}.g7s4eN7U{font-family:"surah-111";font-size:32px;color:var(--color-text)}.ZSyb7KuZ{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between !important}.VNLnReYt{display:flex;align-items:center;padding-left:30px}.eef3Itgu{margin-right:12px}.WycJy4U2{background-color:var(--bg-color-hover) !important}.WycJy4U2 pre{color:#fff !important}.YlRmaKb5{margin-right:12px}.YlRmaKb5 p{color:var(--color-text-hover) !important}.s5Te14M4{color:var(--color-text-hover);font-family:"Helvetica Neue"}.T0FGxjDd{font-size:24px;text-align:left;color:var(--color-text) !important}.Sv82Uk9t{width:30%;height:74px;display:flex;justify-content:space-between;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;border-radius:5px;transition:all .3s linear;cursor:pointer;border:var(--bg-color-hover) 1px solid}@media screen and (max-width: 992px){.Sv82Uk9t{width:40%}}@media screen and (max-width: 576px){.Sv82Uk9t{width:90%}}
.HInZZj3h{display:block;background-color:#fff;font-size:16px;text-align:center;padding:6px 12px;color:#000;text-decoration:none;list-style:none;border-radius:20px;cursor:pointer}
.cajoX8Py{width:100%;display:flex;justify-content:space-between;height:100vh;position:fixed;top:0;left:0}.cajoX8Py .HUrd8OJm{width:342px !important;height:100vh;background-color:var(--bg-widget);box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;z-index:1000 !important}@media only screen and (max-width: 768px){.cajoX8Py .HUrd8OJm{width:100vw !important}}.w2rsukBB{width:342px !important;display:flex;align-items:center;margin-bottom:2px;border-bottom:.1px solid var(--color-border-card);padding-bottom:15px;padding-top:8px}@media only screen and (max-width: 768px){.w2rsukBB{width:100% !important}}.UchHkWfs{font-size:24px;font-weight:bold;color:var(--color-text);margin-left:12px;margin-top:12px;width:120px;cursor:pointer}.Hbv7djk2{cursor:pointer;width:40px;height:40px;padding:12px;margin-top:10px;border-radius:5px;margin-right:12px;transition:background-color .2s}.OY7jRV06{transform:translateX(-100%)}.wxvwUCVW{height:100vh;overflow-y:hidden;width:100%;background-color:rgba(4,3,3,0)}@media only screen and (max-width: 768px){.wxvwUCVW{width:0 !important}}
.JQaNMxXY{margin:20px 0;width:var(--oyatList-width);height:calc(100vh - 200px);overflow-y:scroll;padding-bottom:60px}@media only screen and (max-width: 768px){.JQaNMxXY{width:100%}}.OQRJOnkA{display:flex;margin:1px 0;padding:10px 13px;border-radius:var(--suraList-item-border-radius);cursor:pointer}.OQRJOnkA:hover{background:var(--input-bg-color)}.wXsmX3fT{display:flex;align-items:center;text-align:center;justify-content:center;width:100%;font-family:var(--font-family-main);font-size:var(--font-size-m);font-weight:400}.JQaNMxXY p{color:var(--color-text)}.JQaNMxXY .rucNn3nb{background:var(--input-bg-color)}.JQaNMxXY .rucNn3nb p{font-weight:600}
.MqWR8O4U{height:100%;display:flex;justify-content:center}
.OURVPHqo{display:flex;justify-content:center;margin-block-start:var(--spacing-xxsmall);margin-block-end:calc(1.5*var(--spacing-mega))}.OURVPHqo .AxsZJ96M{width:250px;height:50px;color:var(--color-text)}.OURVPHqo .AxsZJ96M .wsrOvpa6{color:red}
.YCcUTR4t{width:100%;display:flex;justify-content:center;margin:20px auto}.YCcUTR4t span{line-height:normal;font-family:"surah-111";font-size:var(--font-size-large);color:var(--color-text)}.JJiQk5tM span{font-size:var(--font-size-xsmall)}.cZPu0lTN span{font-size:calc(2*var(--font-size-jumbo))}.EAp_h2Eu span{font-size:calc(1.5*var(--font-size-jumbo))}
.PDhM07hZ{width:100vw;height:auto;display:flex;flex-direction:column;align-items:center}.qfNHGN7F{width:1654px;height:2339px;overflow-y:hidden}@media only screen and (max-width: 1680px){.qfNHGN7F{width:770px;height:989.9032648126px}}@media only screen and (max-width: 1000px){.qfNHGN7F{width:100vw;height:141.4147521161vw}}.ZyEmQVp2{margin:10px 0}
.GuKiR2zo{padding:0 20px;padding-top:80px;padding-bottom:40px;width:100%;max-width:1300px;margin:0 auto}.uOc1dtnz{width:100%;display:flex;align-items:center;justify-content:start;gap:55px;margin-bottom:25px}.PIz9AmFj{font-family:sans-serif;color:var(--color-text);font-size:var(--font-size-xl)}.z04CDbxw{position:relative;width:541px;height:49px;box-shadow:rgba(0,0,0,.16) 0px 1px 4px;border-radius:50px}.vQf67p3x{position:absolute;right:17px;top:11px;transform:scale(1.2);color:#2ca4ab}.uOc1dtnz input{width:100%;height:100%;outline:none;border:none;padding:10px 20px;border-radius:50px;color:var(--color-text);background-color:var(--bg-widget)}.uOc1dtnz input::placeholder{color:var(--color-text)}@media only screen and (max-width: 768px){.uOc1dtnz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.PIz9AmFj{font-size:var(--font-size-l)}.z04CDbxw{width:100%}}.DXW8RFXh{display:flex;align-items:center;gap:35px}.pGEAGwbV{color:var(--color-text);font-size:18px;cursor:pointer}.EWbaMRkH{color:#2ca4ab}.ux6BLI79{font-family:sans-serif;color:var(--color-text);font-size:var(--font-size-l)}.ux6BLI79 a{margin:0 5px;color:var(--color-text)}.ux6BLI79 a:hover{color:#2ca4ab;text-decoration-line:underline}@media only screen and (max-width: 768px){.ux6BLI79{text-align:center;font-size:var(--font-size-m)}}.RGmWRxjP{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:19px;margin:25px 0}@media only screen and (max-width: 1200px){.RGmWRxjP{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 768px){.RGmWRxjP{grid-template-columns:1fr}}.GuKiR2zo .axHXyp7_{width:100%;max-width:410px;margin:0 auto;display:flex;flex-direction:column;gap:1px;padding:15px;border-radius:15px;background-color:var(--bg-widget);border:1px solid var(--border-line)}.GuKiR2zo .PmkLCCH7{display:flex;justify-content:space-between;align-items:center;gap:11px}.GuKiR2zo .PmkLCCH7 img{max-height:270px}.GuKiR2zo .UGg2uvkt{width:100%;height:100%;min-height:215px;border-radius:11px;padding:5px 0}.GuKiR2zo .V7qogZGq{width:100%;display:flex;flex-direction:column;justify-content:space-between}.GuKiR2zo .PmkLCCH7 p{font-size:var(--font-size-m);line-height:var(--font-line-m);color:var(--primary-color-text);height:213px;overflow:auto}.GuKiR2zo .PmkLCCH7 button{width:100%;height:45px;display:flex;align-items:center;justify-content:center;border:none;outline:none;color:#fff;cursor:pointer;margin-top:10px;border-radius:5px;font-size:var(--font-size-l);background-color:#2ca4ab}.GuKiR2zo .PmkLCCH7 button:active{transform:scale(1.01)}.GuKiR2zo .fWoLxnjG{display:flex;justify-content:space-between;align-items:center;gap:11px}.GuKiR2zo .m35O497v{width:100%;display:flex;flex-direction:column;gap:5px}.GuKiR2zo .jN35WcFK{font-size:calc(var(--font-size-m) - 1px);color:var(--primary-color-text)}.GuKiR2zo .HXhiGpRp{font-size:calc(var(--font-size-l) - 2px);color:var(--color-text);opacity:1}.GuKiR2zo .MMg1dq38{display:flex;align-items:center;gap:2.5px;color:var(--primary-color-text);font-size:15px}.GuKiR2zo .hN393CYP{font-size:var(--font-size-l)}.GuKiR2zo .b__Okbsr{width:100%}.GuKiR2zo .f9ZUvEa4{width:100%;height:45px;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;border-radius:5px;font-size:var(--font-size-l);border:2px solid var(--border-line);user-select:none}.GuKiR2zo .f9ZUvEa4:active{transform:scale(1.01)}.GuKiR2zo .f9ZUvEa4 p{width:75%;height:100%;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--primary-color-text);border-right:2px solid var(--border-line)}.GuKiR2zo .luSeiRrT{display:flex;width:25%;align-items:center;justify-content:center;color:var(--primary-color-text)}
._qb7f727{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:5000;display:flex;justify-content:center;align-items:center}.tDXJTqtj{width:64px;height:64px;border:8px solid;border-color:#b89f78 rgba(0,0,0,0);border-radius:50%;animation:AOe_nnk8 .9s linear infinite}@keyframes AOe_nnk8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.ItqGy7YS{margin-right:5px}
.Bhq4zQo_{display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:120px;height:fit-content;gap:20px}@media only screen and (max-width: 768px){.Bhq4zQo_{gap:0px}}
.kbwoObzW{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px auto;text-align:center}@media only screen and (max-width: 768px){.kbwoObzW{width:98% !important;margin:10px auto;justify-content:center}}.wLb5p1UD{display:flex;align-items:center;justify-content:flex-end;gap:10px}.MvEnJDfx{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:var(--color-text);padding:10px;border:1px solid var(--color-text);background-color:var(--bg-color);border-radius:5px}@media only screen and (max-width: 768px){.MvEnJDfx{padding:5px}}.kbwoObzW .gdiHJW6W{display:flex;align-items:center;gap:12px;user-select:none;cursor:pointer;color:var(--color-text);padding:10px;border:1px solid var(--color-text);background-color:var(--bg-color);border-radius:5px;transition:all .2s}@media only screen and (max-width: 768px){.kbwoObzW .gdiHJW6W{gap:6px;padding:5px}}.K5zkQOJ0{margin:10px auto 10px auto;display:flex;align-items:center;justify-content:center}.pXUguyXz{list-style:none !important;text-decoration:none !important;color:var(--color-text)}.pXUguyXz .RwGjSRR1{width:100%;display:flex;align-items:center;user-select:none;padding:10px;border:1px solid var(--color-text);cursor:pointer;background-color:var(--bg-color);border-radius:5px;transition:all .2s}@media only screen and (max-width: 768px){.pXUguyXz .RwGjSRR1{padding:5px}}.pfIxTkwi{display:flex;justify-content:center;align-items:center}
.PZs7H6vT{width:100%;min-height:120px;height:fit-content;box-shadow:rgba(0,0,0,.24) 0 3px 8px;border-radius:2px;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color)}@media only screen and (max-width: 768px){.PZs7H6vT{flex-direction:column}}@media only screen and (max-width: 576px){.PZs7H6vT{flex-direction:column;box-shadow:none;border:1px solid var(--color-border-card);border-radius:0px}}.n8t1pxxr{width:100%;margin:0 auto;box-shadow:rgba(0,0,0,.24) 0 3px 8px;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;padding:20px}
.SZ0xbJFe{width:100%;display:flex;margin:30px auto;align-items:center;justify-content:center}@media only screen and (max-width: 470px){.SZ0xbJFe{transform:scale(0.8)}}.SZ0xbJFe .lBN1Rekz{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-color-swetchreading);border-radius:30px;padding:5px;overflow:visible}.SZ0xbJFe .CAWL7nZE{left:0;top:0;position:absolute;width:120px;height:80%;border-radius:30px;background-color:var(--wrapper-number-surah);transition:.5s;margin:5px;-webkit-box-shadow:0 0 10px 3px rgba(34,60,80,.1);-moz-box-shadow:0 0 10px 3px rgba(34,60,80,.1);box-shadow:0 0 10px 3px rgba(34,60,80,.2)}.SZ0xbJFe .vGmyJvhV{width:120px;padding:10px;cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:none;position:relative;text-align:center;user-select:none;font-size:16px;color:var(--color-text)}.wj3KtZ8H{width:100%;padding:10px;margin:10px 0 10px 0}.wj3KtZ8H .pf7HiFvm{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.wj3KtZ8H .eT2lCooa{border:1px solid var(--border-switch-btn);color:var(--color-text);background-color:var(--bg-switch-btn);text-transform:capitalize;font-weight:400}.wj3KtZ8H .AKip7fwP{background-color:var(--active-bg-switch-btn) !important;color:#fff !important}
.G6fP4gJL{width:100%;max-width:350px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 auto;border:1px solid var(--border-line);border-radius:80px;padding:5px}
.yifqdHLD{display:flex;align-items:center;justify-content:center;user-select:none}.D5ioXh2A{border:1px solid var(--border-line);color:var(--color-text);cursor:pointer;padding:5px 15px;border-radius:50px;font-size:16px}.yifqdHLD .oV6sq_LG{cursor:not-allowed !important}.Vouul6zk label{margin:0 !important}
.bDtoe2Rn{background-color:var(--bg-color)}.Z3ygiUms{border:1px solid var(--border-line);padding:10px;border-radius:20px;background-color:rgba(0,0,0,0);color:var(--color-text);cursor:pointer}.L3nXMs7_{position:absolute;top:10px;right:10px;transform:scale(1.2);color:var(--color-text);cursor:pointer;border-radius:3px;border:1px solid var(--color-text)}.o1NWv1cb{font-size:22px;text-align:center;margin:15px auto;color:var(--color-text)}.Wfyr7yHL{display:flex;align-items:center;gap:15px;margin:20px}.Wfyr7yHL p{font-size:20px;color:var(--color-text)}.Wfyr7yHL div{width:20px;height:20px;border-radius:20px}.q2CYFw2c{background-color:#afafaf}.aiLmMP2r{background-color:#52bbfc}.ybt10YQp{background-color:#2b93fb}.scbFfP5h{background-color:#4472fa}.saF1dHaU{background-color:#afafaf}.WDDXslSx{background-color:#fc8d03}.fIpqK93k{background-color:#fc0709}.q2CYFw2c.CzXJzhmk{background-color:#676767}.aiLmMP2r.CzXJzhmk{background-color:#d21efb}.ybt10YQp.CzXJzhmk{background-color:#ee2ffa}.scbFfP5h.CzXJzhmk{background-color:#ff55f1}.saF1dHaU.CzXJzhmk{background-color:#676767}.WDDXslSx.CzXJzhmk{background-color:#00b602}.fIpqK93k.CzXJzhmk{background-color:#82f101}
.S0A3qXAj{position:fixed;bottom:0;left:0;height:60px !important;width:99%;background-color:var(--bg-color);border-top:2.5px solid var(--reading-navbar-progress);display:flex;flex-direction:column;z-index:1000 !important;align-items:center;justify-content:start}@media only screen and (max-width: 768px){.S0A3qXAj{width:100%}}.S0A3qXAj .XwHh0OvL{width:100%;height:auto;display:flex;flex-direction:column;align-items:center}.S0A3qXAj .HT3FGOgi{width:100%;height:100%}
.rbUeVayW{position:fixed;bottom:0;left:0;height:60px !important;width:99%;background-color:var(--bg-color);display:flex;flex-direction:column;z-index:1000 !important;align-items:center;justify-content:start;padding:0 0 20px}@media only screen and (max-width: 768px){.rbUeVayW{width:100%}}.fHQjoTsP{width:100%;height:4px !important;position:absolute;padding:0 !important;top:0px;left:0}.cwrJ2oMI{width:20px;position:absolute !important;top:0;right:0}.sc7HPeJW{width:100%;background-color:var(--bg-color);display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media only screen and (max-width: 768px){.sc7HPeJW{width:100%;padding:0;display:flex;justify-content:center;align-items:center}}.DN7AWArr,.HQCtFKuf{width:50px !important;height:50px !important;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;color:var(--color-text)}.DN7AWArr:hover,.HQCtFKuf:hover{content:"PLAY";background-color:rgba(128,128,128,.616)}.yCCGWmUJ{width:25px;height:25px;font-weight:bolder;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;fill:var(--color-text) !important}.EvI7GNqe{width:25px;height:25px;font-weight:bolder;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;fill:#2ca4ab}.aFvHBUST{width:20px;height:20px;font-weight:bolder;display:flex;justify-content:center;align-items:center;color:var(--color-text)}.XaFXyoH_{color:var(--color-text)}@media only screen and (max-width: 768px){.XaFXyoH_{display:none}}.QmPwEPOo{color:var(--color-text)}@media only screen and (max-width: 768px){.QmPwEPOo{display:none}}
.RDTN6Mxz{padding:0 20px;padding-top:80px;padding-bottom:40px;width:100%;height:125vh;max-width:1300px;margin:auto}.YimCkO6C{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.YimCkO6C div{display:flex;align-items:center;justify-content:center;padding:0px 20px;border:1px solid var(--border-line);color:var(--color-text);border-radius:10px;cursor:pointer;height:40px;box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px,rgba(10,37,64,.35) 0px -2px 6px 0px inset}.cxggeLfN{gap:10px}.lT3MTnEz{position:relative}.RDTN6Mxz .bIBMCWKR{position:absolute;top:75px;right:9px;cursor:pointer;color:#fff;padding:10px;background-color:#222;border:1px solid #fff;border-radius:10px}
.s3qI958s{display:flex;flex-direction:column;justify-content:center;align-items:center;font:var(--font-l);height:100%;color:var(--color-text);margin:5% auto}.s3qI958s .z59SnMmA{width:100%;max-width:500px;font-size:400px;display:block;color:var(--color-text)}
.qsLxlAAy{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 20px;align-items:center;padding-bottom:20px;gap:10px;justify-content:center;transition:all .3s linear}@media screen and (max-width: 1253px){.qsLxlAAy{grid-template-columns:1fr 1fr}}@media screen and (max-width: 837px){.qsLxlAAy{grid-template-columns:1fr}}.qsLxlAAy .lQooI9z_,.qsLxlAAy .Af4jIusL{width:100%;min-width:400px;height:5rem;max-height:5rem;padding:0 1rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-color);border-radius:5px;border:1px solid var(--color-border-card)}.qsLxlAAy .lQooI9z_ .Q92TFZB6,.qsLxlAAy .Af4jIusL .Q92TFZB6{display:flex;align-items:center;gap:1.5rem;margin:0 .7rem}.qsLxlAAy .lQooI9z_ .X51GDaEZ,.qsLxlAAy .Af4jIusL .X51GDaEZ{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:600;transform:rotate(45deg);background-color:var(--wrapper-number-surah)}.qsLxlAAy .lQooI9z_ .HDU349Fa,.qsLxlAAy .Af4jIusL .HDU349Fa{transform:rotate(-45deg);color:var(--color-text)}.qsLxlAAy .lQooI9z_ .SzyB9NwY,.qsLxlAAy .Af4jIusL .SzyB9NwY{display:flex;gap:.5rem;flex-direction:column;text-align:left;margin-left:1rem}.qsLxlAAy .lQooI9z_ .xWqLhUw_,.qsLxlAAy .Af4jIusL .xWqLhUw_{font-size:16px;font-family:sans-serif;font-weight:500;font-style:normal;line-height:normal;color:var(--color-text)}.qsLxlAAy .lQooI9z_ .vKSdITGQ,.qsLxlAAy .Af4jIusL .vKSdITGQ{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.4rem}.qsLxlAAy .lQooI9z_ .vKSdITGQ .eIOXGnd5,.qsLxlAAy .Af4jIusL .vKSdITGQ .eIOXGnd5{width:3rem;height:3rem;margin:0 auto;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--wrapper-number-surah)}.qsLxlAAy .lQooI9z_ .vKSdITGQ .eIOXGnd5 .IRRTXGBk,.qsLxlAAy .Af4jIusL .vKSdITGQ .eIOXGnd5 .IRRTXGBk{margin-left:3px}.qsLxlAAy .MhTKZS_2{font-size:22px;color:var(--color-text)}.qsLxlAAy .Uv2sH4jK{list-style:none;color:var(--color-text);width:100px}.qsLxlAAy .Bk0TcY34{display:none;overflow:hidden}.qsLxlAAy .lQooI9z_:hover{transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);box-shadow:1px 1px 7px 0 rgba(184,156,73,.2);-moz-box-shadow:1px 1px 7px 0 rgba(184,156,73,.2);-webkit-box-shadow:1px 1px 7px 0 rgba(184,156,73,.2);transition:all .3s}.qsLxlAAy .lQooI9z_:hover .X51GDaEZ{background-color:var(--bg-color-hover);user-select:none;color:var(--color-text-hover)}.qsLxlAAy .lQooI9z_:hover .X51GDaEZ span{color:#fff}.qsLxlAAy .lQooI9z_:hover .vKSdITGQ .eIOXGnd5{user-select:none;background-color:var(--bg-color-hover)}.qsLxlAAy .lQooI9z_:hover .vKSdITGQ .eIOXGnd5 .MhTKZS_2{color:#fff}.Af4jIusL .X51GDaEZ{background-color:var(--bg-color-hover) !important;color:#fff !important}.Af4jIusL .X51GDaEZ span{color:#fff !important}.Af4jIusL .eIOXGnd5{background-color:var(--bg-color-hover) !important}.Af4jIusL .eIOXGnd5 .MhTKZS_2{color:#fff !important}@keyframes PIC9dL_D{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(0.75, 1.25, 1)}40%{transform:scale3d(1.25, 0.75, 1)}50%{transform:scale3d(0.85, 1.15, 1)}65%{transform:scale3d(1.05, 0.95, 1)}75%{transform:scale3d(0.95, 1.05, 1)}100%{transform:scale3d(1, 1, 1)}}.K0ILPDQF{width:100%;margin-top:70px;height:fit-content;background:var(--bg-header);padding:12px 20px;box-shadow:4px 4px 19px 0 rgba(34,60,80,.1)}.LxDEHNzS{width:70vw;height:80px;margin:20px 0 0;color:#fff !important}@media only screen and (max-width: 768px){.LxDEHNzS{display:none}}.mbzhbv5h{color:#fff}.fwd_Km_1{width:50%;height:50px;position:relative;border-radius:50px !important;background-color:#fff;margin:20px auto;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}@media only screen and (max-width: 1200px){.fwd_Km_1{width:90%}}@media only screen and (max-width: 768px){.fwd_Km_1{width:90%}}.fwd_Km_1 .r8BzHbV1{width:100%;outline:none;border:none;font-size:20px;color:#787676}.fwd_Km_1 .sj6uDMan{border-radius:20px;color:#fff;font-size:16px;margin-right:12px;background-color:var(--bg-btn-sear)}.kbBPYt_H{color:#fff;margin-bottom:12px}@media only screen and (max-width: 768px){.kbBPYt_H{width:100%;padding:0 10px;margin-top:5px;margin-bottom:-5px}}.MGACYHTy{font-size:34px;width:5%;margin-left:12px}@media only screen and (max-width: 768px){.MGACYHTy{opacity:0;margin-left:0}}.JTBZVNeA{padding:0 12px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 768px){.JTBZVNeA{display:flex;justify-content:center}}
.df00YLS1{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.df00YLS1 button{padding:15px 20px;background-color:rgba(0,0,0,0);border:1px solid var(--border-line);color:var(--color-text)}
.xgKT2yIu{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 20px;align-items:center;padding-bottom:20px;gap:10px;justify-content:center;transition:all .3s linear}@media screen and (max-width: 1253px){.xgKT2yIu{grid-template-columns:1fr 1fr}}@media screen and (max-width: 837px){.xgKT2yIu{grid-template-columns:1fr}}.xgKT2yIu .iGE2WYW_{width:100%;min-width:400px;height:5rem;max-height:5rem;padding:0 1rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-color);border-radius:5px;border:1px solid var(--color-border-card)}.xgKT2yIu .iGE2WYW_ .iD32bNaW{display:flex;align-items:center;gap:1.5rem;margin:0 .7rem}.xgKT2yIu .iGE2WYW_ .Btp_nzXF{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:600;transform:rotate(45deg);background-color:var(--wrapper-number-surah)}.xgKT2yIu .iGE2WYW_ .kK_iQ3Qf{transform:rotate(-45deg);color:var(--color-text)}.xgKT2yIu .iGE2WYW_ .pHV8vCYb{display:flex;gap:.5rem;flex-direction:column;text-align:left;margin-left:1rem}.xgKT2yIu .iGE2WYW_ .my9L9d0L{font-size:16px;font-family:sans-serif;font-weight:500;font-style:normal;line-height:normal;color:var(--color-text)}.xgKT2yIu .iGE2WYW_ .Loe12G40{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.4rem}.xgKT2yIu .iGE2WYW_ .Loe12G40 .s16UfVke{width:3rem;height:3rem;margin:0 auto;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--wrapper-number-surah)}.xgKT2yIu .iGE2WYW_ .Loe12G40 .s16UfVke .euwVfXOn{margin-left:3px}.xgKT2yIu .oO9LbnrL{font-size:22px;color:var(--color-text)}.xgKT2yIu .R8QEAyL7{list-style:none;color:var(--color-text);width:100px}.xgKT2yIu .QB7gAN13{display:none;overflow:hidden}.xgKT2yIu .iGE2WYW_:hover{transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);box-shadow:1px 1px 7px 0 rgba(184,156,73,.2);-moz-box-shadow:1px 1px 7px 0 rgba(184,156,73,.2);-webkit-box-shadow:1px 1px 7px 0 rgba(184,156,73,.2);transition:all .3s}.xgKT2yIu .iGE2WYW_:hover .Btp_nzXF{user-select:none}.xgKT2yIu .iGE2WYW_:hover .Loe12G40 .s16UfVke{user-select:none}@keyframes NntptgC5{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(0.75, 1.25, 1)}40%{transform:scale3d(1.25, 0.75, 1)}50%{transform:scale3d(0.85, 1.15, 1)}65%{transform:scale3d(1.05, 0.95, 1)}75%{transform:scale3d(0.95, 1.05, 1)}100%{transform:scale3d(1, 1, 1)}}
.UHzrXlhK{width:100%;margin-bottom:90px}.fobp3vyE{max-width:1366px;margin:60px auto;border-radius:8px;margin-bottom:10px;overflow:hidden;transition:all .3s linear;background-color:var(--bg-widget);box-shadow:4px 4px 19px 0 rgba(34,60,80,.1);-moz-box-shadow:4px 4px 19px 0 rgba(34,60,80,.1);-webkit-box-shadow:4px 4px 19px 0 rgba(34,60,80,.1)}.fobp3vyE .mGicObU_{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}
._lHpBLle{width:100%;display:flex;margin:30px auto;align-items:center;justify-content:center}@media only screen and (max-width: 768px){._lHpBLle{margin-bottom:15px}}._lHpBLle .EhRvxrbY{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-color-swetchbtn);border-radius:30px;padding:5px;overflow:visible}._lHpBLle .Ak39hmB3{left:0;top:0;position:absolute;width:120px;height:85%;border-radius:30px;background-color:var(--wrapper-number-surah);transition:.5s;margin:5px;-webkit-box-shadow:0 0 10px 3px rgba(34,60,80,.1);-moz-box-shadow:0 0 10px 3px rgba(34,60,80,.1);box-shadow:0 0 10px 3px rgba(34,60,80,.2)}._lHpBLle .DOawtRUr{width:120px;padding:15px 10px;cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:none;position:relative;text-align:center;user-select:none;font-size:16px;color:var(--color-text)}
.rvDxsfyJ{position:fixed;bottom:0;left:0;height:60px !important;width:99%;background-color:var(--bg-color);display:flex;flex-direction:column;z-index:1000 !important;align-items:center;justify-content:start;padding:0 0 20px}@media only screen and (max-width: 768px){.rvDxsfyJ{width:100%}}.vJomBxVR{width:100%;height:4px !important;position:absolute;padding:0 !important;top:0px;left:0}.xi7256kY{width:20px;position:absolute !important;top:0;right:0}.KfMfxpaB{width:100%;background-color:var(--bg-color);display:flex;justify-content:space-between;align-items:center;padding:0 20px}@media only screen and (max-width: 768px){.KfMfxpaB{width:100%;padding:0;display:flex;justify-content:center;align-items:center}}.gUFw47n4,.tqjBtsdG{width:50px !important;height:50px !important;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;color:var(--color-text)}.gUFw47n4:hover,.tqjBtsdG:hover{content:"PLAY";background-color:rgba(128,128,128,.616)}.cHVk01Ij{width:25px;height:25px;font-weight:bolder;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;fill:var(--color-text) !important}.nwnvtcwl{width:25px;height:25px;font-weight:bolder;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;fill:#2ca4ab}.gRmPNXoI{width:20px;height:20px;font-weight:bolder;display:flex;justify-content:center;align-items:center;color:var(--color-text)}.TB0rfzl0{color:var(--color-text)}@media only screen and (max-width: 768px){.TB0rfzl0{display:none}}.s3zQjnsa{color:var(--color-text)}@media only screen and (max-width: 768px){.s3zQjnsa{display:none}}

*{margin:0;padding:0;box-sizing:border-box}li{list-style-type:none}input,button,textarea,select{margin:0;font:inherit}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:300}:root{--font-family-main: arial, helvetica, sans-serif;--font-family-text-redesigned: "Nunito Sans", sans-serif;--font-family-header-redesigned: "Roboto", sans-serif;--navbar-height: 50px;--sidebar-width: 300px;--sidebar-width-collapsed: 0;--navbar-left-rigt-padding: 40px;--font-size-s: 12px;--font-line-s: 20px;--font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);--font-size-m: 16px;--font-line-m: 20px;--font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);--font-size-l: 20px;--font-line-l: 28px;--font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);--font-size-xl: 32px;--font-line-xl: 40px;--font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);--modal-z-index: 1000;--sidebar-z-index: 999;--navbar-z-index: 998;--overlay-z-index: 100;--sidebar-close-btn-width: 32px;--sidebar-close-btn-height: 32px;--suraList-item-border-radius: 5px;--suraList-width: 180px;--oyatList-width: 70px;--spacing-micro: 0.1875rem;--spacing-xxsmall: 0.375rem;--spacing-xsmall: 0.625rem;--spacing-small: 0.8125rem;--spacing-medium: 1rem;--spacing-large: 1.1875rem;--spacing-mega: 2rem;--font-size-xsmall-dangerous: 0.6rem;--font-size-xsmall: 0.75rem;--font-size-small: 0.875rem;--font-size-normal: 1rem;--font-size-large: 1.125rem;--font-size-xlarge: 1.5rem;--font-size-jumbo: 2rem;--line-height-small: 0.8125rem;--line-height-normal: 1rem;--line-height-large: 1.1875rem;--line-height-xlarge: 1.375rem;--line-height-jumbo: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root{--bg-color: #fff;--bg-widget: #fff;--color-text: #000;--tajweed-word-bg-color: #f0f0f0;--primary-color-text: #747373;--color-placeholder: #666;--inverted-bg-color: #000;--color-hover: #2ba4ab;--color-secondary: #777;--color-border-card: #ebeef0;--border-line: #91979c;--icon-hover-bg-color: #e0e0e0;--input-bg-color: #f4f4f4;--bg-header: #2ba4ab;--wrapper-number-surah: #f4f5f6;--reading-navbar-progress: #2ca4ab;--bg-color-swetchbtn: #d5d5d7;--word-color: #2ba4ab;--word-back-color: #eee;--word-tajweed-back-color: #eee;--text-primary-color: #272727;--listbox-bg: #d5d5d7;--card-bg: #d5d5d7;--bg-btn-sear: #2a9ca2;--bg-color-hover: #2a9ca2;--color-text-hover: #2a9ca2;--bg-switch-btn: #fff;--border-switch-btn: #2ba4ab;--active-bg-switch-btn: #2ba4ab;--bg-color-swetchreading: #d5d5d7;--skeleton-color: #fff;--skeleton-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px, rgba(10, 37, 64, 0.35) 0 -2px 6px 0 inset;--btn-3d-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset}.app_dark_theme{--bg-color: #1f2125;--bg-widget: #343a3f;--color-text: #eaeaea;--primary-color-text: #eaeaea;--tajweed-word-bg-color: #e0e0e0;--color-placeholder: #666;--color-hover: #2ba4ab;--color-secondary: #777;--color-border-card: #464b4f;--inverted-bg-color: #fff;--primary-color: #fbfefb;--secondary-color: #f9fbf9;--border-line: #91979c;--bg-header: #1f2125;--bg-switch-btn: #1f2125;--active-bg-switch-btn: #464b4f;--border-switch-btn: #fff;--word-color: #2ba4ab;--word-back-color: #2e3236;--word-tajweed-back-color: #fff;--wrapper-number-surah: #91979c;--reading-navbar-progress: #fff;--input-bg-color: #212529;--text-primary-color: #84878a;--bg-color-swetchbtn: #1f2125;--icon-hover-bg-color: #464b4f;--bg-color-swetchreading: #343a3f;--bg-btn-sear: #1f2125;--bg-color-hover: #464b4f;--color-text-hover: #fff;--btn-3d-shadow: rgba(255, 255, 255, 0.4) 0 2px 4px, rgba(255, 255, 255, 0.3) 0 7px 13px -3px, rgba(255, 255, 255, 0.2) 0 -3px 0 inset}.app_orange_theme{--bg-color: #f8ead4;--bg-widget: #fff7e9;--color-text: #000;--primary-color-text: #747373;--tajweed-word-bg-color: #fff;--color-placeholder: #666;--color-hover: #2ba4ab;--color-secondary: #666;--color-border-card: #dacdb3;--primary-color: #fbfefb;--secondary-color: #f9fbf9;--border-line: #91979c;--bg-header: #b89f78;--bg-switch-btn: #f8ead4;--border-switch-btn: #b89f78;--active-bg-switch-btn: #b89f78;--wrapper-number-surah: #f0e1cb;--reading-navbar-progress: #938362;--input-bg-color: #efe1cd;--text-primary-color: #272727;--icon-hover-bg-color: #efe1cd;--btn-3d-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;--inverted-bg-color: #bd5012;--inverted-primary-color: #dbd5dc;--inverted-secondary-color: #faf4fb;--word-color: #2ba4ab;--word-back-color: #eedec7;--word-tajweed-back-color: #eedec7;--skeleton-color: #fff;--skeleton-shadow: rgba(0 0 0);--code-bg: #fff;--listbox-bg: #d5d5d7;--card-bg: #d5d5d7;--bg-color-swetchreading: #e6d0ab;--bg-color-swetchbtn: #f8ead4;--bg-btn-sear: #b89f78;--bg-color-hover: #b89f78;--color-text-hover: #b89f78}@font-face{font-family:"surah-111";src:url(/d503e2dd414b7c298fc7.ttf) format("truetype")}body{font-family:var(--font-family-main);background-color:var(--bg-color)}.app{font:var(--font-m);color:var(--primary-color);background:var(--bg-color);min-height:100vh}.content-page{display:flex}.activeWord{color:var(--word-color) !important}.activeWordForTaweed{background-color:var(--tajweed-word-bg-color) !important}*::-webkit-scrollbar{width:0;height:8px}*::-webkit-scrollbar-track{background:var(--light-bg-redesigned)}*::-webkit-scrollbar-thumb{background-color:var(--icon-redesigned);border-radius:20px;border:1px solid var(--accent-redesigned)}.app *::-webkit-scrollbar{width:0;height:8px}.app *::-webkit-scrollbar-track{background:var(--card-bg)}.app *::-webkit-scrollbar-thumb{background-color:var(--inverted-primary-color);border-radius:20px;border:2px solid var(--primary-color)}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2)}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center;margin-top:10px;width:calc(100% - 20px) !important}.rhap_progress-container{display:flex;align-items:center;height:5px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1.1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:var(--color-text);font-size:14px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:rgba(221,221,221,.5)}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:rgba(134,134,134,.5) 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative !important;width:100%;height:4px !important;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:rgba(134,134,134,.5) 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:rgba(0,0,0,0);border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.activeBismi{color:#2ba4ab !important}