@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.surah-list{text-align:left;max-width:600px;padding-inline:calc(var(--spacing) * 0);margin:0 auto}@media (width>=40rem){.surah-list{padding-inline:calc(var(--spacing) * 3)}}.surah-list-title{padding-inline:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;font-weight:700;display:flex}.dark .surah-list-title{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.dark .surah-list-title{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}}@media (width>=480px){.surah-list-title{padding-inline:calc(var(--spacing) * 0)}}.surah-list-search{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));--un-font-weight:600;margin-left:calc(var(--spacing) * 3);font-weight:600;line-height:17px;text-decoration-line:underline}.surah-list-search:hover{color:color-mix(in srgb, var(--kc-sidebar-hover-text) var(--un-text-opacity), transparent)}.surah-list-search:active{color:color-mix(in srgb, var(--colors-teal-400) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.surah-list-search:active{color:color-mix(in oklab, var(--colors-teal-400) var(--un-text-opacity), transparent)}}.surah-list-search .uno-icon{margin-right:calc(var(--spacing) * 1);float:left}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --un-gradient-position{syntax:"*";inherits:false}@property --un-gradient-stops{syntax:"*";inherits:false}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --un-gradient-via-stops{syntax:"*";inherits:false}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.section-expand[data-v-bfc73669]{color:color-mix(in srgb, var(--kc-teal-light) var(--un-text-opacity), transparent);margin-left:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 2)}.section-expand[data-v-bfc73669]:hover{color:color-mix(in srgb, var(--kc-sidebar-hover-text) var(--un-text-opacity), transparent)}.section-expand[data-v-bfc73669]:active{color:color-mix(in srgb, var(--colors-teal-400) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.section-expand[data-v-bfc73669]:active{color:color-mix(in oklab, var(--colors-teal-400) var(--un-text-opacity), transparent)}}.section-title[data-v-bfc73669]{padding-left:calc(var(--spacing) * 1);padding-right:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;font-weight:700;display:flex}.dark .section-title[data-v-bfc73669]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.dark .section-title[data-v-bfc73669]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}}@media (width>=480px){.section-title[data-v-bfc73669]{padding-inline:calc(var(--spacing) * 0)}}.extra-section[data-v-bfc73669]{max-width:600px;margin-inline:auto;margin-bottom:calc(var(--spacing) * 4);text-align:left}.buttons[data-v-bfc73669]{gap:calc(var(--spacing) * 1);flex-wrap:wrap;justify-content:space-evenly;display:flex}@media (width>=320px){.buttons[data-v-bfc73669]{gap:calc(var(--spacing) * 2)}}@media (width>=480px){.buttons[data-v-bfc73669]{gap:calc(var(--spacing) * 4)}}.extra-card[data-v-bfc73669]{text-align:center;cursor:pointer;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 5);background-image:linear-gradient(135deg,#fdfcfb 0%,#c3e2ce 100%);border:1px solid #8885;border-radius:.25rem;width:auto}.dark .extra-card[data-v-bfc73669]{color:color-mix(in srgb, var(--colors-gray-200) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-gray-200) var(--un-border-opacity), transparent);--un-gradient-from:color-mix(in oklab, var(--colors-black) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops,var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to:color-mix(in oklab, var(--colors-teal-950) var(--un-to-opacity), transparent);--un-gradient-position:to bottom left in oklab;background-image:linear-gradient(var(--un-gradient-stops))}@supports (color:color-mix(in lab, red, red)){.dark .extra-card[data-v-bfc73669]{color:color-mix(in oklab, var(--colors-gray-200) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-gray-200) var(--un-border-opacity), transparent)}}@media (width>=40rem){.extra-card[data-v-bfc73669]{padding-inline:calc(var(--spacing) * 5)}}@media (width>=320px){.extra-card[data-v-bfc73669]{padding-inline:calc(var(--spacing) * 2)}}@media (width>=480px){.extra-card[data-v-bfc73669]{width:30%}}.title-icon[data-v-bfc73669]{width:26px;height:26px;color:var(--kc-primary)}.personal-section-icon[data-v-bfc73669]{color:var(--kc-primary)}.personal-section-icon.uno-icon[data-v-bfc73669]{width:30px;height:30px}.homepage-nav-links[data-v-f43af04f]{text-align:center;margin-bottom:2em;font-size:14px}.homepage-nav-link[data-v-f43af04f]{margin:5px 10px;text-decoration-line:underline;display:inline-block}.dark .homepage-nav-link[data-v-f43af04f]{color:#fff}.homepage-nav-link[data-v-f43af04f]:hover{opacity:.8}.homepage-nav-link[data-v-f43af04f]:active{opacity:.9}.homepage-nav-link img[data-v-f43af04f]{width:20px;height:20px;margin-right:3px;display:inline;position:relative;top:-1px}.welcome-hero-wrapper{z-index:-1;background-color:#000;min-height:470px;position:relative}@media (width>=320px){.welcome-hero-wrapper{min-height:440px}}@media (width>=480px){.welcome-hero-wrapper{min-height:400px}}.welcome-hero{z-index:1;background-color:#000;background-image:url(/img/welcome-hero-bg-opt.webp);background-repeat:no-repeat;background-size:100%;width:100%;min-height:400px;position:absolute;left:0;right:0}.welcome-hero-inner{color:#fff;text-align:center;background:#00000080;width:100%;height:100%;padding:80px 0 0;position:relative}.welcome-hero-inner img{height:200px;margin:0 auto}.welcome-hero-inner h1{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading,var(--text-4xl-lineHeight));padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 2)}.welcome-hero-inner a{color:color-mix(in srgb, var(--colors-teal-500) var(--un-text-opacity), transparent);margin-left:calc(var(--spacing) * 3);white-space:nowrap;text-decoration-line:underline}@supports (color:color-mix(in lab, red, red)){.welcome-hero-inner a{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent)}}.welcome-hero-inner a:hover{color:color-mix(in srgb, var(--colors-teal-300) var(--un-text-opacity), transparent)}@supports (color:color-mix(in lab, red, red)){.welcome-hero-inner a:hover{color:color-mix(in oklab, var(--colors-teal-300) var(--un-text-opacity), transparent)}}@media (width>=640px){.welcome-hero{background-color:#000;background-image:url(/img/welcome-hero-bg-opt.webp);background-position-y:50%;background-repeat:no-repeat}}.surahs[data-v-4f147b2f]{text-align:center}