body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;min-height:100%;min-width:100%;padding:0}.app-parent{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.app-parent-content{display:flex;flex-grow:1;height:100%;margin:0;padding:0}.table{display:table;height:100%;width:100%}.app-header{height:70px;height:var(--navHeight)}.app-content{height:100%}.app-footer{height:0}.row{display:table-row}@font-face{font-family:Montserrat;font-weight:400;src:local("Montserrat"),url(/static/media/Montserrat-Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:Montserrat-Italic;font-weight:400;src:local("Montserrat"),url(/static/media/Montserrat-Italic.f4a742d68090a0bfc33f.ttf) format("truetype")}@font-face{font-family:Montserrat-SemiBold;font-weight:600;src:local("Montserrat"),url(/static/media/Montserrat-Medium.b8c6753baa964ccac1ba.ttf) format("truetype")}@font-face{font-family:Montserrat-SemiBold-Italic;font-weight:600;src:local("Montserrat"),url(/static/media/Montserrat-MediumItalic.67e6dda3939a21720991.ttf) format("truetype")}@font-face{font-family:Montserrat-Bold;font-weight:700;src:local("Montserrat"),url(/static/media/Montserrat-Bold.50f0257aa1e905f4bfaf.ttf) format("truetype")}@font-face{font-family:Montserrat-BoldItalic;font-weight:700;src:local("Montserrat"),url(/static/media/Montserrat-BoldItalic.a169c71c1eb466896fe1.ttf) format("truetype")}:root{--colorLine:#f0f0f0;--colorShimmerBase:#e6e6e6;--colorShimmer:#f5f5f5;--navHeight:70px}@media (max-height:700px) and (orientation:landscape){:root{--navHeight:55px}}@media (max-width:600px) and (orientation:portrait){:root{--navHeight:50px}}@media (max-height:600px) and (orientation:landscape){.app-footer{display:none}}@media ((max-width:375px) and (orientation:portrait)),(max-height:500px) and (orientation:landscape){:root{--navHeight:40px}}@media (max-height:375px) and (orientation:landscape){:root{--navHeight:36px}}.text,.textBold,.textSemi{color:#fff;font-size:14px;font-weight:400}.text{font-family:Montserrat}.textSemi{font-family:Montserrat-SemiBold}.button,.textBold{font-family:Montserrat-Bold}.button{align-items:center;background-color:#fff;border:2px solid orange;border-radius:9px;color:#e6b701;cursor:pointer;display:flex;font-size:15px;font-weight:400;justify-content:space-between;padding:9px 8px 9px 9px}.button img{height:25px;width:25px}.button:active{background-color:#ebebeb}@media (max-width:899px){.button{border:1.5px solid orange;border-radius:7px;font-size:13px;padding:8px 6px 8px 8px}.button img{height:20px;width:20px}}@media (max-width:480px){.button{font-size:11px;padding:7px 6px 7px 7px}.button img{height:22px;width:22px}}@media (max-height:480px) and (orientation:landscape){.button{border:1.3px solid orange;border-radius:6px;font-size:11px;padding:6px 5px 6px 6px}.button img{height:18px;width:18px}}@media (hover:hover){.button:hover{background-color:#ebebeb}}.slider-root{overflow:hidden;z-index:-1}.slider-parent,.slider-root{height:100%;position:absolute;width:100%}.slider-parent{display:none}.slideShow{animation:slideShow 1.8s linear;display:block}@keyframes slideShow{0%{opacity:0;scale:1.05}to{opacity:1;scale:1}}.slideHide{animation:slideHide 1.5s linear}@keyframes slideHide{0%{opacity:1;scale:1}to{opacity:0;scale:1.02}}.slider-image{height:100vh;object-fit:cover;width:100vw}.header-root{background-color:#fff;box-shadow:0 4px 2px -2px #0003;display:flex;height:var(--navHeight);justify-content:space-between;padding:0;width:100%}.header-root div{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:25px;height:100%;padding:0 0 0 50px;width:-webkit-fit-content;width:fit-content}.header-root div img{height:calc(var(--navHeight)/1.2);height:var(--navLogoSize);width:calc(var(--navHeight)/1.2);width:var(--navLogoSize)}.header-root div h1{color:#3c3c3c;font-size:calc(var(--navHeight)/3.2);font-size:var(--navTitleSize);margin:0}.header-root h2{color:gray;display:none;font-size:calc(var(--navHeight)/4.5);font-size:var(--navWarningText);max-width:25vw;max-width:var(--navWarningWidth);padding-right:5px}:root{--navLogoSize:calc(var(--navHeight)/1.2);--navTitleSize:calc(var(--navHeight)/3.2);--navWarningWidth:25vw;--navWarningText:calc(var(--navHeight)/4.5)}@media (max-width:1024px) and (orientation:portrait){.header-root div{gap:45px;padding:0 0 0 40px}}@media (max-width:600px) and (orientation:portrait){.header-root div{gap:35px;padding:0 0 0 20px}}@media (max-width:375px) and (orientation:portrait){.header-root div{gap:40px;padding:0 0 0 20px}}@media (max-height:900px) and (orientation:landscape){.header-root div{gap:25px;padding:0 0 0 35px}}@media (width:1024px) and (height:600px) and (orientation:landscape){.header-root h2{display:block}}@media (max-height:500px) and (orientation:landscape){.header-root div{gap:20px;padding:0 0 0 30px}.header-root h2{display:block}}@media (max-height:375px) and (orientation:landscape){.header-root h2{display:block}}.time-counter{display:table-row;height:100%;width:100%}.time-counter-parent{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.time-counter-parent h2{text-shadow:1.5px 1.5px #28282866}#counter-date{font-size:27px;margin-top:0}#counter-next{font-size:25px;margin-top:-15px}#counter-timeTitle{font-size:30px;margin-top:-5px}#counter-timeTime{font-size:30px;margin-top:-25px}#counter-next2{font-size:20px}#counter-location{font-size:25px;margin-top:-5px}#counter-location,#counter-location-local{padding-left:20px;padding-right:20px;text-align:center}#counter-location-local{font-size:20px;margin-top:-10px}.counter-button-container{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:20px;justify-content:center;padding:0 10px;width:100%}.btn-location{width:38%}.btn-derma{display:none;width:35%}@media ((max-width:1024px) and (orientation:landscape)),((max-width:375px) and (orientation:portrait)),(max-width:1024px) and (orientation:portrait){.btn-derma{display:flex}}@media (max-width:1024px) and (orientation:portrait){.counter-button-container{flex-direction:column}.btn-location{width:65%}.btn-derma{width:48%}}@media (max-width:800px) and (orientation:portrait){#counter-date,#counter-next{font-size:20px}#counter-next{margin-top:-5px}#counter-timeTitle{font-size:28px}#counter-timeTime{font-size:24px}#counter-next2{font-size:18px;margin-top:20px}#counter-location{font-size:22px;margin-top:5px}#counter-location-local{font-size:17px}.counter-button-container{margin-top:25px}}@media (max-height:700px) and (orientation:landscape){#counter-date{font-size:20px}#counter-next{font-size:18px}#counter-timeTitle{font-size:27px}#counter-timeTime{font-size:24px;margin-top:-15px}#counter-next2{font-size:18px}#counter-location{font-size:22px}#counter-location-local{font-size:17px}}@media (max-width:600px) and (orientation:portrait){#counter-date,#counter-next{font-size:18px}#counter-next{margin-top:-5px}#counter-timeTitle{font-size:25px}#counter-timeTime{font-size:22px}#counter-next2{font-size:16px;margin-top:20px}#counter-location{font-size:18px;margin-top:5px}#counter-location-local{font-size:13px}}@media (max-width:480px) and (orientation:portrait){#counter-date{font-size:13px}#counter-next{font-size:14px;margin-top:-5px}#counter-timeTitle{font-size:22px}#counter-timeTime{font-size:19px}#counter-next2{font-size:12px;margin-top:20px}#counter-location{font-size:14px;margin-top:0}#counter-location-local{font-size:11px}.counter-button-container{margin-top:10px}.btn-location{width:90%}.btn-derma{width:70%}}@media (max-height:480px) and (orientation:landscape){#counter-date{font-size:18px}#counter-next{font-size:19px;margin-top:-7px}#counter-timeTitle{font-size:22px}#counter-timeTime{font-size:20px;margin-top:-15px}#counter-next2{font-size:14px;margin-top:10px}#counter-location{font-size:16px;margin-top:-5px}#counter-location-local{font-size:11px}.counter-button-container{margin-top:5px}.btn-location{width:50%}}@media (max-width:375px) and (orientation:portrait){#counter-date,#counter-next{font-size:12px}#counter-next{margin-top:-5px}#counter-timeTitle{font-size:19px;margin-top:-5px}#counter-timeTime{font-size:16px;margin-top:-10px}#counter-next2{font-size:12px;margin-top:10px}#counter-location{font-size:14px;margin-top:5px}#counter-location-local{font-size:10px}.counter-button-container{margin-top:10px}}@media (max-height:375px) and (orientation:landscape){#counter-date{font-size:13px}#counter-next{font-size:12px;margin-top:-7px}#counter-timeTitle{font-size:16px}#counter-timeTime{font-size:14px;margin-top:-10px}#counter-next2{font-size:11px;margin-top:10px}#counter-location{font-size:12px;margin-top:5px}#counter-location-local{font-size:8px}.counter-button-container{margin-top:5px}.btn-location{width:50%}}@media (max-width:320px) and (orientation:portrait){#counter-date{font-size:11px}#counter-next{font-size:12px}#counter-timeTitle{font-size:18px}#counter-timeTime{font-size:15px;margin-top:-10px}#counter-next2{font-size:11px;margin-top:10px}#counter-location{font-size:12px;margin-top:5px}#counter-location-local{font-size:8px}.counter-button-container{margin-top:10px}}.countdown-root{display:flex;justify-content:center;margin-top:12px}.countdown-root div{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#f5f5f566;border:4px solid orange;border:var(--countdownBackgroundBorder) solid orange;border-radius:71.79487px;border-radius:var(--countdownRadius);display:flex;flex-direction:column;height:140px;height:var(--countdownBackgroundSize);justify-content:center;width:140px;width:var(--countdownBackgroundSize)}.countdown-center{margin:0 30px}.countdown-root div h1{font-size:75px;margin:0;text-shadow:2.5px 2.5px #28282866}.countdown-root div h4{font-size:20px;margin:-10px 0 0;text-shadow:1.5px 1.5px #28282866}:root{--countdownBackgroundSize:140px;--countdownBackgroundBorder:4px;--countdownRadius:calc(var(--countdownBackgroundSize)/1.95)}@media (max-width:800px) and (orientation:portrait){:root{--countdownBackgroundSize:130px;--countdownBackgroundBorder:3px}.countdown-center{margin:0 25px}.countdown-root div h1{font-size:65px;text-shadow:2px 2px #28282866}.countdown-root div h4{font-size:20px}}@media (max-height:700px) and (orientation:landscape){:root{--countdownBackgroundSize:110px;--countdownBackgroundBorder:2.5px}.countdown-root div h1{font-size:60px;text-shadow:2px 2px #28282866}.countdown-root div h4{font-size:16px}}@media (max-width:600px) and (orientation:portrait){:root{--countdownBackgroundSize:120px;--countdownBackgroundBorder:2.5px}.countdown-center{margin:0 20px}.countdown-root div h1{font-size:60px}.countdown-root div h4{font-size:18px;margin-top:-10px}}@media (max-width:480px) and (orientation:portrait){:root{--countdownBackgroundSize:90px;--countdownBackgroundBorder:2px}.countdown-center{margin:0 15px}.countdown-root div h1{font-size:42px}.countdown-root div h4{font-size:13px;margin-top:-5px}}@media (max-height:480px) and (orientation:landscape){:root{--countdownBackgroundSize:85px;--countdownBackgroundBorder:2px}.countdown-center{margin:0 20px}.countdown-root div h1{font-size:42px}.countdown-root div h4{font-size:14px;margin-top:-5px}}@media (max-width:375px) and (orientation:portrait){:root{--countdownBackgroundSize:80px;--countdownBackgroundBorder:2px}.countdown-center{margin:0 15px}.countdown-root div h1{font-size:40px}.countdown-root div h4{font-size:12px;margin-top:-5px}}@media (max-height:375px) and (orientation:landscape){:root{--countdownBackgroundSize:70px;--countdownBackgroundBorder:2px}.countdown-center{margin:0 15px}.countdown-root div h1{font-size:36px}.countdown-root div h4{font-size:12px;margin-top:-5px}}@media (max-width:320px) and (orientation:portrait){:root{--countdownBackgroundSize:80px;--countdownBackgroundBorder:1.5px}.countdown-center{margin:0 10px}.countdown-root div h1{font-size:38px}.countdown-root div h4{font-size:13px;margin-top:-5px}}footer{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#141414b3;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:100px;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:10px;width:100%}.footer-data{display:flex;flex-direction:column;gap:20px;height:100%}#footer-date{font-size:16px;margin:0 auto auto 0}.prayer-times{column-gap:20px;display:flex;flex-wrap:wrap;row-gap:10px}.prayer-times div{display:flex;flex-direction:column}.prayer-times div h4{color:#e6b701;font-size:17px;margin:0}.prayer-times div h3{font-size:18px;margin:0}.btn-footer{gap:30px}#footer-warning{margin:0}@media ((max-width:1114px) and (orientation:landscape)),((width:720px) and (orientation:landscape)),(max-width:1024px) and (orientation:portrait){.btn-footer{display:none}}@media (max-height:600px) and (orientation:landscape){footer{display:none}}@media (max-width:900px) and (orientation:landscape){#footer-date{font-size:14px}.prayer-times div h3,.prayer-times div h4{font-size:17px}#footer-warning{font-size:13px}}@media (max-width:800px) and (orientation:portrait){#footer-date,.prayer-times div h3,.prayer-times div h4{font-size:15px}#footer-warning{font-size:14px}}@media (max-width:700px) and (orientation:portrait){#footer-date{font-size:12px}.prayer-times div h3,.prayer-times div h4{font-size:12.5px}#footer-warning{font-size:11px}}@media (max-width:600px) and (orientation:portrait){#footer-date{font-size:12px}#footer-warning,.prayer-times div h3,.prayer-times div h4{font-size:11px}}@media (max-width:480px) and (orientation:portrait){#footer-date,.prayer-times div h3,.prayer-times div h4{font-size:11px}#footer-warning{font-size:10px}}@media (max-width:375px) and (orientation:portrait){#footer-date,.prayer-times div h3,.prayer-times div h4{font-size:11px}#footer-warning{font-size:10px}}@media (max-width:320px) and (orientation:portrait){#footer-date{font-size:10px}.prayer-times div h3,.prayer-times div h4{font-size:11.5px}#footer-warning{font-size:10px}}.left-root{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#14141499;display:none;flex-direction:column;height:100%;width:120px}.left-item{align-items:center;border-bottom:.8px solid #646464;display:flex;height:14.28571%;justify-content:center;width:100%}.isIsyak{border-bottom:0}.left-item div{align-items:start;display:flex;flex-direction:column}.left-item div h4{color:orange;font-size:16px;margin:0}.left-item div h3{font-size:17px;margin:0}@media (max-width:1024px) and (max-height:600px) and (orientation:landscape){.left-root{display:flex}}@media (max-height:480px) and (orientation:landscape){.left-root{display:flex;width:100px}.left-item div h4{font-size:12px}.left-item div h3{font-size:13px}}@media (max-height:375px) and (orientation:landscape){.left-root{display:flex;width:90px}.left-item div h4{font-size:11px}.left-item div h3{font-size:12px}}.location-item-root{display:flex;flex-direction:column}.location-item-root h3{color:#000;font-size:17px;margin:15px 0 8px 5px}.location-item-root table{--border:1px solid var(--colorLine);border:var(--border);border-collapse:initial;border-radius:8px;border-spacing:0;margin-bottom:30px;overflow:hidden;width:100%}.location-item-root table tr td{border-bottom:1px solid var(--colorLine);font-family:Montserrat-SemiBold;padding-bottom:10px;padding-left:10px;padding-top:10px}.location-item-root table tr:last-child td{border-bottom:0}.location-item-root table tr:hover{background-color:#f0f0f0;cursor:pointer}.location-item-root table tr td div{align-items:center;display:flex}#location-txt-code{color:#646464;font-size:14px;margin:0;width:130px}#location-txt-location{color:#000;font-size:15px;margin:0;width:100%}@media (max-height:500px) and (orientation:landscape){.location-item-root h3{font-size:15px}#location-txt-code{font-size:12px;width:100px}#location-txt-location{font-size:13px}}@media (max-width:500px) and (orientation:portrait){.location-item-root h3{font-size:15px}#location-txt-code{font-size:12px;width:100px}#location-txt-location{font-size:13px}}@media (max-height:375px) and (orientation:landscape){.location-item-root h3{font-size:14px}#location-txt-code{font-size:11px;width:85px}#location-txt-location{font-size:12px}}@media (max-width:375px) and (orientation:portrait){.location-item-root h3{font-size:14px}#location-txt-code{font-size:11px;width:85px}#location-txt-location{font-size:12px}}#dialog-root{display:none;height:100%;left:0;position:absolute;right:0;top:0;width:100vw}@keyframes backdropIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009}}@keyframes backdropOut{0%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000;display:none}}#dialog-parent{display:none;height:calc(100% - var(--navHeight));left:0;margin:var(--navHeight) auto 0 auto;position:absolute;right:0;width:65%}#dialog-card{background-color:#fff;border-radius:10px;height:98%;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:100%}@keyframes cardIn{0%{scale:.2;top:100%}to{scale:1;top:0}}@keyframes cardOut{0%{scale:1;top:0}to{scale:.4;top:100vh}}.location-header{align-items:center;border-bottom:1px solid var(--colorLine);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:60px;justify-content:space-between;padding:0 15px;position:relative}.location-header h3{color:#282828;font-size:20px;margin:0}.location-header img{height:26px;width:26px}.location-header img:active{opacity:.6}.location-body{display:flex;flex-direction:column;height:100%;padding-left:15px}#location-container{height:calc(100% - 60px);overflow-y:auto;padding-right:15px}#location-container input{background-color:#f0f0f0;background-image:url(/static/media/ic_search.8285ece05d8e4c562d36.svg);background-position:8px 8px;background-repeat:no-repeat;background-size:25px 25px;border:1.5px solid #e6e6e6;border-radius:8px;box-sizing:border-box;color:#282828;font-size:16px;margin:10px 0 0;outline:none;padding:10px 5px 10px 40px;width:100%}#location-container input::placeholder{color:#b4b4b4}#location-container input:focus{background-image:url(/static/media/ic_search_focus.c1715817f9f4c73c17dc.svg);border:1.5px solid #a3d69b}@media (hover:hover){.location-header img:hover{cursor:pointer;opacity:.6}}@media (max-width:1024px) and (orientation:portrait){#dialog-parent{width:80%}}@media (max-width:800px) and (orientation:portrait){#dialog-parent{width:90%}}@media (max-width:800px) and (orientation:landscape){#dialog-parent{width:85%}}@media (max-height:700px) and (orientation:landscape){#dialog-parent{height:calc(100% - 55px);margin-top:55px}.location-header{height:50px}.location-header h3{font-size:18px}.location-header img{font-size:22px}#location-container{height:calc(100% - 50px)}}@media (max-width:600px) and (orientation:portrait){#dialog-parent{height:calc(100% - 50px);margin-top:50px;width:95%}.location-header{height:50px}.location-header h3{font-size:18px}.location-header img{font-size:20px}#location-container{height:calc(100% - 50px)}}@media ((max-width:375px) and (orientation:portrait)),(max-height:500px) and (orientation:landscape){#dialog-parent{height:calc(100% - 40px);margin-top:40px}.location-header{height:40px}.location-header h3{font-size:14px}.location-header img{font-size:18px}.location-body{padding-left:10px}#location-container input{background-size:19px;border-radius:6px;font-size:13px;margin:8px 0 0;padding:8px 5px 8px 35px}#location-container{height:calc(100% - 40px)}}@media (max-height:375px) and (orientation:landscape){#dialog-parent{height:calc(100% - 36px);margin-top:36px}.location-header{height:40px}.location-header h3{font-size:15px}.location-header img{font-size:16px}#location-container input{background-size:19px;border-radius:6px;font-size:13px;margin:8px 0 0;padding:8px 5px 8px 35px}#location-container{height:calc(100% - 40px);padding-right:10px}}@media (max-width:375px) and (orientation:portrait){.location-header{height:40px}.location-header h3{font-size:14px}.location-header img{font-size:16px}.location-body{padding-left:10px}#location-container input{background-size:19px;border-radius:6px;font-size:13px;margin:8px 0 0;padding:8px 5px 8px 35px}#location-container{height:calc(100% - 40px);padding-right:10px}}#placeholder-parent{height:100%;padding-right:15px}.shimmerBG{animation-duration:2.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:linear-gradient(to right,var(--colorShimmerBase),var(--colorShimmer),var(--colorShimmerBase));background-size:1200px 100%;border-radius:6px}@keyframes shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.search{height:40px;margin-top:15px}.title{height:22px;margin:30px 0 10px;width:180px}.item{height:30px;margin-top:8px}@media ((max-height:500px) and (orientation:landscape)),(max-width:500px) and (orientation:portrait){.search{height:35px;margin-top:10px}}@media ((max-height:375px) and (orientation:landscape)),(max-width:375px) and (orientation:portrait){#placeholder-parent{padding-right:10px}.search{height:30px;margin-top:8px}.title{height:20px;margin:20px 0 10px;width:140px}.item{height:25px;margin-top:5px}}.not-found-root{align-items:center;background-color:#f7f7f7;display:flex;height:100dvh;justify-content:center;width:100%;>.not-found-content{align-items:center;aspect-ratio:16/9;background-color:#fff;border-radius:10px;box-shadow:1px 2px 6px 0 rgb(240 240,240);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;padding:18px;width:1024px;>.not-found-text{color:#6e6e6e;font-size:14px}>.not-found-text-main{color:#000;font-size:34px;font-style:bold}>.not-found-text-desc{color:#6e6e6e;font-size:15px;text-align:center}>.not-found-button-back{background-color:#464646;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}}}@media (max-width:1023px){.not-found-root{>.not-found-content{aspect-ratio:unset;height:calc(100dvh - 24px);margin:12px;width:100%}}}@media (max-width:419px){.not-found-root{>.not-found-content{>.not-found-text{font-size:11px}>.not-found-text-main{font-size:27px}>.not-found-text-desc{font-size:12px}>.not-found-button-back{font-size:11px;padding:8px 16px}}}}.ramadan-root{height:100dvh;left:0;position:fixed;top:0;width:100%;>.ramadan-content{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:28px;height:calc(100dvh - 180px);justify-content:center;width:100%;>.ramadan-date{color:#fff;font-family:Montserrat;font-size:48px;font-weight:800;text-align:center;text-shadow:1.8px 1.8px #3c3c3c80}>.ramadan-spinner{align-items:center;background-color:#fff;border:1.8px solid #828282;border-radius:8px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;font-size:15px;height:48px;justify-content:space-between;padding:0 10px;width:420px;span{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px)}i{font-size:23px}}>.ramadan-address,>.ramadan-spinner{font-family:Montserrat;font-weight:600}>.ramadan-address{color:#fff;font-size:30px;max-width:750px;text-align:center;text-shadow:2px 2px #3c3c3c80}>.ramadan-address-local{color:#fff;font-size:25px;font-weight:600;margin-top:-20px;text-shadow:2px 2px #3c3c3c80}>.ramadan-time-container{display:flex;gap:75px;margin-top:10px;>.ramadan-times{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Montserrat;gap:4px;text-shadow:2px 2px #3c3c3c80;>.ramadan-times-date{font-size:17px;font-weight:600}>.ramadan-times-title{font-size:26px;font-weight:700}>.ramadan-times-time{font-size:38px;font-weight:700;margin-top:6px}>.ramadan-times-countdown{font-size:18px;font-weight:600;text-align:center}}>.ramadan-time-separator{background-color:#fff;border-radius:4px;height:100%;width:4px}}}>.ramadan-footer{bottom:0;cursor:pointer;height:180px;left:0;position:absolute;width:100%;img{height:100%;object-fit:cover;width:100%}}}@media (max-width:1599px){.ramadan-root{>.ramadan-content{height:calc(100dvh - 150px)}>.ramadan-footer{height:150px}}}@media (hover:hover){.ramadan-root{>.ramadan-content{>.ramadan-spinner:hover{background-color:#dcdcdc}}}}@media (max-width:1099px){.ramadan-root{>.ramadan-content{height:calc(100dvh - 130px);>.ramadan-date{font-size:38px}>.ramadan-address{font-size:26px}>.ramadan-address-local{font-size:21px}}>.ramadan-footer{height:130px}}}@media (max-width:999px){.ramadan-root{>.ramadan-content{height:calc(100dvh - 120px);>.ramadan-date{font-size:36px}}>.ramadan-footer{height:120px}}}@media (max-width:799px){.ramadan-root{>.ramadan-content{height:calc(100dvh - 110px);>.ramadan-date{font-size:32px}>.ramadan-address{font-size:26px;max-width:650px}>.ramadan-time-container{gap:60px;>.ramadan-times{>.ramadan-times-date{font-size:16px}>.ramadan-times-title{font-size:24px}>.ramadan-times-time{font-size:34px}>.ramadan-times-countdown{font-size:16px}}}}>.ramadan-footer{height:110px}}}@media (max-width:699px){.ramadan-root{>.ramadan-content{height:calc(100dvh - 90px);>.ramadan-date{font-size:28px}>.ramadan-address{font-size:23px;max-width:600px}>.ramadan-address-local{font-size:18px}>.ramadan-time-container{gap:50px;>.ramadan-times{>.ramadan-times-date{font-size:15px}>.ramadan-times-title{font-size:22px}>.ramadan-times-time{font-size:32px}>.ramadan-times-countdown{font-size:14px}}}}>.ramadan-footer{height:90px}}}@media (max-width:599px){.ramadan-root{>.ramadan-content{height:calc(100% - 75px);>.ramadan-date{font-size:23px}>.ramadan-spinner{width:calc(100% - 30px)}>.ramadan-address{font-size:23px;max-width:calc(100% - 20px)}>.ramadan-time-container{gap:40px;>.ramadan-times{>.ramadan-times-date{font-size:13px}>.ramadan-times-title{font-size:20px}>.ramadan-times-time{font-size:30px}>.ramadan-times-countdown{font-size:12px}}}}>.ramadan-footer{height:75px}}}@media (max-width:499px){.ramadan-root{>.ramadan-content{height:calc(100% - 60px);>.ramadan-address,>.ramadan-date{font-size:18px}>.ramadan-address-local{font-size:14px}>.ramadan-time-container{gap:25px;>.ramadan-times{>.ramadan-times-date{font-size:12px}>.ramadan-times-title{font-size:18px}>.ramadan-times-time{font-size:26px}>.ramadan-times-countdown{font-size:11px}}}}>.ramadan-footer{height:60px}}}@media (max-width:399px){.ramadan-root{>.ramadan-content{height:calc(100% - 45px);>.ramadan-address,>.ramadan-date{font-size:16px}>.ramadan-address-local{font-size:11px}>.ramadan-time-container{gap:20px;>.ramadan-times{>.ramadan-times-date{font-size:11px}>.ramadan-times-title{font-size:16px}>.ramadan-times-time{font-size:22px}>.ramadan-times-countdown{font-size:10px}}}}>.ramadan-footer{height:45px}}}.ramadan-state-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%;&[open]{display:flex}&[open]::backdrop{animation:fade-in .2s ease-in forwards}>.ramadan-state-content{aspect-ratio:3/4;background-color:#fff;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;overflow:scroll;position:relative;scale:0;transition:all .25s ease;visibility:hidden;width:min(100%,470px);&.show{scale:1;visibility:visible}>.ramadan-state-loading{align-items:center;display:flex;flex-direction:column;font-family:Montserrat;gap:5px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);:first-child{font-size:15px;font-weight:700}:nth-child(2){color:#787878;font-size:14px;font-weight:500}}>.ramadan-state-item{border-top:1.2px solid #f0f0f0;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;font-family:Montserrat;font-size:15px;font-weight:600;padding:14px;width:100%}}}@media (max-width:599px){.ramadan-state-dialog{>.ramadan-state-content{>.ramadan-state-item{font-size:13px}}}}@media (max-width:399px){.ramadan-state-dialog{>.ramadan-state-content{>.ramadan-state-item{font-size:12px}}}}@media (hover:hover){.ramadan-state-dialog{>.ramadan-state-content{>.ramadan-state-item:hover{background-color:#f5f5f5}}}}.ramadan-town-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%;&[open]{display:flex}&[open]::backdrop{animation:fade-in .2s ease-in forwards}>.ramadan-town-content{aspect-ratio:3/4;background-color:#fff;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;overflow:scroll;position:relative;scale:0;transition:all .25s ease;visibility:hidden;width:min(100%,470px);&.show{scale:1;visibility:visible}>.ramadan-town-loading{align-items:center;display:flex;flex-direction:column;font-family:Montserrat;gap:5px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);:first-child{font-size:15px;font-weight:700}:nth-child(2){color:#787878;font-size:14px;font-weight:500}}>.ramadan-town-item{border-top:1.2px solid #f0f0f0;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:Montserrat;font-size:15px;font-style:bold;font-weight:600;font-weight:700;gap:4px;padding:14px;width:100%;:nth-child(2){color:#414141;font-size:14px;font-weight:600}}}}@keyframes fade-in{0%{opacity:0}to{background-color:#000000b3;opacity:1}}@media (max-width:599px){.ramadan-town-dialog{>.ramadan-town-content{>.ramadan-town-item{font-size:13px;:nth-child(2){font-size:12px}}}}}@media (max-width:399px){.ramadan-town-dialog{>.ramadan-town-content{>.ramadan-town-item{font-size:12px;:nth-child(2){font-size:11px}}}}}@media (hover:hover){.ramadan-town-dialog{>.ramadan-town-content{>.ramadan-town-item:hover{background-color:#f5f5f5}}}}
/*# sourceMappingURL=main.8595b6f6.css.map*/