.site-brand[data-v-bac7d1ba]{display:flex;align-items:center;gap:.75rem;color:var(--color-text)}.site-brand .logo[data-v-bac7d1ba]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-text);background-image:none}.site-brand.compact .logo[data-v-bac7d1ba]{width:36px;height:36px}.logo svg[data-v-bac7d1ba]{width:75%;height:75%;display:block}.brand-text[data-v-bac7d1ba]{display:none;flex-direction:column;line-height:1}.brand-title[data-v-bac7d1ba]{margin:0;font-weight:700;color:var(--color-text);font-size:1.05rem}.site-brand.compact .brand-title[data-v-bac7d1ba]{font-size:1rem;font-weight:600}.brand-tagline[data-v-bac7d1ba]{margin-top:2px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}@media (min-width:900px){.logo svg[data-v-bac7d1ba]{width:100%;height:100%}.site-brand .brand-text[data-v-bac7d1ba]{display:flex}}.button-group[data-v-5ce50826]{display:inline-flex;gap:6px;align-items:center}button[data-v-5ce50826]{display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .12s ease,transform .12s ease}button.tabbed[data-v-5ce50826]{padding:6px 6px}button.active[data-v-5ce50826]{color:var(--color-active)}button.active.tabbed[data-v-5ce50826]{border-bottom:2px solid var(--color-active)}.btn-icon[data-v-5ce50826]{width:18px;height:18px}.settings{display:inline-flex}@media (min-width:900px){.settings{display:none}}select{max-width:120px}.selector{display:flex;align-items:center}label{font-weight:300;color:var(--color-muted)}@media (min-width:900px){select{max-width:none}.selector{gap:12px}label{margin:4px}}.text-input-wrapper[data-v-21cd97c0]{display:inline-block}.length-indicator[data-v-21cd97c0]{display:flex;justify-content:center;margin-bottom:5px;flex-direction:row-reverse;gap:3px;font-size:.7rem;color:var(--color-muted)}html[dir=rtl] .length-indicator[data-v-21cd97c0]{flex-direction:row}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{top:1em}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.top-left{left:1em}.Vue-Toastification__container.bottom-left .Vue-Toastification__toast,.Vue-Toastification__container.top-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance:none){.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.top-right{right:1em}.Vue-Toastification__container.bottom-right .Vue-Toastification__toast,.Vue-Toastification__container.top-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance:none){.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.top-center{left:50%;margin-left:-300px}.Vue-Toastification__container.bottom-center .Vue-Toastification__toast,.Vue-Toastification__container.top-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{top:0}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0;padding-left:10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:focus,.Vue-Toastification__close-button:hover{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:hsla(0,0%,100%,.7);transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.bottom-left,.Vue-Toastification__bounce-enter-active.top-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.bottom-right,.Vue-Toastification__bounce-enter-active.top-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-enter-active,.Vue-Toastification__bounce-leave-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.bottom-left,.Vue-Toastification__fade-enter-active.top-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.bottom-right,.Vue-Toastification__fade-enter-active.top-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-enter-active,.Vue-Toastification__fade-leave-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateX(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateX(1000px) scaleX(2) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.bottom-left,.Vue-Toastification__slideBlurred-enter-active.top-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.bottom-right,.Vue-Toastification__slideBlurred-enter-active.top-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-enter-active,.Vue-Toastification__slideBlurred-leave-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}:root{--color-bg:#323437;--color-text:#d1d0c5;--color-muted:#9aa0a6;--color-surface:#3a3c40;--color-border:hsla(0,5%,37%,.6);--color-hover:#aaa;--color-accent:#0ea5e9;--color-accent-2:#22c55e;--color-accent-active:#0284c7;--color-active:#e2b714;--color-danger:#f23232;--color-backdrop:rgba(0,0,0,.4);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease}[data-theme=light]{--color-bg:#f6f7fb;--color-text:#1f2937;--color-muted:#6b7280;--color-surface:#fff;--color-border:rgba(0,0,0,.08);--color-hover:#374151;--color-accent:#2563eb;--color-accent-2:#16934a;--color-accent-active:#1d4ed8;--color-active:#748309;--color-danger:#dc2626;--color-backdrop:rgba(0,0,0,.35)}*{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);height:100svh;width:100vw}#app,body{overflow:hidden;display:flex;flex-direction:column}#app{height:100%}button{font-size:inherit;background-color:transparent;padding:0;border:none;cursor:pointer;color:inherit;margin:0 4px}button:hover{cursor:pointer}.active,button:hover{color:var(--color-active)}select{background-color:transparent;border:none}option,select{color:var(--color-text)}option{background-color:var(--color-surface)}@media (max-height:700px){.site-footer{display:none}}@font-face{font-family:Uthmani;src:url(/fonts/Uthmanic.cbc9f9fa.woff) format("woff");font-display:swap}@font-face{font-family:SurahName;src:url(/fonts/SurahNames.af526f8a.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}p.quran-text{font-family:Uthmani;font-size:1.4rem;transition:color .3s ease,transform .3s ease,text-shadow .3s ease}@media (min-width:900px){p.quran-text{font-size:2rem}}@media (min-width:1200px){p.quran-text{font-size:2.6rem}}html[dir=ltr],html[dir=ltr] button,html[dir=ltr] select{font-family:Google Sans,sans-serif}html[dir=rtl],html[dir=rtl] button,html[dir=rtl] select{font-family:Rubik,sans-serif}@keyframes shake{0%,to{color:var(--color-text);left:0}25%{left:-5px}50%{color:var(--color-text);background-color:var(--color-danger);left:5px}75%{left:-5px}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.shake{position:relative;animation:shake .4s ease-in-out}.correct{color:var(--color-active);transform:scale(1.07);text-shadow:0 0 10px var(--color-accent-2),0 0 20px var(--color-accent-2)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 10px;margin-bottom:10px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header h1{margin:0;font-size:1.1rem;font-weight:700;flex:1}.site-header .settings{background:transparent;border:none;color:inherit;cursor:pointer;padding:6px 8px;border-radius:8px}.site-header .settings:hover{background:var(--color-header-border)}.site-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:20px 24px 16px;margin-top:auto;flex-shrink:0}.footer-visits{display:flex;align-items:center;margin-bottom:12px;flex-wrap:wrap}.footer-visits>*{padding-inline:2px;margin-top:4px;font-size:.9rem;color:var(--color-muted)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.footer-about{flex:1;min-width:250px;max-width:600px}.footer-about h3{margin:0 0 8px 0;font-size:1.2rem;font-weight:600;color:var(--color-active)}.footer-about p{margin:0;font-size:1rem;line-height:1.6;color:var(--color-muted)}.footer-social{display:flex;flex-direction:column;align-items:center;gap:12px}.social-links{display:flex;gap:16px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-bg);color:var(--color-text);text-decoration:none;transition:background-color .3s ease,color .3s ease;border:1px solid var(--color-border)}.social-links a:hover{background-color:var(--color-active);color:#fff}.social-links i{font-size:1.5rem}@media (max-width:768px){.site-header{font-size:.8rem}.site-header svg{width:18px;height:18px}.footer-content{flex-direction:column;text-align:center;gap:20px}.footer-about{max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-about h3,.footer-about p{font-size:1rem}.social-links{gap:12px}.social-links a{width:36px;height:36px}.social-links i{font-size:1rem}.site-footer{padding:16px 20px 12px}}.config,.config-panel{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.875rem}.config{min-width:800px;min-height:60px;margin:20px auto;padding:10px 24px;border-radius:36px;border:1px solid var(--color-border)}.config-item{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;transition:background-color .2s}.config-item>i{font-size:1rem;color:var(--color-text)}.config-item select{padding:3px 5px;border-radius:6px;color:var(--color-text);cursor:pointer;transition:border-color .2s;font-size:.8125rem}.config-item select:focus{outline:none;border-color:var(--color-active)}.desktop-only,.mobile-only{display:none}@media (max-width:899px){.mobile-only{display:flex}}@media (min-width:900px){.desktop-only{display:flex}}.modal{width:100%;height:100%;top:0;left:0;background-color:var(--color-backdrop);z-index:1}.close,.modal{display:flex;align-items:center;position:absolute;justify-content:center}.close{color:var(--color-text);top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;z-index:10;width:32px;height:32px;border-radius:50%;transition:background-color .2s}.close:hover{background-color:rgba(0,0,0,.1)}.modal-content{width:80%;height:80%;display:flex;flex-direction:column;justify-content:center;background-color:var(--color-bg);border-radius:16px;border:1px solid var(--color-border);padding:30px}.modal-content>h1{font-size:1.5rem;text-align:center;font-weight:600}.modal-content .config-panel{flex:1 1 auto;flex-direction:column}.modal-content .config-panel>div{flex-direction:column;gap:12px;padding:16px;background-color:var(--color-bg);border-radius:12px;border:1px solid var(--color-border)}.modal-content select{padding:3px 6px;border-radius:8px;border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text);cursor:pointer;transition:border-color .2s}.modal-content select:focus{outline:none;border-color:var(--color-active)}.modal-content label{font-size:.875rem;font-weight:500;color:var(--color-muted);margin-bottom:4px}@media (max-width:600px){.modal{padding:10px}.modal-content{width:95%;height:80svh;padding:20px;border-radius:0}.modal-content>h1{font-size:1.25rem}}.test-container .input,.test-container .text-input{background-color:transparent;border:1px solid var(--color-border);outline:none;scrollbar-width:none;text-align:center;font-size:1.2rem;font-family:Uthmani;color:var(--color-text);resize:none;transition:border-color .3s ease}.test-container .input:focus,.test-container .text-input:focus{border-color:var(--color-accent-2)}.test-buttons{margin-top:2vh;padding:0 20%;display:flex;width:100%;justify-content:space-around}.test-buttons>i{font-size:1.2rem;cursor:pointer}.test-buttons>i:hover{color:var(--color-active)}.test-container{width:100%;display:flex;flex-wrap:wrap;gap:3px 8px;padding-inline:16px;direction:rtl;flex-direction:row;align-items:flex-end;justify-content:center;justify-items:flex-end;align-content:flex-start;margin-top:10px;height:230px;overflow-y:auto}.test-container>div{flex:0 0 auto}.verseBlock{display:contents}.test-container .words-test{justify-content:center}@media (min-width:900px){.test-container .input,.test-container .text-input{font-size:1.9rem}.test-buttons>i{font-size:1.6rem}}@media (min-width:1200px){.test-buttons>i,.test-container .input,.test-container .text-input{font-size:1.9rem}}.loader-container{width:100%;height:30vh;display:flex;justify-content:center;align-items:center}.loader{width:48px;height:48px;border:5px solid var(--color-active);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1.8s linear infinite}.border-container{margin-top:10px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.border-container .border-ornament{width:100%;max-width:900px;height:80px;display:block}.surahName{font-family:SurahName,sans-serif;font-size:2rem;position:absolute;margin:0;padding:0;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text)}@media (min-width:900px){.footer-about{justify-content:center}.surahName{font-size:3rem}}@media (min-width:1200px){.surahName{font-size:3.8rem}}.dashes{min-height:57px;display:flex;align-items:flex-end;padding-bottom:3px;font-family:monospace}