@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.surah-list-item{margin-block:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 2);border-radius:var(--radius-DEFAULT);cursor:pointer;border-width:1px;border-color:#0000;justify-content:space-between;align-items:flex-start;display:flex}.surah-list-item:hover{border-color:color-mix(in srgb, var(--colors-gray-300) var(--un-border-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.surah-list-item:hover{border-color:color-mix(in oklab, var(--colors-gray-300) var(--un-border-opacity), transparent)}}.surah-details{width:100%}.dark .surah-details{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.dark .surah-details{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}}.surah-number{color:var(--kc-secondary);width:52px;font-size:12pt;font-weight:700}.surah-number-ayah-number{color:var(--kc-primary)}.surah-name-line,.surah-name-translation{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight))}.surah-name{font-weight:700;font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight));text-decoration-line:underline}.surah-ayahs-count{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));color:color-mix(in srgb, var(--kc-secondary) var(--un-text-opacity), transparent);margin-left:calc(var(--spacing) * 2)}.surah-classification{opacity:0;width:0;height:0;font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));color:color-mix(in srgb, var(--kc-secondary) var(--un-text-opacity), transparent);margin-left:calc(var(--spacing) * 2);transition:opacity .2s linear;display:inline-block;position:absolute}.surah-classification img{float:left;width:16px;height:16px;margin-right:4px;position:relative;top:2px}.surah-list-item .s-arabic{font-size:25pt}@media (width>=640px){.surah-list-item:hover .surah-classification{opacity:1;width:auto;height:auto;position:static}}