:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.audio-status-indicator{position:fixed;top:10px;left:10px;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700;z-index:3000;border:1px solid #666}.fullscreen-transition,.prayer-timer-mode,.prayer-notification-mode,.iqomah-timer-mode,.prayer-started-mode,.black-screen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;animation:fadeIn .5s ease-in-out}.prayer-started-mode{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:2000!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;color:#fff!important;text-align:center!important;animation:fadeIn .5s ease-in-out!important}.fullscreen-media{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:1000;margin:0;padding:0;overflow:hidden}.fullscreen-swiper-container{width:100%;height:100%;position:relative}.fullscreen-swiper{width:100%;height:100%}.fullscreen-swiper .swiper-slide{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.fullscreen-media-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}video.fullscreen-media-element,video.main-media-element{background:#000}.main-media-element{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.fullscreen-progress{position:absolute;top:0;left:0;width:100%;height:4px;background:#fff3;z-index:1002}.fullscreen-progress-bar{height:100%;background:linear-gradient(90deg,#0f0,#00aeef);transition:width .3s ease}.fullscreen-slide-Timer{position:fixed;top:20px;right:20px;background:#000c;color:#0f0;padding:10px 15px;border-radius:20px;font-size:14px;font-weight:700;z-index:1001;border:2px solid #00ff00;font-family:Courier New,monospace}.auto-fullscreen-Timer{position:fixed;top:20px;right:20px;background:#000c;color:#0f0;padding:10px 15px;border-radius:20px;font-size:14px;font-weight:700;z-index:100;border:2px solid #00ff00;font-family:Courier New,monospace}.media-type-indicator{position:absolute;top:0;left:35px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600;z-index:10}.video-indicator{background:#dc2626cc}.image-indicator{background:#3b82f6cc}.fullscreen-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:999;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px}.prayer-timer-mode,.prayer-notification-mode,.prayer-started-mode{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d)}.black-screen-mode{background:#000}.prayer-timer-content,.prayer-notification-content,.iqomah-timer-content,.prayer-started-content{background:#000000b3;padding:4rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 50px #00000080}.prayer-Timer{font-size:30rem;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 30px rgba(255,187,0,.8);margin-top:-100px}.prayer-subtitle{font-size:4rem;opacity:.9;margin-top:-200px;color:#b3e0ff}.adzan-subtitle{font-size:4rem;opacity:.9;color:#b3e0ff}.prayer-info{font-size:6rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.notification-title,.prayer-started-title{font-size:9rem;font-weight:700;color:gold;animation:flash 1s infinite}.iqomah-timer-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;animation:fadeIn .5s ease-in-out;background:linear-gradient(135deg,#1e3c72,#2a5298,#1e3c72)}.iqomah-timer-content{background:#000000b3;padding:4rem;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid rgba(0,150,255,.5);box-shadow:0 0 60px #0096ff66;max-width:85%;min-width:70%;animation:iqomahGlow 3s infinite}.iqomah-title{font-size:3rem;font-weight:700;color:#0ff;margin-bottom:2rem;text-shadow:0 0 20px rgba(255,255,255,.7)}.iqomah-info{font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.iqomah-subtitle{font-size:2.5rem;color:#0ff;margin-bottom:2rem;text-shadow:0 0 15px rgba(0,255,255,.5)}.iqomah-Timer{font-size:20rem;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 30px rgba(255,187,0,.8);margin:0}.iqomah-subtitle{font-size:1.5rem;opacity:.9;margin-top:1rem;color:#b3e0ff}.close-notification-btn{position:absolute;top:30px;right:30px;background:#fff3;color:#fff;border:none;padding:15px 20px;border-radius:50%;cursor:pointer;font-size:24px;transition:all .3s ease;z-index:2001}.close-notification-btn:hover{background:#fff6;transform:scale(1.1)}.beep-counter{position:absolute;top:30px;left:30px;background:#000c;color:#0ff;padding:12px 18px;border-radius:12px;font-size:16px;font-weight:700;border:2px solid rgba(0,255,255,.3);font-family:Courier New,monospace}.time-info{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.current-date{font-size:2rem;opacity:.8;margin-bottom:1rem;color:#e6f7ff}.current-time{font-size:2.5rem;font-weight:700;color:#0f0;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,0,.5)}.progress-container{width:100%;height:8px;background:#fff3;border-radius:4px;margin:2rem 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#0080ff);border-radius:4px;transition:width 1s linear;box-shadow:0 0 10px #00ffff80}@keyframes iqomahPulse{0%,to{transform:scale(1);text-shadow:0 0 30px rgba(255,100,0,1)}50%{transform:scale(1.05);text-shadow:0 0 50px rgba(255,196,0,.8)}}@keyframes iqomahGlow{0%,to{box-shadow:0 0 40px #0096ff99,inset 0 0 20px #0096cd1a}50%{box-shadow:0 0 60px #0096ffcc,inset 0 0 30px #0096ff33}}@media(max-width:768px){.iqomah-Timer{font-size:12rem}.iqomah-title{font-size:2.5rem}.iqomah-info{font-size:1.5rem}.iqomah-timer-content{padding:2rem;min-width:90%}}@media(max-width:480px){.iqomah-Timer{font-size:8rem}.iqomah-title{font-size:2rem}.iqomah-info{font-size:1.2rem}.current-date{font-size:1.5rem}.current-time{font-size:2rem}}.close-notification-btn{position:absolute;top:20px;right:20px;background:#fff3;color:#fff;border:none;padding:10px 15px;border-radius:50%;cursor:pointer;font-size:18px;transition:background .3s}.close-notification-btn:hover{background:#fff6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes flash{0%,50%{opacity:1}51%,to{opacity:.5}}.pulse-animation,.iqomah-pulse{animation:pulse 2s infinite}.iqomah-glow{animation:steadyGlow 3s infinite}@keyframes steadyGlow{0%,to{box-shadow:0 0 30px #0096ff99}50%{box-shadow:0 0 50px #0096ffcc}}.beep-counter{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;padding:10px 15px;border-radius:10px;font-size:14px;font-weight:700}.swiper-container-wrapper{display:flex;flex-direction:row;height:100%;gap:10px}.main-swiper-container{flex:1;height:100%;position:relative}.thumbnail-swiper-container{width:120px;height:400px}.mySwiper2{width:980px;height:550px;border-radius:.75rem;overflow:hidden}.mySwiper2 .swiper-slide{display:flex;justify-content:center;align-items:center;background:#000;overflow:hidden}.mySwiper{width:100%;height:100%;box-sizing:border-box}.mySwiper .swiper-slide{width:100%!important;height:calc(25% - 7.5px)!important;opacity:.4;cursor:pointer;overflow:hidden;border-radius:.5rem;margin-bottom:10px}.mySwiper .swiper-slide:last-child{margin-bottom:0}.mySwiper .swiper-slide-thumb-active{opacity:1;border:2px solid #00AEEF}.mySwiper .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-counter{position:absolute;top:10px;right:140px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:600;z-index:10}.tv-gradient{background:linear-gradient(45deg,#000,#03278c,#000)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border:1px solid rgba(255,255,255,.2)}.digital-clock{font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,174,239,.5)}.auto-fullscreen-Timer{position:fixed;top:20px;right:20px;background:#0003;color:#16fa0633;padding:10px 15px;border-radius:20px;font-size:14px;font-weight:700;z-index:100;border:2px solid rgba(22,250,6,.2);font-family:Courier New,monospace}.fullscreen-slide-Timer{position:fixed;top:20px;right:20px;background:#0003;color:#16fa0680;padding:10px 15px;border-radius:20px;font-size:14px;font-weight:700;z-index:1001;border:2px solid rgba(22,250,6,.2);font-family:Courier New,monospace}.qr-code-overlay{position:absolute;bottom:2px;right:10px;z-index:50;background:#fffffff2;border-radius:12px;padding:8px;box-shadow:0 4px 20px #0000004d;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.qr-code-image{width:80px;height:80px;border-radius:8px;display:block}.qr-code-label{font-size:10px;color:#333;text-align:center;margin-top:4px;font-weight:600;background:#00aeef1a;padding:2px 6px;border-radius:4px}.fullscreen-qr-code{position:fixed;bottom:30px;right:30px;z-index:1002;background:#fffffff2;border-radius:16px;padding:12px;box-shadow:0 6px 30px #0006;border:3px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}.fullscreen-qr-code .qr-code-image{width:100px;height:100px;border-radius:10px}.fullscreen-qr-code .qr-code-label{font-size:12px;margin-top:6px;background:#00aeef26;padding:3px 8px}.qris-overlay{position:absolute;bottom:80px;right:30px;z-index:50;background:#fffffff2;border-radius:12px;padding:8px;box-shadow:0 4px 20px #0000004d;border:2px solid #10B981;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.qris-image{height:70px;width:auto;border-radius:8px;display:block}.qris-label{font-size:10px;color:#10b981;text-align:center;margin-top:4px;font-weight:700;background:#10b9811a;padding:2px 6px;border-radius:4px}.fullscreen-qris{position:fixed;bottom:30px;left:30px;z-index:1002;background:#fffffff2;border-radius:16px;padding:12px;box-shadow:0 6px 30px #0006;border:3px solid #10B981;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}.fullscreen-qris .qris-image{height:120px;width:auto;border-radius:10px}.fullscreen-qris .qris-label{font-size:12px;margin-top:6px;background:#10b98126;padding:3px 8px;color:#10b981;font-weight:700}.marquee-container{overflow:hidden;white-space:nowrap;width:100%;position:relative}.marquee-wrapper{display:inline-flex;animation:marquee 25s linear infinite}.marquee-text{display:inline-block;padding-right:50px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrapper:hover{animation-play-state:paused}