.reader-ayah{border:1px solid var(--kc-ayah-item-border);margin-block:calc(var(--spacing) * 4);border-radius:var(--radius-DEFAULT);position:relative}.reader-ayah~.reader-ayah~.reader-ayah~.reader-ayah{content-visibility:auto;contain-intrinsic-size:auto 220px;overflow-clip-margin:2px}.ra-translation{border-top:1px solid var(--kc-ayah-item-border);padding-top:24px;padding-inline:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3);position:relative}.ra-translation-code{text-align:center;border:1px solid var(--kc-ayah-item-border);height:22px;color:var(--kc-accent);font-size:12px;font-weight:500;font-family:var(--font-serif);border-radius:0 0 .25rem;padding:2px 5px;position:absolute;top:-1px;left:-1px}.ra-arabic-text{text-align:right;padding-top:26px;padding-bottom:26px;padding-inline:calc(var(--spacing) * 3);direction:rtl}@media (hover:hover){.ra-play:hover{opacity:.8!important}}.ra-play:active{opacity:1!important}.ra-play:focus{outline:none}@media (width>=1024px) and (hover:hover){.ra-options{opacity:0;transition:opacity .5s}.reader-ayah:hover .ra-options,.reader-ayah:hover .ra-play,.reader-ayah__playing .ra-play{opacity:1}}.ra-options{cursor:pointer;background:var(--kc-ayah-item-border);width:auto;height:24px;color:var(--kc-sidebar-text);border-radius:.25rem 0;padding:3px 12px;font-size:13px;font-weight:700;position:absolute;bottom:-1px;right:-1px}.ra-options:focus{outline:none}.ra-options:active{background:var(--kc-accent-strong)}@media (hover:hover){.ra-options:hover{color:var(--kc-ayah-item-border);background:var(--kc-primary)}}.ra-options .uno-icon{position:relative;top:2px}.ra-signs{text-align:left;height:24px;color:var(--kc-primary);cursor:pointer;font-size:13px;font-weight:700;position:absolute;top:-1px;left:40px}.ra-signs .uno-icon{width:18px;height:18px;margin-left:12px;display:inline-block}.reader-ayah__playing{box-shadow:0 0 10px var(--kc-playing-highlight);border-color:#0000}.reader-ayah__in-range:before{content:"";background:var(--kc-primary);opacity:.35;pointer-events:none;border-radius:1px;width:2px;position:absolute;inset-block:0;inset-inline-start:3px}.reader-ayah__playing .ra-signs{color:var(--kc-sidebar-text)}.reader-ayah__playing .ra-number{background:var(--kc-sidebar-text)}.ra-number{text-align:center;color:#fff;background:var(--kc-accent-strong);cursor:pointer;border-radius:.25rem 0;width:40px;height:24px;padding:3px 5px;font-size:13px;font-weight:700;position:absolute;top:-1px;left:-1px}@media (hover:hover){.ra-number:hover{color:#fff;background:var(--kc-accent)}}.ra-number:active{color:#fff;background:var(--kc-accent-strong)}