@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.reader-ayah{border:1px solid var(--kc-ayah-item-border);margin-block:calc(var(--spacing) * 4);border-radius:var(--radius-DEFAULT);position:relative}.dark .reader-ayah{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.dark .reader-ayah{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}}.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-teal-light);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}.ra-play:hover{opacity:.8!important}.ra-play:active{opacity:1!important}.ra-play:focus{outline:none}@media (width>=1024px){.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-teal)}.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__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-teal);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}.ra-number:hover{color:#fff;background:var(--kc-teal-light)}.ra-number:active{color:#fff;background:var(--kc-teal)}