span.svelte-14aknb1{white-space:nowrap;-webkit-user-select:none;user-select:none;margin-inline:-.75em;line-height:1;display:inline-block}.glyph.svelte-14aknb1{font-family:SurahNames,surahnames,serif;translate:-.14em}.fallback.svelte-14aknb1{font-family:var(--font-quran);font-size:.72em}.wave-bar.svelte-1lg02zj{background:var(--color-primary);border-radius:1px;width:2px;animation:1.2s ease-in-out infinite svelte-1lg02zj-wave}.wave-bar-1.svelte-1lg02zj{height:6px;animation-delay:0s}.wave-bar-2.svelte-1lg02zj{height:10px;animation-delay:.15s}.wave-bar-3.svelte-1lg02zj{height:4px;animation-delay:.3s}.wave-bar-still.svelte-1lg02zj{animation-play-state:paused}@keyframes svelte-1lg02zj-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.strip.svelte-14we83v{touch-action:pan-y}.strip-spin.svelte-14we83v{animation:1s linear infinite svelte-14we83v-strip-spin}@keyframes svelte-14we83v-strip-spin{to{transform:rotate(360deg)}}.mini-glyph.svelte-tfrjko *{font-size:1.375rem}.vol-wrap.svelte-1ujxzrp{opacity:0;width:0;transition:width .2s .4s,opacity .15s .4s;display:flex;overflow:hidden}.vol-group.svelte-1ujxzrp:hover .vol-wrap:where(.svelte-1ujxzrp){width:calc(var(--vol-w) + 10px);opacity:1;transition-delay:0s}.vol-group.svelte-1ujxzrp:has(:focus-visible) .vol-wrap:where(.svelte-1ujxzrp){width:calc(var(--vol-w) + 10px);opacity:1;transition-delay:0s}.vol-group.svelte-1ujxzrp:has(input:active) .vol-wrap:where(.svelte-1ujxzrp){width:calc(var(--vol-w) + 10px);opacity:1;transition-delay:0s}.vol-group.svelte-1ujxzrp{--vol-w:56px}@media (width>=64rem){.vol-group.svelte-1ujxzrp{--vol-w:72px}}@media (width>=80rem){.vol-group.svelte-1ujxzrp{--vol-w:96px}}.vol-group.svelte-1ujxzrp .vol-mouse{width:var(--vol-w)}@media (width<80rem){.vol-group.svelte-1ujxzrp{--vol-w:96px;position:relative}.vol-wrap.svelte-1ujxzrp{visibility:hidden;border:1px solid var(--color-border);background:var(--color-popover);border-radius:9999px;width:auto;padding:.375rem .25rem;transition:opacity .15s .4s,translate .15s .4s,visibility 0s linear .55s;position:absolute;bottom:calc(100% + 1.75rem);left:50%;overflow:visible;translate:-50% 4px;box-shadow:0 10px 15px -3px #0000001a}.vol-wrap.svelte-1ujxzrp:after{content:"";inset-inline:0;height:1.75rem;position:absolute;top:100%}.vol-group.svelte-1ujxzrp:hover .vol-wrap:where(.svelte-1ujxzrp){visibility:visible;width:auto;transition-delay:0s;translate:-50%}.vol-group.svelte-1ujxzrp:has(:focus-visible) .vol-wrap:where(.svelte-1ujxzrp){visibility:visible;width:auto;transition-delay:0s;translate:-50%}.vol-group.svelte-1ujxzrp:has(input:active) .vol-wrap:where(.svelte-1ujxzrp){visibility:visible;width:auto;transition-delay:0s;translate:-50%}}.np.svelte-sq0s1y{position:relative;container:np/inline-size}.np-row.svelte-sq0s1y{align-items:flex-start;column-gap:.5rem;display:flex}.np-measure.svelte-sq0s1y{visibility:hidden;pointer-events:none;width:max-content;position:absolute;inset-block-start:0}.np-block.svelte-sq0s1y{flex-direction:column;flex:auto;align-items:flex-start;row-gap:.125rem;width:min-content;min-width:0;max-width:max-content;display:flex}.np-cap.svelte-sq0s1y{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-block-end:.125rem;padding-inline-start:.5rem;display:none;overflow:hidden}.np-name.svelte-sq0s1y{align-items:center;gap:.375rem;min-width:0;max-width:100%;height:1.75rem;padding-inline:.5rem .375rem;display:inline-flex}.np-block.svelte-sq0s1y{--np-card-block:-.25rem;--np-card-start:0rem;--np-card-end:-.25rem;isolation:isolate;position:relative}.np-faced.svelte-sq0s1y .np-block:where(.svelte-sq0s1y){--np-card-block:min(-.25rem, calc(50% - 2rem))}.np-faced.svelte-sq0s1y .np-rec:where(.svelte-sq0s1y){--np-card-start:-4.5rem}.np-block.svelte-sq0s1y:before,.np-hit.svelte-sq0s1y:after{content:"";inset-block:var(--np-card-block);inset-inline:var(--np-card-start) var(--np-card-end);border-radius:var(--radius-lg);position:absolute}.np-block.svelte-sq0s1y:before{z-index:-1;transition:background-color .15s,box-shadow .15s}.np-block.svelte-sq0s1y:has(.np-hit:where(.svelte-sq0s1y):hover):before{background:color-mix(in oklab, var(--color-foreground) 7%, transparent)}.np-block.np-open.svelte-sq0s1y:before{background:color-mix(in oklab, var(--color-foreground) 11%, transparent)}.np-block.np-open.svelte-sq0s1y:has(.np-hit:where(.svelte-sq0s1y):hover):before{background:color-mix(in oklab, var(--color-foreground) 11%, transparent)}.np-block.svelte-sq0s1y:has(.np-hit:where(.svelte-sq0s1y):focus-visible):before{box-shadow:0 0 0 2px var(--color-ring)}.np-static.svelte-sq0s1y:before{display:none}.np-hit.svelte-sq0s1y{cursor:pointer}.np-wrap.svelte-sq0s1y:has([data-reciter-trigger]:where(.svelte-sq0s1y):is(:where(.svelte-sq0s1y):hover,:where(.svelte-sq0s1y):focus-visible)) .np-swap:where(.svelte-sq0s1y){opacity:1}.np-sub.svelte-sq0s1y{grid-template-columns:minmax(0,max-content);align-items:center;max-width:100%;height:1rem;padding-inline-start:.5rem;display:grid}.np-glyph.svelte-sq0s1y{flex-shrink:0;font-size:1.75rem;display:inline-flex}.np-folded.svelte-sq0s1y .np-rec:where(.svelte-sq0s1y){--np-card-end:.5rem;width:0;position:absolute;inset-block:0;inset-inline-start:0}.np-folded.svelte-sq0s1y .np-cap:where(.svelte-sq0s1y),.np-folded.svelte-sq0s1y .np-rec:where(.svelte-sq0s1y) .np-sub:where(.svelte-sq0s1y){display:none}.np-folded.svelte-sq0s1y .np-rec:where(.svelte-sq0s1y) .np-name:where(.svelte-sq0s1y){width:0;padding:0;overflow:hidden}@media (width<80rem){.np.svelte-sq0s1y:not(.np-faced) .np-glyph:where(.svelte-sq0s1y):has(+.np-latin:where(.svelte-sq0s1y)){display:none}}@container np (width>=24rem){.np-row.svelte-sq0s1y{column-gap:1rem}.np-cap.svelte-sq0s1y{display:block}}@media (width>=80rem){.np-cap.svelte-sq0s1y{display:block}}.pill-marquee.svelte-sq0s1y{animation:10s linear infinite svelte-sq0s1y-pill-marquee}[dir=rtl] .pill-marquee.svelte-sq0s1y{animation-name:svelte-sq0s1y-pill-marquee-rtl}@keyframes svelte-sq0s1y-pill-marquee{0%,12%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes svelte-sq0s1y-pill-marquee-rtl{0%,12%{transform:translate(0)}to{transform:translate(100%)}}.pill-marquee-mask.svelte-sq0s1y{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%)}