.mushaf-pager{touch-action:pan-y pinch-zoom;width:100%;height:100%}.mushaf-pager__viewport{width:100%;height:100%;overflow:hidden}.mushaf-pager__track{backface-visibility:hidden;will-change:transform;height:100%;display:flex}.mushaf-pager__track--animating{will-change:transform}.mushaf-pager__panel{flex:0 0 100%;min-width:0;height:100%}.mushaf-pager__panel-inner{width:100%;height:100%;position:relative}.mushaf-pager__hidden-hint{pointer-events:none;justify-content:center;align-items:center;padding-inline:1.5rem;display:flex;position:absolute;inset:0}.mushaf-pager__hidden-hint-copy{color:var(--color-stone-500);text-align:center;max-width:20rem;margin:0;font-size:.875rem;line-height:1.25rem}.mushaf-viewport{--mushaf-line-height:calc(var(--mushaf-font-size) * 2);--mushaf-page-width:calc(var(--mushaf-font-size) * var(--mushaf-page-width-ratio,18.3158));--mushaf-viewport-padding:.5rem;box-sizing:border-box;height:100%;padding:var(--mushaf-viewport-padding);justify-content:center;align-items:flex-start;width:100%;display:flex;container-type:size}.mushaf-viewport--contain{--mushaf-font-size:min(var(--mushaf-font-size-max,1.5rem), calc(100cqw / var(--mushaf-page-width-ratio,18.3158)), calc(100cqh / var(--mushaf-page-height-ratio,30)))}.mushaf-viewport--width{--mushaf-font-size:min(var(--mushaf-font-size-max,1.5rem), calc(100cqw / var(--mushaf-page-width-ratio,18.3158)));height:auto}.mushaf-page{font-size:var(--mushaf-font-size,1.5rem);line-height:var(--mushaf-line-height,3rem);max-width:var(--mushaf-page-width,27.4737rem);width:var(--mushaf-page-width,27.4737rem);background-color:var(--mushaf-surface,#fff);--mushaf-surface:#fff;direction:rtl;margin-inline:auto}.mushaf-page--pending{visibility:hidden}.mushaf-lines{grid-template-rows:repeat(var(--mushaf-line-count,15), var(--mushaf-line-height));gap:0;display:grid;overflow:visible}.mushaf-line{height:var(--mushaf-line-height);min-height:var(--mushaf-line-height);max-height:var(--mushaf-line-height);white-space:nowrap;align-items:center;display:flex;overflow:clip visible}.mushaf-line[data-line-type=ayah]{overflow:visible}.mushaf-line:not(.mushaf-line--centered){justify-content:flex-start}.mushaf-line--spacer{pointer-events:none}.mushaf-line--centered{justify-content:center}.mushaf-surah-name,.mushaf-basmallah{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.mushaf-surah-name__frame{background-image:url(../../../mushaf/surah-name-frame.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mushaf-surah-name__glyphs{font-size:calc(var(--mushaf-line-height) * .5625);font-feature-settings:"liga" 1;margin-top:calc(var(--mushaf-line-height) * -.020833);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;flex-direction:row;align-items:center;line-height:1;display:inline-flex}.mushaf-surah-name__icon,.mushaf-surah-name__title{line-height:1;display:inline-block}.mushaf-basmallah__image{height:calc(var(--mushaf-line-height) * .625);width:auto;display:block}.mushaf-words{direction:rtl;flex-wrap:nowrap;gap:0;width:max-content;display:inline-flex}.mushaf-line--centered .mushaf-words{width:max-content}.mushaf-line[data-line-type=ayah] .mushaf-word{font-size:calc(var(--mushaf-font-size) * var(--mushaf-glyph-font-scale,1.07704));line-height:var(--mushaf-line-height)}.mushaf-line[data-line-type=ayah]:not(.mushaf-line--centered) .mushaf-words{flex:1;justify-content:space-between;width:100%;min-width:0}.mushaf-line[data-line-type=ayah]:not(.mushaf-line--centered) .mushaf-word{flex:none}.mushaf-word{margin:0;padding:0;display:inline}button.mushaf-word{appearance:none;font:inherit;color:inherit;background:0 0;border:none}.mushaf-word__glyph{z-index:3;display:inline;position:relative}.mushaf-word--out-of-range,.mushaf-surah-name--out-of-range,.mushaf-basmallah--out-of-range{opacity:.4}.mushaf-word[data-highlight]{position:relative;overflow:visible}.mushaf-word[data-highlight]:before{content:"";height:var(--mushaf-line-height);position:absolute;top:50%;left:-.4em;right:-.4em;transform:translateY(-50%)}.mushaf-word[data-highlight=matched]:before{z-index:0;background-color:var(--color-emerald-100)}.mushaf-word[data-highlight=wrong]:before{z-index:1;background-color:var(--color-amber-200)}.mushaf-word[data-highlight=missed]:before{z-index:2;background-color:var(--color-rose-200)}.mushaf-word--clickable{cursor:pointer}.mushaf-word--clickable:focus-visible{outline:2px solid var(--color-yellow-400);outline-offset:2px}.mushaf-word--ayah-marker{z-index:4;background-color:var(--mushaf-surface,#fff);position:relative}.mushaf-word[data-highlight]:has(+.mushaf-word--ayah-marker):before{left:0}.mushaf-word--ayah-marker+.mushaf-word[data-highlight]:before{right:0}.mushaf-word--hidden,.mushaf-line--hidden{visibility:hidden}.mushaf-page--debug{box-shadow:inset 2px 0 #3b82f6,inset -2px 0 #ef4444}.mushaf-page--debug .mushaf-line[data-line-type=ayah]:not(.mushaf-line--centered) .mushaf-words{box-shadow:inset 1px 0 #3b82f6,inset -1px 0 #ef4444}