.child{width:100%}.grabbable{flex:1;width:100%;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.moon{margin-left:6px;display:inline-block;border-radius:50%;vertical-align:middle;position:relative;top:-4px;left:-13px;bottom:0;background-color:transparent}.cmoon{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:50%;box-shadow:25px 10px #fff;margin:auto auto auto 10px;width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle}.masjid_logo{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.iqama_time{font-size:18px;width:19%;color:#787878;text-align:center;font-weight:600;display:table-cell;display:flow-root}.iqama_time span{font-size:3em;font-weight:400;color:#565656;display:flex}.allAthanContainer{overflow:scroll;white-space:nowrap;overflow-y:hidden;width:auto;-webkit-overflow-scrolling:touch;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;padding:32px 0 42px 23px;scroll-snap-type:x mandatory;scroll-padding:0 25px}.timerContainer{max-height:100%;padding:17px}#currentTime{position:absolute;padding:19px;text-rendering:geometricPrecision;font-size:2vh;font-weight:400;letter-spacing:-.03em;font-size:calc(12px + .4vw)}.iqama_time span.ampm{display:inline-block;font-size:.7em}.main,.iqama{border-radius:32px;border-radius:var(--app-border-rad)}.main{width:90%;background:#111;box-shadow:0 1px 18px 20px #ffffff0a;background:#304254;flex-direction:column;justify-content:space-between;display:inline-block;margin:0 10px 17px 0;width:98%;scroll-snap-align:start;border:var(--app-border) solid rgb(255 255 255 / 20%);background:#222a3a}.iqama{width:90%;background:#f2f2f2;margin:70px auto 40px;box-shadow:#c5ccd4 0 2px 20px}.iqama .times{padding:23px 36px;display:inline-block}body{background:#f4f4f4;margin:0;color:#fff;background:#6482a2;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Ariel}.top{height:inherit;margin:auto;text-align:center;background-size:cover;width:100%;border-bottom:2px solid rgb(255 255 255 / 10%)}.static{content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-attachment:fixed;opacity:1;z-index:15;-webkit-transform:translateZ(0px);transform:translateZ(0);-webkit-transition:-webkit-transform .4s;transition:transform .4s,-webkit-transform .4s;border:none}#date{font-size:2.4vh;font-size:calc(12px + .1vw);display:block;color:var(--bottom-text);font-weight:400;letter-spacing:-.06em}.prayers{font-size:18px;display:inline-block;text-align:center;font-weight:300;letter-spacing:-.04em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.prayers span{font-weight:500;font-size:4vw;display:flex;flex-wrap:nowrap;justify-content:flex-start;transition:color .1s,opacity .25s,transform .55s cubic-bezier(.5,0,.29,1.47);flex-direction:row;align-items:stretch;align-content:center}.prayers span.ampm{display:inline-block;font-size:3vw}.am:after{display:inline-block;font-size:3vw;content:"am"}.times{justify-content:flex-start;width:-webkit-fill-available;align-content:flex-end;align-items:center;align-items:flex-end;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;padding:50px 25px;position:inherit;justify-content:space-evenly;color:var(--bottomColor)}.overlay{width:100%;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#ffffff1a}.left{position:relative;font-weight:700;font-size:2em;max-width:100%;opacity:1;transition:opacity .1s;font-size:18.5vw;display:block;text-align:initial;letter-spacing:-.01em;display:flex;justify-content:space-evenly;width:100%;height:100%;justify-content:space-around;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:grid;align-items:center}@media (max-width: 850px){.search-input{max-width:inherit}.resetButton{width:100%}.timerContainer{max-height:100%;padding:17px;line-height:1.17}.allAthanContainer{overflow:scroll;white-space:nowrap;overflow-y:hidden;width:auto;-webkit-overflow-scrolling:touch;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:17px 0px 60vh 18px;scroll-snap-type:x mandatory;scroll-padding:0 14px}.main{display:inline-block;margin:0 14px 0 0;width:95%;scroll-snap-align:start}.timerContainer{max-height:100%;padding:26px}#location{display:none}.top{height:fit-content;margin:auto;font-size:2em;text-align:center;background-size:cover}.left{text-align:center;bottom:0;left:0;width:100%;display:flex;margin-top:.7rem;position:inherit;font-weight:700;font-size:20vw;flex-direction:column}.prayers{font-size:20px;display:inline-block;width:100%;text-align:center;font-weight:500;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;flex-direction:column;align-content:flex-start;border-radius:5px}.prayers:last-child{border-bottom:0px solid #ffffff45}.times{display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;flex:50%;justify-content:space-evenly;align-content:space-between}@media (max-width: 600px){.times{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;flex-direction:column;align-content:flex-start}}.prayers span{font-size:8.5vw;display:block;display:inline-block;letter-spacing:normal}.prayers{font-size:20px;display:inline-block;width:100%;text-align:center;font-weight:500;flex-wrap:wrap;justify-content:flex-start;flex-direction:column;display:flex;align-content:center;border-radius:5px}@media (max-width: 600px){.prayers span{font-size:12vw}}.prayers span.ampm{display:inline-block;font-size:.6em;margin-left:.2em}}#until{font-size:2vh;font-weight:400;letter-spacing:-.06em;display:-webkit-inline-box;font-size:calc(12px + .7vw)}@media (min-width: 2000px){.left{position:relative;bottom:0;font-weight:700;font-size:24vw;left:20px}#until{font-size:4vw;color:#fff;position:relative}}.timerContainer{padding:10px}#location{display:none}#prog{height:2px;background:#90ee90;-webkit-transition:width .5s ease-out,opacity .5s linear;transition:width .5s ease-out,opacity .5s linear;width:0%;max-width:100%}#title{font-size:-webkit-xxx-large;padding:.4em;text-rendering:geometricPrecision;background:#e09920;font-size:.4em}.iqama{width:max-content;position:inherit;height:100%;top:0;display:none}.color_in{color:var(--up-next);transform:scale(1.11)}.topTitle{color:#000;font-size:2em;padding:6px;margin:0;text-align:center}#location{position:relative;font-size:-webkit-xxx-large;padding:15px;float:right;cursor:pointer}#location img{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#currentTime span span .ampm{font-size:.7em;text-transform:uppercase;margin-left:2px}.showAll{display:block;position:initial;right:0;float:right;margin:10px 6px 6px;outline:none;border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:0 0 15px 4px #0000000f;vertical-align:middle;padding:7px;background-color:#fff!important;border-radius:10px;transition:.3s border-color;border:1px solid #aaa;font-size:small;display:inline-block;font-family:inherit}.futureDateTop{font-size:20px;display:inline-block;color:#fffcfc;text-align:center;font-weight:600;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;flex-direction:column;align-content:flex-start;margin-top:24px}hr{border-top:29px #fff;width:80%;border-radius:22px}.tab-list{border-bottom:1px solid #ccc;padding-left:0}.tab-list-item{display:inline-block;list-style:none;margin-bottom:-1px;padding:.5rem .75rem}.tab-list-active{background-color:#fff;border:solid #ccc;border-width:1px 1px 0 1px}#start{outline:none;border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:0 0 15px 4px #0000000f;border-radius:10px;vertical-align:middle;margin:15px 15px 0 0;padding:5px;background-color:#fff!important;border-radius:var(--app-inner-rad);transition:.3s border-color;border:1px solid #aaa;font-size:small;width:min-content;display:inline-block}.highlightText{color:var(--bottom-text);font-weight:600;letter-spacing:.02em}.loc{transition:color .5s ease-out,opacity .5s linear;width:1.5rem;height:1.5rem;display:inline-block;background:#ff0;vertical-align:middle;background-color:#2ba7d9;background-color:#fff;opacity:1;-webkit-animation-name:"fade";-moz-animation-name:"fade";-o-animation-name:"fade";animation-name:fade;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-ms-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;-moz-box-shadow:#60c9e9 2px 2px 40px 0px;-webkit-box-shadow:#60c9e9 2px 2px 40px 0px;box-shadow:#60c9e9 2px 2px 40px}.pulse{-webkit-animation:pulse 2s ease-in-out infinite;-moz-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.spacing{margin:50px}@-webkit-keyframes fade{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-moz-keyframes fade{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-ms-keyframes fade{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-o-keyframes fade{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.32);opacity:.8}50%{opacity:1}85%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1);opacity:0}}@-webkit-keyframes reset{0%{top:-5px;opacity:0}to{top:0;opacity:1}}@-moz-keyframes pulse{0%{-moz-transform:scale(.32);opacity:.8}50%{opacity:1}85%{-moz-transform:scale(1)}to{-moz-transform:scale(1);opacity:0}}@-moz-keyframes reset{0%{top:-5px;opacity:0}to{top:0;opacity:1}}@keyframes pulse{0%{transform:scale(.32);opacity:.8}50%{opacity:1}85%{transform:scale(1)}to{transform:scale(1);opacity:0}}@keyframes reset{0%{top:-5px;opacity:0}to{top:0;opacity:1}}.carouselWrapper{border-top:none;margin:0;padding:0;overflow:visible;position:relative}.carouselWrapper .photoCarousel{border-top:none;clear:both;margin-top:-30px;padding:10px;overflow:scroll;text-align:center;white-space:nowrap}.carouselWrapper .photoCarousel .photoThumb{display:inline-block;margin-left:6px}.carouselWrapper .photoCarousel .photoThumb:first-child{margin-left:0}.dot{width:100%;position:relative;-webkit-animation-name:"fade";-moz-animation-name:"fade";-o-animation-name:"fade";animation-name:fade;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-ms-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.point{background:#2ba7d9;border:1px solid #0f7baf;display:block;height:14px;left:50%;margin-left:-7px;position:relative;text-align:center;top:0;width:14px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;box-shadow:inset 0 1px 1px #ffffff4d,inset 0 1px #ffffff4d,inset 0 -1px 1px #2c4d8fb3,0 1px 1px #0003}.dot .pulse{background:transparent;border:1px solid #60c9e9;display:block;height:64px;left:-26px;position:absolute;top:-26px;width:64px;z-index:-1;-webkit-animation:pulse 2s ease-in-out infinite;-moz-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;-moz-box-shadow:#60c9e9 2px 2px 40px 0px;-webkit-box-shadow:#60c9e9 2px 2px 40px 0px;box-shadow:#60c9e9 2px 2px 40px}.Tooltip{--gap: .75em;position:absolute;font-size:.925em;font-weight:400;font-style:normal;line-height:var(--line-height);text-transform:none;letter-spacing:normal;padding:.3em .85em;white-space:nowrap;max-width:calc(100vw - 1em);color:#000;background:var(--prog-color);opacity:0;transition:opacity .08s ease-out;will-change:opacity;border-radius:1.25em;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:.7em!important;font-weight:400!important}.light-app .Tooltip{background:var(--prog-color)}.extraProps{line-height:3vh}.addMoreButton{outline:none;border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:0 0 15px 4px #0000000f;margin:25px 6px 25px 0;background-color:var(--regular-next)!important;transition:.3s border-color;border:1px solid #aaa;font-size:large;width:-moz-fit-content;width:fit-content;display:inline-block;text-align:center;position:initial;left:0;right:0;font-weight:400;padding:20px;background:#ffffff14;border:1px;border-radius:47px;cursor:pointer;font-size:17px;top:0;position:relative}.appSettings{margin:20px}.resetButton{outline:none;border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:0 0 15px 4px #0000000f;margin:25px 0;background-color:#fff;transition:.3s border-color;border:1px solid #aaa;font-size:large;text-align:center;left:0;right:0;font-weight:400;padding:20px;border:1px;border-radius:47px;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .121s ease-out;font-size:17px;top:0;display:inline-block}.settingsButton{padding:20px;border:1px;border-radius:21px;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .121s ease-out;font-size:17px;top:0;position:relative;margin:20px;background:#ffffff87}.settingsButton:hover{background:#ffffffdb;transform:translateY(-3px)}.settingsButton:active{background:#fff;transform:translateY(0)}::selection{background-clip:initial;-webkit-background-clip:initial;color:#fff;background-color:#d3d3d392}.wrapper{max-width:450px;margin:150px auto}.wrapper .search-input{background:#fff;width:100%;border-radius:5px;position:relative;box-shadow:0 1px 5px 3px #0000001f}.search-input input{height:55px;outline:none;border:none;border-radius:10px;padding:0 60px 0 20px;font-size:18px;box-shadow:0 1px 5px #0000001a;width:-webkit-fill-available}.search-input{width:50%;width:100%;background:#fff;border-radius:10px;width:clamp(300px,100%,700px);margin:20px 0 9px}.search-input .autocom-box{padding:0;opacity:0;pointer-events:none;overflow-y:auto;color:#000}.search-input.active .autocom-box{padding:10px 8px;opacity:1;pointer-events:auto;transition:all .7s ease-out;-webkit-transition:all .7s ease-out}.autocom-box li{list-style:none;padding:8px 12px;display:none;width:100%;cursor:default;border-radius:3px}.search-input.active .autocom-box li{display:block;width:max-content}.autocom-box li:hover{background:#efefef;color:#000}.duplicateLocation{transition:transform .4s,-webkit-transform .4s;background:#e2e8e8}.autocom-box .duplicateLocation:hover,.duplicateLocation:active{background:#ab4326;color:#fff;transform:scale(.9)}.search-input .icon{position:absolute;right:0;top:0;height:55px;width:55px;text-align:center;line-height:55px;font-size:20px;color:#644bff;cursor:pointer}.search-input .autocom-box{display:none}.search-input input:focus+.autocom-box{display:block}.autocom-box:active{display:block}input:focus{border-color:#66afe9;box-shadow:0 1px 1px #00000013 inset,0 0 8px #66afe999;outline:0 none}.removeLoc{background:#bf3838;color:#fff;border-radius:4px;padding:0 5px;cursor:pointer}.main{background:var(--default-app-color);scroll-snap-stop:always;color:#e5f2ff;cursor:default}body{background:var(--default-body-bgColor)}.top{background-color:#ffffff14;background:linear-gradient(var(--bg-angle),var(--c1) 8%,var(--c2),var(--c3));transition:--bg-angle .5s ease,--c1 .5s ease,--c2 .5s ease,--c3 .5s ease;will-change:--bg-angle,--c1,--c2,--c3;border-radius:var(--app-inner-rad) var(--app-inner-rad) 0px 0px;position:relative;height:-moz-fit-content;height:inherit;margin:auto;text-align:center;background-size:cover;width:inherit;width:100%;border-bottom:2px solid rgb(255 255 255 / 1);overflow:hidden}.pageDots{position:fixed;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;pointer-events:auto;z-index:33;padding:8px 10px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 10px 24px #0000003d}.pageDot{width:6px;height:6px;border-radius:999px;background:#ffffff73;border:none;padding:0;cursor:pointer;will-change:width,background;transition:transform .12s ease,background .12s ease,width .12s ease}.pageDot.active{width:18px;background:#fff}.bottomGradientHint{position:fixed;left:0;right:0;bottom:0;height:100px;background:linear-gradient(180deg,#0000,#00000059 70%);pointer-events:none;z-index:30}@media (prefers-color-scheme: light){.bottomGradientHint{background:linear-gradient(180deg,#fff0,#fff9 70%)}:root{--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .08)}}#currentTime{letter-spacing:-.015em}.left{letter-spacing:-.03em}.times{gap:clamp(8px,2.2vw,20px)}.prayers span{letter-spacing:-.02em}.highlightText{letter-spacing:.01em}.indTime{letter-spacing:-.08em}.allAthanContainer{scroll-behavior:smooth}.dark-app{color:#e5f2ff;--bottomColor: hsl(210deg 100% 95%);--regular-next: #fce56f;--up-next: #fce56f;--bottom-text: var(--regular-next);--text-color: hsl(210deg 100% 95%)}.light-app{--bottomColor: hsl(210deg 19% 20%);color:#e5f2ff;--up-next: #4095c7;--bottom-text: white;--text-color: hsl(210deg 19% 20%);--text-color: white}@property --night1{syntax: "<color>"; initial-value: #170fc4ed; inherits: false;}@property --night2{syntax: "<color>"; initial-value: #070629; inherits: false;}@property --night3{syntax: "<color>"; initial-value: #060513; inherits: false;}@property --bg-angle{syntax: "<angle>"; initial-value: 180deg; inherits: false;}@property --c1{syntax: "<color>"; initial-value: #0d6efd; inherits: false;}@property --c2{syntax: "<color>"; initial-value: #29a3ff; inherits: false;}@property --c3{syntax: "<color>"; initial-value: #ffd166; inherits: false;}:root{--night1: #0b1026;--night2: #0a1a3a;--night3: #091326;--regular-next: #61c0f8;--default-app-color: rgb(0, 0, 0);--default-body-bgColor: rgb(0, 0, 0);--gradient: #0d6efd 8%, #29a3ff, #ffd166;--night-gradient: #2b2e83 10%, #3a137a, #0a0c1a;transition:--night1 3s,--night2 3s,--night3 3s;--sunset-gradient: #3c4aad 8%, #ff7a59, #ff2e63;--sunrise-gradient: #1b66ff 8%, #ff87ab, #ff8f3d;--bottom-text-color: white;--app-border-rad: 12px;--app-border: 2px;--app-inner-rad: calc(var(--app-border-rad) - var(--app-border));--prog-color: hsl(210deg 100% 95%);--passed-time-color: hsl(110deg 100% 77% / 67%);--glass-bg: rgba(15, 23, 37, .45);--glass-border: rgba(255, 255, 255, .16);--glass-blur: 16px}@media (prefers-color-scheme: dark){:root{--default-app-color: rgb(145, 145, 196);--default-body-bgColor: rgb(0, 0, 0)}}.appSettings{display:flex;align-items:flex-start;flex-direction:column;align-content:center;justify-content:center;flex-wrap:wrap}.speedDial{position:fixed;bottom:20px;right:20px;z-index:35}.speedDialBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:34}.fabMain{width:56px;height:56px;border-radius:999px;border:none;background:#ffffffd9;color:#111;font-size:24px;font-weight:700;box-shadow:0 10px 28px #00000059;cursor:pointer;transition:transform .15s ease,background .2s ease}.fabMain.active{transform:rotate(45deg)}.fabMain:hover{background:#fff;transform:translateY(-2px)}.fabMain:active{transform:translateY(0) rotate(45deg)}.speedDialActions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-bottom:10px}.miniFab{width:44px;height:44px;border-radius:999px;border:none;background:#ffffffeb;color:#0f1725;font-size:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000040;cursor:pointer;transition:transform .12s ease,background .2s ease}.miniFab svg{width:22px;height:22px}.miniFab:hover{background:#fff;transform:translateY(-1px)}.miniFab:active{transform:translateY(0)}.miniFab.danger{background:#b72b2b;color:#fff}.paletteCard{position:absolute;right:72px;bottom:0;background:#0f1725f5;color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px;box-shadow:0 10px 28px #00000059}.qiblaCard{position:absolute;right:72px;bottom:0;background:#0f1725f5;color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px 16px 16px;box-shadow:0 10px 28px #00000059;width:240px}.light-app .qiblaCard{background:#fffffffa;color:#0f1725;border-color:#00000014}.qiblaHeader{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.qiblaTitle{font-weight:800;letter-spacing:-.02em}.qiblaMeta{opacity:.85;font-size:12px}.compassWrap{display:grid;place-items:center;padding:6px 0 8px}.compassDial{position:relative;width:160px;height:160px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 55%,#ffffff0f,#00000014)}.light-app .compassDial{border-color:#0000001f}.northMark{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:12px;opacity:.8}.qiblaArrow{position:absolute;left:50%;top:50%;width:6px;height:72px;background:#22c55e;border-radius:6px;filter:drop-shadow(0 4px 10px rgba(34,197,94,.35));transform-origin:50% 100%}.qiblaArrow:after{content:"";position:absolute;left:50%;top:-14px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:16px solid #22c55e}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 2px 10px #00000059}.qiblaHint{font-size:12px;opacity:.85;margin-top:6px}.qiblaReadout{display:flex;justify-content:center;font-size:12px;opacity:.9}.qiblaGuidance{font-size:18px;font-weight:700}.cardinal{position:absolute;color:#ffffffe6;font-size:11px;-webkit-user-select:none;user-select:none}.light-app .cardinal{color:#0f1725e6}.cardinal.north{top:6px;left:50%;transform:translate(-50%)}.cardinal.south{bottom:6px;left:50%;transform:translate(-50%)}.cardinal.east{right:6px;top:50%;transform:translateY(-50%)}.cardinal.west{left:6px;top:50%;transform:translateY(-50%)}.qiblaUnavailable{font-size:12px;opacity:.92;line-height:1.35;max-width:30ch}.qiblaManual{margin-top:6px;opacity:.9}.light-app .paletteCard{background:#fffffffa;color:#0f1725;border-color:#00000014}.swatches{display:grid;grid-template-columns:repeat(6,28px);gap:8px;margin-bottom:10px}.swatch{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.6);cursor:pointer}.light-app .swatch{border-color:#00000026}.colorPickerInline{width:100%;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent}.light-app .colorPickerInline{border-color:#0000001f}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:40}.modalContent{width:min(900px,100%);max-height:85vh;background:#0f1725;color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 30px #00000059;padding:20px;overflow:hidden}.light-app .modalContent{background:#f7f7f9;color:#0f1725}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.light-app .modalHeader{border-bottom-color:#00000014}.modalTitle{margin:0;font-weight:700;letter-spacing:-.02em}.modalClose{background:transparent;border:none;color:inherit;font-size:24px;cursor:pointer}.modalBody{padding-top:14px;gap:16px;display:flex;flex-direction:column}.modalBody .savedLocations{max-height:46vh;overflow:auto;padding:8px 0}.slideUp{animation:slideUp .22s ease-out}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.searchBar{display:flex;align-items:center;gap:10px}.clearSearch{margin-left:8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit;border-radius:8px;padding:8px 10px;cursor:pointer}.light-app .clearSearch{border-color:#0003}.loadingSpinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--regular-next);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quickPicks{margin-top:6px}.quickPicksTitle{font-weight:700;opacity:.85;margin-bottom:8px}.quickPills{display:flex;flex-wrap:wrap;gap:8px}.quickPill{background:#ffffff1a;color:inherit;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 12px;cursor:pointer}.light-app .quickPill{background:#0000000d;border-color:#0000001a}.suggestionsList{max-height:40vh;overflow:auto}.suggestionsList li{display:block;width:100%}.modalDivider{height:1px;background:#ffffff14;margin:6px 0 2px}.light-app .modalDivider{background:#00000014}.modalSettings{display:flex;flex-direction:column;gap:12px}.settingsRow{display:flex;align-items:center;gap:12px}.settingsLabel{opacity:.8}.resetButtonDanger{background:#b72b2b;color:#fff;border:none;border-radius:10px;padding:12px 16px;cursor:pointer;box-shadow:0 6px 20px #b72b2b59}.duplicateLocation{list-style:none;padding:8px 12px;width:100%;cursor:default;border-radius:8px;color:#000;margin-top:14px}.largeText{font-size:1em}.full{padding:0;margin:0;height:100vh}.fullInd{height:-webkit-fill-available;margin:0;padding:0;width:100%}.fullInd .top{height:auto}.light-app .previousTime{color:#29333dba}.previousTime{color:#e5f2ffc7;color:var(--passed-time-color)}.previousTime:hover{opacity:1}@keyframes fadeIntoNext{0%{color:#fff0}50%{color:var(--text-color)}to{color:#fff0}}@keyframes fader{0%{color:#fff0}to{color:var(--text-color)}}@keyframes hideEl{0%{color:var(--text-color)}to{color:#fff0}}.hideTimer{-webkit-animation:hideEl 1.1s cubic-bezier(.65,.05,.36,1);animation:hideEl 1.1s cubic-bezier(.65,.05,.36,1)}.fadeTimer{-webkit-animation:fader 1.1s cubic-bezier(.65,.05,.36,1);animation:fader 1.1s cubic-bezier(.65,.05,.36,1)}.fadeSecIntTimer{-webkit-animation:fadeIntoNext 1.1s cubic-bezier(.65,.05,.36,1);animation:fadeIntoNext 1.1s cubic-bezier(.65,.05,.36,1)}.tzDiff{font-weight:300;font-size:.95em}.subText{font-size:.7em}.indTime{letter-spacing:-.06em}.timeParent{border-radius:0px 0px var(--app-inner-rad) var(--app-inner-rad)}.islamicHoliday{font-weight:500;color:var(--text-color)}.currentLoc{font-weight:500;color:#f7f7f7;background:#36b5d5}.duplicateLocation{cursor:pointer}.search-input input{font-weight:600;font-family:unset}.floatItem{position:fixed;width:90%;background:#000;height:10vh;bottom:0;left:0;right:0;margin:20px;border-radius:34px;transform:translateY(100vh);transition:color .5s ease-out,transform .2s ease-in}.floatItem .floatLargeTime{font-size:3em;float:right;display:flex;height:max-content;vertical-align:middle;padding:13px;margin:0 15px 0 0}.floatItem .floatName{font-size:2em;float:left;display:flex;height:max-content;vertical-align:middle;padding:23px;margin:0 0 0 5px}@keyframes firework{0%{transform:translate(-50%,60vh);width:.5vmin;opacity:1}50%{width:.5vmin;opacity:1}to{width:45vmin;opacity:0}}.firework,.firework:before,.firework:after{--top: 60vh;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5vmin;aspect-ratio:1;background:radial-gradient(circle,#ff0 .2vmin,#0000 0) 50% 00%,radial-gradient(circle,#ff0 .3vmin,#0000 0) 00% 50%,radial-gradient(circle,#ff0 .5vmin,#0000 0) 50% 99%,radial-gradient(circle,#ff0 .2vmin,#0000 0) 99% 50%,radial-gradient(circle,#ff0 .3vmin,#0000 0) 80% 90%,radial-gradient(circle,#ff0 .5vmin,#0000 0) 95% 90%,radial-gradient(circle,#ff0 .5vmin,#0000 0) 10% 60%,radial-gradient(circle,#ff0 .2vmin,#0000 0) 31% 80%,radial-gradient(circle,#ff0 .3vmin,#0000 0) 80% 10%,radial-gradient(circle,#ff0 .2vmin,#0000 0) 90% 23%,radial-gradient(circle,#ff0 .3vmin,#0000 0) 45% 20%,radial-gradient(circle,#ff0 .5vmin,#0000 0) 13% 24%;background-size:.5vmin .5vmin;background-repeat:no-repeat;animation:firework 2s infinite}.firework:before{transform:translate(-50%,-50%) rotate(25deg)!important}.firework:after{transform:translate(-50%,-50%) rotate(-37deg)!important}.IA span{font-size:5.5vw}@media (max-width: 850px){.IA span{font-size:12vw}}.cloudy-background{height:100vh;background-color:#d2d7db;position:relative}.cloud{position:absolute;top:20%;left:50%;width:150px;height:70px;border-radius:50px;background-color:#fff;box-shadow:0 0 20px 10px #fffc inset;animation:cloudy 3s linear infinite;transform:translate(-50%)}@keyframes cloudy{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(.9)}to{transform:translate(-50%) scale(1)}}.sunny-background{height:100vh;background-color:#f5d97e;position:relative}.sun{position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;background-color:#f5d97e;box-shadow:0 0 50px 20px #f5d97e,0 0 100px 50px #f5d97e,0 0 200px 100px #f5d97e;animation:sunny 3s linear infinite;transform:translate(-50%,-50%)}@keyframes sunny{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.rainy-background{height:100vh;background-color:#b0c4de;position:relative}.weather_container{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background:#fff;border-radius:var(--app-inner-rad) var(--app-inner-rad) 0px 0px}.rain{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background:#fff;animation:rain 2s linear infinite;border-radius:var(--app-inner-rad) var(--app-inner-rad) 0px 0px}@keyframes rainy{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.snowy-background{height:100vh;background-color:#dce2e6;position:relative}.snow{position:absolute;top:-10%;left:0;width:100%;height:100%;z-index:-1;background:#000;background-size:3px 3px;animation:snowy 2s linear infinite}@keyframes snowy{0%{transform:translateY(-0%)}to{transform:translateY(100%)}}.thunder-background{height:100vh;background-color:#1e1e1e;position:relative}.thunder{position:absolute;top:50%;left:50%;width:200px;height:200px;background-color:#fff;border-radius:50%;opacity:0;box-shadow:0 0 0 30px #fff,0 0 0 60px #fff,0 0 0 90px #fff,0 0 0 120px #fff,0 0 0 150px #fff;animation:thunder 1s linear infinite;transform:translate(-50%,-50%)}@keyframes thunder{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}.freezing-background{height:100vh;background-color:#fff;position:relative}.frost{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(white 50%,transparent 50%),linear-gradient(90deg,white 50%,transparent 50%);background-size:20px 20px;animation:freezing 2s linear infinite}@keyframes freezing{0%{background-position:0 0}to{background-position:100% 100%}}#rainy-container{position:absolute;top:0;left:0;right:0;bottom:0;height:100vh;overflow:hidden}.raindrop{border-radius:50%;position:absolute;width:3px;height:1em;background:linear-gradient(to bottom,transparent,rgba(50,50,250,.75));animation:raindrop-animation 1s linear infinite}@keyframes raindrop-animation{0%{transform:translateY(-10vh)}to{transform:translate(-5vw,110vh)}}.prayerCheck{height:15px;width:15px;background-color:var(--passed-time-color);border-radius:50%;display:inline-block;margin:5px}.prayerUnmarked{display:none!important}@font-face{font-family:Ostrich Sans;src:local("☺"),url(./ostrich-sans-black-eCHykZh4.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Ostrich Sans;src:local("☺"),url(./ostrich-sans-bold-XtARLxkh.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Ostrich Sans;src:local("☺"),url(./ostrich-sans-regular-CTdFMyCQ.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Ostrich Sans;src:local("☺"),url(./ostrich-sans-light-CyP9T8qs.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Ostrich Sans Dashed;src:local("☺"),url(./ostrich-sans-dashed-BCHS7NnX.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Ostrich Sans Rounded;src:local("☺"),url(./ostrich-sans-rounded-Dmwj_ZJl.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Ostrich Sans Inline;src:local("☺"),url(./ostrich-sans-inline-regular-BAoDz2zZ.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Ostrich Sans Inline;src:local("☺"),url(./ostrich-sans-inline-italic-CAvG3uYr.woff) format("woff");font-weight:400;font-style:italic}