.plate.svelte-1r9xusq{height:5.75rem;position:relative;container-type:inline-size}.art.svelte-1r9xusq{isolation:isolate;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.layer.svelte-1r9xusq{position:absolute;inset:0}.bloom.svelte-1r9xusq{background:radial-gradient(34% 120% at var(--bx) 108%, color-mix(in oklab, var(--color-gold-200) 70%, transparent) 0%, color-mix(in oklab, var(--color-gold-500) 24%, transparent) 45%, transparent 72%)}[dir=rtl] .bloom.svelte-1r9xusq{--bx:30%}.skyline.svelte-1r9xusq{bottom:0;object-fit:contain;object-position:bottom;filter:saturate(.74)contrast(1.06)brightness(.9);width:auto;max-width:72%;height:100%;position:absolute;inset-inline-end:.25rem;-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000 100%);mask-image:linear-gradient(270deg,#000 55%,#0000 100%)}[dir=rtl] .skyline.svelte-1r9xusq{-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000 100%);mask-image:linear-gradient(90deg,#000 55%,#0000 100%)}.fade.svelte-1r9xusq{background:linear-gradient(to top, var(--color-ink-900) 0%, color-mix(in oklab, var(--color-ink-900) 70%, transparent) 10%, transparent 42%)}.vignette.svelte-1r9xusq{background:radial-gradient(120% 160% at 30% 40%, transparent 55%, color-mix(in oklab, var(--color-ink-900) 55%, transparent) 100%)}.hairline.svelte-1r9xusq{transition:box-shadow var(--duration-normal) var(--ease-out)}.plate.svelte-1r9xusq:hover .hairline:where(.svelte-1r9xusq){box-shadow:inset 0 0 0 1px var(--plate-edge-hover), inset 0 1px 0 var(--plate-sheen-hover)}.main.svelte-1r9xusq{border-radius:inherit;width:100%;height:100%;color:inherit;text-align:start;cursor:pointer;align-items:center;gap:.875rem;padding-inline:.5rem 1rem;text-decoration:none;display:flex;position:relative}span.main.svelte-1r9xusq{cursor:default}.glyph-slot.svelte-1r9xusq{flex-shrink:0;justify-content:center;align-items:center;width:7.5rem;display:flex}.gold-leaf.svelte-1r9xusq{white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.v-plate.svelte-1r9xusq .glyph-slot:where(.svelte-1r9xusq){flex-direction:column;gap:.125rem}.v-plate.svelte-1r9xusq .glyph-slot:where(.svelte-1r9xusq) .glyph:where(.svelte-1r9xusq){font-size:2.625rem}.glyph-latin.svelte-1r9xusq{max-width:100%;font-family:var(--font-latin-serif);letter-spacing:.02em;color:var(--color-gold-100);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px color-mix(in srgb, var(--color-ink-900) 85%, transparent), 0 0 10px color-mix(in srgb, var(--color-ink-900) 60%, transparent);font-size:.875rem;font-weight:500;line-height:1.15;overflow:hidden}.glyph-name.svelte-1r9xusq{align-items:center;gap:.125rem;max-width:100%;display:flex}.glyph-name.svelte-1r9xusq .glyph-latin:where(.svelte-1r9xusq){min-width:0}.main.svelte-1r9xusq .disclosure{color:var(--color-gold-100);filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--color-ink-900) 85%, transparent));transition:rotate var(--duration-normal) var(--ease-out);flex-shrink:0}.expanded.svelte-1r9xusq .disclosure{rotate:180deg}@media (prefers-reduced-motion:reduce){.main.svelte-1r9xusq .disclosure{transition:none}}.glyph.svelte-1r9xusq{font-family:SurahNames,surahnames,serif;font-size:3.125rem;translate:-.14em}.glyph-fallback.svelte-1r9xusq{font-family:var(--font-quran);font-size:1.875rem}.actions.svelte-1r9xusq{bottom:.5rem;z-index:1;pointer-events:none;position:absolute;inset-inline-end:.5rem}@container (width<24rem){.glyph-slot.svelte-1r9xusq{width:5.25rem}.glyph.svelte-1r9xusq{font-size:2.25rem}.glyph-fallback.svelte-1r9xusq{font-size:1.375rem}.main.svelte-1r9xusq{gap:.625rem}}.v-plate.svelte-1r9xusq .glyph-slot:where(.svelte-1r9xusq){width:6.75rem}.v-plate.svelte-1r9xusq .actions:where(.svelte-1r9xusq){justify-content:center;display:flex;inset-inline:7.25rem 0}.voice.svelte-1r9xusq{align-items:center;gap:.5rem;min-width:0;padding-inline-end:2.25rem;display:flex}.v-plate.svelte-1r9xusq:has(.voice:where(.svelte-1r9xusq)) .actions:where(.svelte-1r9xusq){justify-content:flex-end;padding-inline-end:.5rem}@container (width<30rem){.v-plate.svelte-1r9xusq:has(.actions:where(.svelte-1r9xusq)) .voice:where(.svelte-1r9xusq){align-self:flex-start;margin-top:.75rem}}.voice.svelte-1r9xusq .voice-chip{width:1.75rem;height:1.75rem}.voice-name.svelte-1r9xusq{min-width:0}.ribbon-slot.svelte-1r9xusq{top:0;z-index:1;pointer-events:none;display:flex;position:absolute;inset-inline-start:7.25rem}.plate.compact.svelte-1r9xusq{height:2.5rem}.v-plate.compact.svelte-1r9xusq .main:where(.svelte-1r9xusq){gap:.5rem;padding-inline:2rem 0}.plate.v-plate.plate-shell.compact.svelte-1r9xusq .num{top:50%;width:2rem;min-width:0;color:var(--color-muted-foreground);text-align:center;text-shadow:none;padding:0;font-size:.8125rem;inset-inline:0 auto;translate:0 -50%}.plate.v-plate.plate-shell.compact.is-active.svelte-1r9xusq .num{color:var(--color-primary)}.v-plate.compact.svelte-1r9xusq .sajdah-mark{top:calc(50% - .6875rem);inset-inline:auto 4.5rem}.v-plate.compact.svelte-1r9xusq .glyph-slot:where(.svelte-1r9xusq){flex-direction:row;gap:0;width:5.5rem}.v-plate.compact.svelte-1r9xusq .glyph-slot:where(.svelte-1r9xusq) .glyph:where(.svelte-1r9xusq){font-size:1.625rem}.v-plate.compact.svelte-1r9xusq .glyph-fallback:where(.svelte-1r9xusq){font-size:1.25rem}.v-plate.compact.svelte-1r9xusq .glyph-latin:where(.svelte-1r9xusq){letter-spacing:0;flex:1;min-width:0;font-size:.9375rem;font-weight:600}.glyph-text.svelte-1r9xusq{flex-direction:column;flex:1;min-width:0;padding-inline-end:4.5rem;display:flex}.v-plate.compact.svelte-1r9xusq .glyph-text:where(.svelte-1r9xusq) .glyph-latin:where(.svelte-1r9xusq){flex:none}.glyph-sub.svelte-1r9xusq{color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.25;overflow:hidden}.v-plate.compact.svelte-1r9xusq .skyline:where(.svelte-1r9xusq){max-width:4.25rem}.v-plate.compact.svelte-1r9xusq .actions:where(.svelte-1r9xusq){display:none}.v-plate.plate.plate-shell.compact.svelte-1r9xusq{border-radius:var(--radius-md);box-shadow:none;transition:background-color var(--duration-normal) var(--ease-out);translate:none}.v-plate.plate.plate-shell.compact.svelte-1r9xusq:hover,.v-plate.plate.plate-shell.compact.svelte-1r9xusq:focus-within{background:var(--color-secondary)}.v-plate.plate.plate-shell.compact.is-active.svelte-1r9xusq{background:color-mix(in srgb, var(--color-primary) 9%, transparent)}.v-plate.compact.svelte-1r9xusq .layer:where(.svelte-1r9xusq),:root:not(.dark):not([data-theme=dark]) .v-plate.compact.svelte-1r9xusq .day:where(.svelte-1r9xusq){display:none}.v-plate.compact.svelte-1r9xusq .glyph-latin:where(.svelte-1r9xusq){color:var(--color-foreground);text-shadow:none}.v-plate.compact.is-active.svelte-1r9xusq .glyph-latin:where(.svelte-1r9xusq){color:var(--color-primary);font-weight:600}@container (width<18rem){.v-plate.compact.svelte-1r9xusq:has(.glyph-text:where(.svelte-1r9xusq)) .skyline:where(.svelte-1r9xusq){display:none}.v-plate.compact.svelte-1r9xusq .glyph-text:where(.svelte-1r9xusq){padding-inline-end:0}.v-plate.compact.svelte-1r9xusq:has(.sajdah-mark) .glyph-text:where(.svelte-1r9xusq){padding-inline-end:1.75rem}.v-plate.compact.svelte-1r9xusq:has(.glyph-text:where(.svelte-1r9xusq)) .sajdah-mark{inset-inline:auto .25rem}}.day.svelte-1r9xusq{display:none}:root:not(.dark):not([data-theme=dark]) .day.svelte-1r9xusq{display:block}:root:not(.dark):not([data-theme=dark]) .night.svelte-1r9xusq{display:none}:root:not(.dark):not([data-theme=dark]) .bloom.svelte-1r9xusq{background:radial-gradient(34% 120% at var(--bx) 108%, oklab(99.3391% -.00096494 .0106876/.8) 0%, color-mix(in oklab, var(--color-gold-200) 26%, transparent) 45%, transparent 72%)}:root:not(.dark):not([data-theme=dark]) .skyline.svelte-1r9xusq{filter:saturate(.95)contrast(1.1)brightness(.93)}:root:not(.dark):not([data-theme=dark]) .fade.svelte-1r9xusq{background:linear-gradient(to top, var(--color-ink-150) 0%, color-mix(in oklab, var(--color-ink-150) 70%, transparent) 10%, transparent 42%)}:root:not(.dark):not([data-theme=dark]) .vignette.svelte-1r9xusq{background:radial-gradient(120% 160% at 30% 40%, transparent 60%, color-mix(in oklab, var(--color-ink-500) 16%, transparent) 100%)}:root:not(.dark):not([data-theme=dark]) .plate.svelte-1r9xusq:hover .hairline:where(.svelte-1r9xusq){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-500) 80%, transparent), inset 0 1px 0 #fffdf7b3}:root:not(.dark):not([data-theme=dark]) .main.svelte-1r9xusq .disclosure{color:var(--color-ink-800);filter:drop-shadow(0 0 2px var(--color-ink-50))}:root:not(.dark):not([data-theme=dark]) .glyph-latin.svelte-1r9xusq{color:var(--color-ink-800);text-shadow:0 0 2px var(--color-ink-50), 0 0 10px color-mix(in srgb, var(--color-ink-50) 85%, transparent)}