.word-by-word-container.svelte-jw1gjw{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:16px 8px;line-height:2.5;display:flex}.word-group.svelte-jw1gjw{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:4px;transition:background .2s;display:flex;position:relative}.word-group.svelte-jw1gjw:hover,.word-group.playing.svelte-jw1gjw{background:var(--bg-variant)}.word-group.playing.svelte-jw1gjw .arabic-word:where(.svelte-jw1gjw){color:var(--sage)}.arabic-word.svelte-jw1gjw{font-family:var(--font-arabic);color:var(--text);font-size:40px;line-height:1.8}.end-marker.svelte-jw1gjw .arabic-word:where(.svelte-jw1gjw){color:var(--gold);font-size:28px}.word-tooltip.svelte-jw1gjw{background:var(--text);color:var(--bg);font-size:12px;font-family:var(--font-body);white-space:nowrap;opacity:0;visibility:hidden;z-index:10;pointer-events:none;border-radius:6px;padding:4px 8px;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.word-group.svelte-jw1gjw:hover .word-tooltip:where(.svelte-jw1gjw){opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}.word-tooltip.svelte-jw1gjw:after{content:"";border-style:solid;border-width:4px;border-color:var(--text) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.full-verse.svelte-jw1gjw{line-height:2.2}