@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap);.video-list[data-v-e680d0b6]{position:absolute;background:#f5f5f5;height:0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.video-list div[data-v-e680d0b6]{padding:0}.video-item[data-v-e680d0b6]{display:inline-block}@font-face{font-family:Hafs;src:local("Hafs"),url(/9c8b23d4786ea95d39e62762e4bcb7b8519d5af4/24ae0/fonts/kitab-regular.1f3aa35c.ttf) format("truetype")}body{margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-x:hidden;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);scroll-behavior:smooth;touch-action:pan-x pan-y;background:#2f1662}.home-btn{position:fixed;left:50%;height:62pt;transform:translateX(-50%);bottom:0}h1{font-size:16pt;padding-top:20pt;letter-spacing:0;line-height:1.1em}h1,h2{margin:0}h2{padding-top:17pt;font-size:1.1em}.small-text{text-transform:uppercase;font-size:x-small;letter-spacing:.1em;padding:5pt;color:#ffd439}#app{font-family:Fredoka,Helvetica,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff;background:#2f1662;font-smooth:auto;-webkit-font-smoothing:antialiased;overflow:hidden}#app,.backdrop{top:0;left:0;right:0;bottom:0;height:100vh}.backdrop{position:fixed;width:100vw;background:rgba(0,0,0,.349);z-index:999}input{background:0 0;font-size:1em;border-radius:15pt;outline:0;border:none;background:hsla(0,0%,100%,.082);color:#fff;padding:.5em;font-family:unset;font-size:20pt;font-weight:700;width:100%;max-width:230pt;box-sizing:border-box;margin-bottom:10pt}::-moz-placeholder{color:#fff;opacity:.2}::placeholder{color:#fff;opacity:.2}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:4pt solid #fff;cursor:pointer;color:#fff;background:0 0;padding:10pt;padding-left:20pt;padding-right:20pt;font-family:unset;font-size:17pt;font-weight:700;letter-spacing:-.03em;border-radius:.8em;transition:all .1s ease-in-out;transform-origin:center;box-sizing:border-box}button:hover{transform:translateY(2pt);background:hsla(0,0%,100%,.051)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 60px #ffffff30!important;background-color:#fff!important;background-clip:content-box!important}#nav{position:fixed;bottom:35pt;left:50%;transform:translateX(-50%)}#nav a.router-link{transition:all 50ms ease-in-out}#nav a rect{transform-origin:center;transition:all .2s ease-in-out}#nav a.router-link-exact-active path{transition:all .5s ease-in-out;filter:brightness(1.4)}#nav a.router-link-exact-active rect{transition:all .2s ease-in-out;animation:show .2s both}@keyframes show{0%{transform:scale(.5);fill-opacity:0}to{transform:scale(1);fill-opacity:.3}}.page,.screen{box-sizing:border-box}.page{position:fixed;width:100%;height:100%;background-color:#2f1662;padding:25pt;padding-top:7pt}.page h1{font-size:20pt}.slide-fade-enter-active{transition:all .1s ease}.slide-fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter,.fade-leave-to{opacity:0}.dot-flashing{position:relative;width:9px;height:9px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing .8s linear infinite alternate;animation-delay:.4s}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-18px;animation:dotFlashing .8s infinite alternate;animation-delay:0s}.dot-flashing:after,.dot-flashing:before{width:9px;height:9px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-flashing:after{left:18px;animation:dotFlashing .8s infinite alternate;animation-delay:.8s}@keyframes dotFlashing{0%{background-color:#fff}50%,to{background-color:#9880ff}}.recite{display:flex;margin:auto;border-radius:40pt;background:#3d1e7d;padding:2pt 13pt 2pt 20pt;font-size:11pt;box-sizing:border-box;max-width:220pt;width:100%}.recite p{text-align:left;font-weight:600;letter-spacing:.2pt;line-height:1em;flex:1;font-size:14pt}.recite svg{margin:auto;cursor:pointer}.container[data-v-f26994e2]{margin:auto;width:100%;display:flex;font-family:unset;font-size:xx-large;font-weight:700;justify-items:center;border-radius:.5em}.nobg[data-v-f26994e2]{background:0 0}.arrow[data-v-f26994e2]:after{content:"\2192";letter-spacing:-.5em}button[data-v-f26994e2]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;margin-top:0;font-family:unset;font-size:19pt;font-weight:700;letter-spacing:.1pt;transition:all .2s ease-in-out;transform-origin:center;margin:auto;width:80vw;max-width:220pt;border-radius:27.5pt;border:none;height:55pt;box-shadow:0 4px 8px 0 rgba(0,0,0,.22)}.busy[data-v-f26994e2]{color:#ffffff00!important;background:hsla(0,0%,100%,.082)!important}button[data-v-f26994e2]:disabled{color:#fff;cursor:not-allowed;background:#341f61}button[data-v-f26994e2]:enabled{background:#f66590}.button-placeholder[data-v-f26994e2]{margin:auto}#loading[data-v-f26994e2]{margin:auto;margin-top:.55em;margin-bottom:.55em;width:30px;height:30px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin-f26994e2 1s ease-in-out .01s infinite;transform-origin:center}@keyframes spin-f26994e2{to{transform:rotate(1turn)}}.modal-container[data-v-d3be8e72]{position:fixed;height:100%;width:100%;top:0;right:0;bottom:0;left:0;z-index:99999;transition:all .3s ease-in-out;display:flex;overflow:hidden;touch-action:none;margin-top:0;padding-top:env(safe-area-inset-top);box-sizing:border-box}.load[data-v-d3be8e72]{background:#0d0027bf}.modal[data-v-d3be8e72]{position:relative;width:100%;height:var(--height);background:#2f1662;border-radius:23pt 23pt 0 0;box-sizing:border-box;padding:30pt;bottom:0;opacity:0;transform:translateY(300pt) scale(.9);transition:all .4s ease-in-out;box-shadow:0 25px 40px 5px rgba(0,0,0,.35);display:flex;flex-direction:column;margin-top:auto;margin-bottom:0;padding-bottom:calc(env(safe-area-inset-bottom));padding-top:20pt;will-change:transform}.show[data-v-d3be8e72],.slideUp[data-v-d3be8e72]{transform:translateY(0);opacity:1}.drag-down[data-v-d3be8e72]{transition:all 0s ease-in-out;transform:translateY(var(--drag-down))}.search-bar[data-v-0e1994b3]{position:fixed;top:0;width:100%;left:0;box-sizing:border-box;background:#2f1662;padding-bottom:0;border-radius:30pt;display:flex}.search[data-v-0e1994b3]{background:#3d1e7d;height:60px;border-radius:15pt;display:flex;margin:auto;margin-right:10pt;margin-bottom:5pt}.close[data-v-0e1994b3]{margin:auto;margin-left:0;cursor:pointer}.icon[data-v-0e1994b3]{margin:auto;flex:0;margin-right:0;margin-left:20pt;transform:scale(1.1);margin-bottom:13.5pt}input[data-v-0e1994b3]{margin:auto;margin-left:0;flex:1;background:0 0;font-weight:600;font-size:14pt}.surah-picker[data-v-0e1994b3]{position:absolute;text-align:left;width:100%;background:#2f1662;z-index:9;display:flex;flex-direction:column;left:0;padding:20pt;box-sizing:border-box;padding-top:50pt;margin-top:30pt;opacity:0;transform:scale(.9) translateY(50pt);transition:all .2s ease-in-out;top:0;height:100%;padding-bottom:0}.load[data-v-0e1994b3]{transform:scale(1);opacity:1}ol[data-v-0e1994b3]{margin:auto;padding:0;padding-bottom:calc(30pt + env(safe-area-inset-bottom))}li[data-v-0e1994b3]{display:flex;padding:10pt;list-style:none;cursor:pointer;border-radius:10pt;transition:all .1s ease-in-out;margin-bottom:7pt;font-weight:600;font-size:13pt}li[data-v-0e1994b3]:hover{background:#3d1e7d}.selected[data-v-0e1994b3]{background:#f66590!important}.name-eng[data-v-0e1994b3]{margin:auto;margin-left:0}.name-ar[data-v-0e1994b3]{right:0;margin-right:0;margin-left:auto;line-height:20pt;direction:rtl;text-align:right;width:100pt;font-size:14pt}.surah-list[data-v-0e1994b3]{overflow-y:auto;padding-top:10pt}input[data-v-9fe25108]:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #3d1e7d!important;-webkit-text-fill-color:#fff}.name[data-v-9fe25108]{margin:auto;margin-top:0;display:flex;height:40pt;margin-bottom:10pt;background:#3d1e7d;border-radius:30pt;box-sizing:border-box;width:80vw;max-width:170pt;overflow:hidden}.name h2[data-v-9fe25108]{margin:auto;padding:unset}.name input[data-v-9fe25108]{margin:auto;width:160pt;background:0 0;text-align:center;font-size:16pt}.content[data-v-9fe25108]{opacity:0;animation:fade-9fe25108 1.5s forwards}@keyframes fade-9fe25108{to{opacity:1}}.cta[data-v-9fe25108]{max-width:160pt;margin-top:auto;margin-bottom:30pt}.toggle-switch[data-v-9fe25108]{position:relative;margin:auto;margin-top:0;height:50pt;background:#5f31bc31;max-width:220pt;border-radius:25pt;display:flex;overflow:hidden;width:100%;margin-bottom:20pt}.toggle[data-v-9fe25108]{margin:auto;font-size:18pt;font-weight:600;width:100%;z-index:1;cursor:pointer;height:100%;line-height:50pt}.indicator[data-v-9fe25108]{position:absolute;width:50%;background:#5f31bc;height:100%;border-radius:25pt;z-index:0;cursor:pointer;transition:all .24s ease-in-out}.on[data-v-9fe25108]{transform:translateX(100%)}#select-screen[data-v-9fe25108]{position:absolute;z-index:9999}.recite[data-v-9fe25108]{display:flex;margin:auto;border-radius:40pt;background:#3d1e7d;padding:2pt 13pt 2pt 20pt;font-size:11pt;box-sizing:border-box;max-width:220pt}.recite p[data-v-9fe25108]{text-align:left;font-weight:600;letter-spacing:.2pt;line-height:1em;flex:1;font-size:14pt}.recite svg[data-v-9fe25108]{margin:auto;cursor:pointer}h1[data-v-9fe25108]{font-size:22pt;padding-top:7pt;padding-bottom:3pt;letter-spacing:.03pt}.create-modal h2[data-v-9fe25108]{width:80%;margin:auto;text-align:center}input[data-v-9fe25108]::-webkit-inner-spin-button,input[data-v-9fe25108]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-9fe25108]{-moz-appearance:textfield}#code[data-v-9fe25108]{margin:auto;display:flex;width:-moz-fit-content;width:fit-content;font-size:20pt}.codeInput[data-v-9fe25108]{width:27pt;height:37pt;border-radius:5pt;text-align:center;font-size:19pt;margin-right:7pt;padding:0;background:#3d1e7d;transition:all .2s ease-in-out}.code-active[data-v-9fe25108]{background:#5f31bc}.codeInput[data-v-9fe25108]:last-child{margin-right:0}.back[data-v-d739633c]{position:fixed;right:15pt;top:calc(env(safe-area-inset-top) + 15pt)}.howto[data-v-d739633c]{position:fixed;top:env(safe-area-inset-top);bottom:0;left:0;right:0;z-index:99999;overflow-y:scroll;background:#2f1662;padding:30pt;text-align:left}h1[data-v-d739633c]{font-size:26pt;padding-top:7pt;padding-bottom:3pt;letter-spacing:.03pt;text-align:center}h2[data-v-d739633c]{font-size:17pt;padding-bottom:11pt}h2[data-v-d739633c],li[data-v-d739633c],p[data-v-d739633c]{margin:auto;max-width:270pt}li[data-v-d739633c],p[data-v-d739633c]{font-size:14pt}li[data-v-d739633c]{margin-bottom:5pt}.beta-tag[data-v-577dbff2]{display:none;position:absolute;right:-5pt;top:-5pt;font-size:10pt;background:0 0;filter:unset!important}.cta[data-v-577dbff2]{max-width:160pt;margin-top:auto;margin-bottom:30pt}h1[data-v-577dbff2]{font-size:22pt;padding-top:7pt;padding-bottom:3pt;letter-spacing:.03pt}.main-art[data-v-577dbff2]{margin:auto;display:flex;margin-top:0;margin-bottom:-60pt}.main-art svg[data-v-577dbff2]{margin:auto;width:100%;height:55vh;max-height:400pt}.mode-buttons[data-v-577dbff2]{display:flex;flex-direction:column;box-sizing:border-box;padding:10pt;width:-moz-fit-content;width:fit-content;margin:auto;margin-top:30pt}.mode[data-v-577dbff2]{position:relative;padding:15pt;max-width:190pt;width:75vw;margin:auto;font-size:18pt;font-weight:650;box-sizing:border-box;margin-bottom:20pt;border-radius:20pt;cursor:pointer;transition:all .18s ease-in-out;height:55pt;box-shadow:0 4px 8px 0 rgba(0,0,0,.22)}.mode[data-v-577dbff2]:hover{filter:brightness(1.1) saturate(1.2)}#together[data-v-577dbff2]{background:#5f31bc}#imitate[data-v-577dbff2]{background:#f66590}#settings[data-v-577dbff2]{box-shadow:none}.reciter-option .name[data-v-577dbff2]{flex:1;margin:auto;margin-left:-20pt;padding-left:30pt;text-align:left;padding-top:19pt;padding-bottom:20pt;border-bottom:1pt solid hsla(0,0%,100%,.085)}.reciter-option:last-child .name[data-v-577dbff2]{border:none}.reciter-option .option-dp[data-v-577dbff2]{margin:auto;border-radius:100pt;width:41px;height:41px;background-origin:center;background-size:cover}.reciter-option[data-v-577dbff2]{display:flex;padding-left:13pt;cursor:pointer}#reciter-selecter[data-v-577dbff2]{z-index:8;margin-top:20pt;font-size:11pt;font-weight:550;letter-spacing:.1pt}.drop[data-v-577dbff2]{position:absolute;margin-top:50pt;left:50%;visibility:hidden;opacity:0;transform:scaleX(.9) scaleY(.8) translateX(-50%) translateY(-20pt);width:90%;font-weight:550;text-align:left;border-radius:17pt;background:#3d1e7d;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:5;transition:all .25s ease-in-out;transform-origin:top left;max-height:170pt;overflow:auto;overscroll-behavior-y:contain}.showDrop[data-v-577dbff2]{visibility:visible;opacity:1;transform:scaleY(1) translateY(0) translateX(-50%)}.reciter-select[data-v-577dbff2]{position:relative;margin:auto;margin-left:10pt;width:100%;flex:1;padding-right:12pt;padding-left:2pt;text-align:left}.current[data-v-577dbff2]{flex:1;margin:auto}.drop-button[data-v-577dbff2]{margin:auto;margin-right:4pt;margin-top:4pt;opacity:.5}.reciter-container[data-v-577dbff2]{margin:auto;position:relative;background:#3d1e7d;width:80vw;max-width:400pt;border-radius:25pt;display:flex;padding:9pt;font-size:10.3pt;box-sizing:border-box;margin-bottom:0}.dp[data-v-577dbff2]{position:relative;border-radius:100pt;width:33.5pt;height:33.5pt;display:flex;overflow:hidden;cursor:pointer;transition:all .15s ease-in-out;background-position:50%;background-size:110%;filter:brightness(1)}.dp svg[data-v-577dbff2]{position:absolute;left:10pt;top:10.5pt;z-index:1;height:13pt;width:13pt;-webkit-backface-visibility:hidden}.page[data-v-577dbff2]{opacity:0;transform:translateY(10pt);animation:fade-577dbff2 .5s 50ms forwards}@keyframes fade-577dbff2{to{opacity:1;transform:translateY(0)}}.landing[data-v-090bd9fb]{position:fixed;width:100%;top:0;height:100%;display:flex;opacity:0;animation:fade-090bd9fb 2s forwards}@keyframes fade-090bd9fb{50%{opacity:1}to{opacity:1}}svg[data-v-090bd9fb]{margin:auto}