.rl-hafs{font-family:var(--font-hafs), serif;font-feature-settings:normal}.rl-option-word{font-size:clamp(32px,9vw,44px);line-height:2.1}@media (min-width:1024px){.rl-option-word{font-size:48px}}.rl-letter{font-family:var(--font-rl-letters), serif}.rl-option-letter{font-size:clamp(48px,14vw,64px);line-height:1.85}@media (min-width:1024px){.rl-option-letter{font-size:72px;line-height:1.85}}.rl-letter-haa2{display:inline-block;transform:scale(1.45)}.rl-option{-webkit-tap-highlight-color:transparent;transition:none}@media (hover:hover) and (pointer:fine){.rl-option[data-state=idle]:not(:disabled):hover,.rl-not-sure[data-state=idle]:hover{border-color:color-mix(in srgb, var(--ms-teal) 50%, transparent);background-color:#fff}}.rl-key{display:none}@media (hover:hover) and (pointer:fine){.rl-key{border:1px solid var(--ms-line);color:#64748b;min-width:22px;height:22px;font-family:var(--font-sans);background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:8px;left:8px}[data-state=selected]>.rl-key{border-color:var(--ms-aqua);background:var(--ms-aqua);color:var(--ms-ink)}}.rl-hear{border:2px solid var(--ms-line);width:100%;color:var(--ms-ink);text-align:left;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:20px;align-items:center;gap:14px;padding:10px 16px 10px 10px;display:flex}@media (hover:hover) and (pointer:fine){.rl-hear:hover{background:var(--ms-tint)}}.rl-hear-disc{background:var(--ms-ink);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.rl-hear[data-playing=true] .rl-hear-disc{background:var(--ms-teal)}.rl-hear[data-playing=true] .rl-hear-disc:after{border:2px solid var(--ms-teal);border-radius:inherit;content:"";animation:1.4s ease-out infinite rl-breathe;position:absolute;inset:-5px}@keyframes rl-breathe{0%{opacity:.7;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.rl-hear[data-playing=true] .rl-hear-disc:after{opacity:.5;animation:none}}.rl-ar-inline{vertical-align:middle;white-space:nowrap;font-size:26px;line-height:1.9;display:inline-block}.rl-ar-inline.rl-letter{font-size:28px;line-height:1.5}.rl-review-word{font-size:32px;line-height:2}.rl-mix-word{font-size:28px;line-height:1.8}.rl-mix-letter{font-size:32px;line-height:1.5}
@font-face{font-family:hafs;src:url(../media/UthmanicHafs1Ver18-s.p.0yea8f8c749n2.ttf?dpl=dpl_QEGDVJCCdGcC4YXqr6PH6zBBUEq2)format("truetype");font-display:swap}@font-face{font-family:hafs Fallback;src:local(Arial);ascent-override:117.19%;descent-override:58.59%;line-gap-override:0.0%;size-adjust:100.0%}.hafs_91c2fce-module__2xC-7a__className{font-family:hafs,hafs Fallback}.hafs_91c2fce-module__2xC-7a__variable{--font-hafs:"hafs", "hafs Fallback"}
@font-face{font-family:letterFace;src:url(../media/amiri_400-s.p.3lj4x04djxtsr.woff2?dpl=dpl_QEGDVJCCdGcC4YXqr6PH6zBBUEq2)format("woff2");font-display:swap}@font-face{font-family:letterFace Fallback;src:local(Arial);ascent-override:112.4%;descent-override:63.4%;line-gap-override:0.0%;size-adjust:100.0%}.letterface_a3f5da96-module__Dc7ycG__className{font-family:letterFace,letterFace Fallback}.letterface_a3f5da96-module__Dc7ycG__variable{--font-rl-letters:"letterFace", "letterFace Fallback"}