section.svelte-1ph4cl4{padding:0;margin-inline-start:20px}.v-container.svelte-1ph4cl4{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.section-title.svelte-1ph4cl4{color:var(--text-color, #fff);font-size:22px;font-style:normal;font-weight:500;line-height:normal}.reciter-card.svelte-1ph4cl4{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:147px;cursor:pointer;height:max-content}.reciter-card:hover.reciter-card.svelte-1ph4cl4 img:where(.svelte-1ph4cl4){border:1px solid var(--primary-color)}.reciter-card.active.reciter-card.svelte-1ph4cl4 img:where(.svelte-1ph4cl4){border:2px solid var(--primary-color)}.reciter-card.active.reciter-card.svelte-1ph4cl4 p:where(.svelte-1ph4cl4){color:var(--primary-color)}.reciter-card.svelte-1ph4cl4 img:where(.svelte-1ph4cl4){width:147px;height:147px;box-sizing:border-box;border-radius:12px;object-fit:cover}.reciter-name.svelte-1ph4cl4{width:100%;color:var(--text-color, #fff);font-size:16px;line-height:normal}button.svelte-1ph4cl4,button.svelte-mvx9cc{background-color:transparent;border:none;margin:0;padding:0;text-align:unset}.media-card.svelte-mvx9cc{display:flex;flex:0 0 auto;gap:10px;cursor:pointer;position:relative;overflow:hidden}.video-container.svelte-mvx9cc{position:relative;width:100%;height:100%;min-height:200px}video.svelte-mvx9cc,.video-placeholder.svelte-mvx9cc{border-radius:12px;width:100%;height:100%;object-fit:cover;box-sizing:border-box;background-color:#0003}.loading-overlay.svelte-mvx9cc{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:12px}.spinner.svelte-mvx9cc{width:30px;height:30px;border:4px solid var(--primary-color);border-top:4px solid transparent;border-radius:50%;animation:svelte-mvx9cc-spin 1s linear infinite}@keyframes svelte-mvx9cc-spin{to{transform:rotate(360deg)}}.media-card.svelte-mvx9cc .active:where(.svelte-mvx9cc){border:2px solid var(--primary-color)}section.svelte-apu0no{padding:0;margin-inline-start:20px}.v-container.svelte-apu0no{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.section-title.svelte-apu0no{color:var(--text-color, #fff);font-size:22px;font-weight:500}section.choose-aya.svelte-1nagkpo{display:flex;padding:14px 10px 4px;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch;border-radius:14px;background:var(--secondary-bg, #202422);box-sizing:border-box}section.svelte-1nagkpo{margin:0}.section-title.svelte-1nagkpo{font-size:1.5rem;margin-bottom:10px}.section-subtitle.svelte-1nagkpo{color:#bbb}.search-bar.svelte-1nagkpo{width:100%;background-color:var(--seconday-color);display:flex;gap:10px;align-items:center}.search-bar.svelte-1nagkpo input:where(.svelte-1nagkpo){padding:14px;width:100%;border-radius:50px;border:none;background:#b2ffe2;color:#161715}.ayas-container.svelte-1nagkpo{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;box-sizing:border-box}.page-divider.svelte-1nagkpo,.surah-name.svelte-1nagkpo{width:100%;text-align:center;padding:5px 0;font-weight:700;color:var(--text-color, #fff)}.verse-card.svelte-1nagkpo{display:flex;padding:10px;flex-direction:column;width:100%;border-radius:12px;background:#464646;cursor:pointer;color:var(--primary-color, #b2ffe2);text-align:right;font-family:Amiri Quran Colored;font-size:20px;box-sizing:border-box}.verse-card.svelte-1nagkpo:hover{outline:1px solid var(--primary-color)}.highlighted-verse.svelte-1nagkpo{background:#b2ffe2;color:#000}.disabled.svelte-1nagkpo{color:#8b8b8b;background-color:transparent;cursor:not-allowed}.aya.svelte-1nagkpo{font-size:1.5rem;text-align:right;margin:5px 0 10px;direction:rtl;font-family:var(--font-quran)}.translated-aya.svelte-1nagkpo{width:100%;text-align:left;direction:ltr;font-size:18px}.pagination.svelte-1nagkpo{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;flex-wrap:wrap;margin:15px 0}.page-number.svelte-1nagkpo{display:flex;padding:14px 8px;border-radius:8px;background:#464646;color:var(--text-color, #fff);font-weight:700;font-size:12px}.btn.svelte-1nagkpo{padding:10px 8px;cursor:pointer}div.svelte-11kvm4p{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #61d345);position:relative;transform:rotate(45deg);animation:svelte-11kvm4p-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-11kvm4p:after{content:"";box-sizing:border-box;animation:svelte-11kvm4p-checkmarkAnimation .2s ease-out forwards;opacity:0;animation-delay:.2s;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:var(--secondary, #fff);bottom:6px;left:6px;height:10px;width:6px}@keyframes svelte-11kvm4p-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-11kvm4p-checkmarkAnimation{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}to{opacity:1;height:10px}}div.svelte-1ee93ns{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #ff4b4b);position:relative;transform:rotate(45deg);animation:svelte-1ee93ns-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-1ee93ns:after,div.svelte-1ee93ns:before{content:"";animation:svelte-1ee93ns-firstLineAnimation .15s ease-out forwards;animation-delay:.15s;position:absolute;border-radius:3px;opacity:0;background:var(--secondary, #fff);bottom:9px;left:4px;height:2px;width:12px}div.svelte-1ee93ns:before{animation:svelte-1ee93ns-secondLineAnimation .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}@keyframes svelte-1ee93ns-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-1ee93ns-firstLineAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes svelte-1ee93ns-secondLineAnimation{0%{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}div.svelte-1j7dflg{width:12px;height:12px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--secondary, #e0e0e0);border-right-color:var(--primary, #616161);animation:svelte-1j7dflg-rotate 1s linear infinite}@keyframes svelte-1j7dflg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicator.svelte-1kgeier{position:relative;display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}.status.svelte-1kgeier{position:absolute}.animated.svelte-1kgeier{position:relative;transform:scale(.6);opacity:.4;min-width:20px;animation:svelte-1kgeier-enter .3s .12s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1kgeier-enter{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.message.svelte-1nauejd{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line}@keyframes svelte-ug60r4-enterAnimation{0%{transform:translate3d(0,calc(var(--factor) * -200%),0) scale(.6);opacity:.5}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes svelte-ug60r4-exitAnimation{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,calc(var(--factor) * -150%),-1px) scale(.6);opacity:0}}@keyframes svelte-ug60r4-fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes svelte-ug60r4-fadeOutAnimation{0%{opacity:1}to{opacity:0}}.base.svelte-ug60r4{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px}.transparent.svelte-ug60r4{opacity:0}.enter.svelte-ug60r4{animation:svelte-ug60r4-enterAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.exit.svelte-ug60r4{animation:svelte-ug60r4-exitAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.fadeIn.svelte-ug60r4{animation:svelte-ug60r4-fadeInAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.fadeOut.svelte-ug60r4{animation:svelte-ug60r4-fadeOutAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.wrapper.svelte-v01oml{left:0;right:0;display:flex;position:absolute;transform:translateY(calc(var(--offset, 16px) * var(--factor) * 1px))}.transition.svelte-v01oml{transition:all .23s cubic-bezier(.21,1.02,.73,1)}.active.svelte-v01oml{z-index:9999}.active.svelte-v01oml>*{pointer-events:auto}.toaster.svelte-1phplh9{--default-offset: 16px;position:fixed;z-index:9999;top:var(--default-offset);left:var(--default-offset);right:var(--default-offset);bottom:var(--default-offset);pointer-events:none}section.svelte-9k2yno{padding:0;margin-inline-start:20px}.v-container.svelte-9k2yno{display:flex;flex-direction:column;align-items:center;gap:15px;align-self:stretch}.section-title.svelte-9k2yno{color:var(--text-color, #fff);font-family:var(--font-text);font-size:22px;font-style:normal;font-weight:500;line-height:normal}.media-card.svelte-9k2yno{display:flex;width:90%;max-width:450px;flex-direction:column;gap:20px;margin:0 auto}.media-card.svelte-9k2yno video:where(.svelte-9k2yno),.video-placeholder.svelte-9k2yno,.video-placeholder.svelte-9k2yno img:where(.svelte-9k2yno){width:100%;border-radius:20px;border:0;outline:0;box-shadow:0 -70px 105px -14px #aacbff40;object-fit:contain;background-color:#000}.video-placeholder.svelte-9k2yno,.video-placeholder.svelte-9k2yno img:where(.svelte-9k2yno){aspect-ratio:9/16;height:100%;object-fit:cover}.media-card.svelte-9k2yno video:where(.svelte-9k2yno){aspect-ratio:9/16}.btn-container.svelte-9k2yno{display:flex;justify-content:center;margin-top:20px;gap:10px}.create-video-btn.svelte-1mf5za8{width:50%}.create-video-container.svelte-1mf5za8{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;color:var(--text-color);width:90%;margin:0 auto}.recent-videos-section.svelte-2x1z5y{display:flex;flex-direction:column;margin:2rem 0;padding:0 1rem;max-width:90%;margin:0 auto}.section-title.svelte-2x1z5y{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:1.5rem}.videos-grid.svelte-2x1z5y{column-count:2;column-gap:1.5rem;width:100%}.video-item.svelte-2x1z5y{break-inside:avoid;margin-bottom:1rem;border-radius:12px;overflow:hidden;transition:transform .3s ease}.video-item.svelte-2x1z5y:hover{transform:translateY(-5px)}.video-container.svelte-2x1z5y{position:relative;width:100%;border-radius:12px;overflow:hidden}.video-player.svelte-2x1z5y{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#000;border-radius:12px;z-index:10}.video-player.active.svelte-2x1z5y{display:block}.video-date.svelte-2x1z5y{display:none;padding:.5rem;font-size:.875rem;color:var(--primary-color)}.loading-container.svelte-2x1z5y{display:flex;justify-content:center;align-items:center;height:200px}.spinner.svelte-2x1z5y{width:40px;height:40px;border:4px solid var(--primary-color);border-top:4px solid transparent;border-radius:50%;animation:svelte-2x1z5y-spin 1s linear infinite}.spinner.small.svelte-2x1z5y{width:20px;height:20px;border-width:2px}@keyframes svelte-2x1z5y-spin{to{transform:rotate(360deg)}}.error-message.svelte-2x1z5y,.no-videos.svelte-2x1z5y{text-align:center;padding:2rem;color:var(--primary-color);background:#0003;border-radius:12px}.load-more-container.svelte-2x1z5y{display:flex;justify-content:center;margin-top:2rem}.load-more-button.svelte-2x1z5y{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;min-width:120px;min-height:44px}.load-more-button.svelte-2x1z5y:hover{background-color:var(--primary-color-dark, #13794f)}.load-more-button.svelte-2x1z5y:disabled{background-color:#888;cursor:not-allowed}@media (max-width: 768px){.videos-grid.svelte-2x1z5y{column-count:2}}@media (max-width: 480px){.videos-grid.svelte-2x1z5y{column-count:2}}.footer.svelte-zaemjj{background-color:var(--secondary-bg);color:var(--text-color, #fff);text-align:center;padding:20px 10px;width:90%;margin:0 auto;border-radius:10px;display:flex;flex-direction:column;gap:14px}.footer.svelte-zaemjj p:where(.svelte-zaemjj){display:flex;justify-content:center;align-items:center}.footer.svelte-zaemjj a:where(.svelte-zaemjj){background-color:#24a1de;width:max-content;margin:0 auto;box-shadow:4px 4px #fff;color:#fff}hr.svelte-zaemjj{width:100%;margin:10px auto}.quran-bg-wm.svelte-h3zov8{max-width:100%;position:absolute;top:0;z-index:-1}.subtitle.svelte-h3zov8{align-self:stretch;font-family:var(--font-text);color:var(--primary-color, #b2ffe2);text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.header.svelte-h3zov8{display:flex;flex-direction:column;align-items:center;max-width:90%;margin:0 auto}
