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}#root,body,html{align-items:center;background-color:#fff;color:#222;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:flex-start;min-height:100%;overflow-x:hidden;width:100%}*,:after,:before{box-sizing:border-box}.wrapper{align-items:stretch;gap:12px;justify-content:flex-start}.container,.wrapper{display:flex;flex-direction:column;width:100%}.container{background-color:#fff;border-radius:14px;box-sizing:border-box;flex:1 1 auto;padding:10px}.top-container{flex-direction:column;justify-content:flex-start}.bottom-container,.top-container{align-items:center;border-radius:10px;color:#333;display:flex;font-size:.9rem;padding:12px 20px;text-align:center;width:100%}.bottom-container{flex-direction:row;gap:20px}.bottom-container,.content{flex-wrap:wrap;justify-content:center}.content{align-items:stretch;display:flex;gap:16px;list-style:none;margin:0;padding:0}.content li{align-items:center;background-color:#f8f8f8;border:1px solid #c2c2c2;border-radius:6px;display:flex;flex:0 0 160;flex-direction:column;font-size:1.2rem;font-weight:500;justify-content:center;min-height:110px;padding:14px 16px}.header{margin:0 auto 25px;position:relative;text-align:center;width:100%}.title-main{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.4px;margin-bottom:1.5rem;text-align:center}.bismillah{font-family:Amiri,serif;font-size:1.15rem;opacity:.91}.bismillah,.date-meta{margin-bottom:1.25rem;text-align:center}.date-meta{font-size:.9rem;opacity:.65}.layout-toggle-icon{background:#0000;border:none;color:#222;cursor:pointer;position:absolute;right:4px;top:4px;transition:transform .2s ease,color .2s ease}.layout-toggle-icon:hover{color:#009879}.layout-toggle-icon svg{height:24px;width:24px}.item.next{background-color:#fff;border:1px solid #c2c2c2;border-radius:6px;box-shadow:0 5px 5px #0000001f;color:#000;font-size:1.5rem;font-weight:bolder;transition:all .3s ease}.rakats{color:#8f8f8f;display:flex;font-size:.95rem;gap:12px;margin-top:8px}.next-countdown{color:#09973f;font-size:.9rem;margin-top:6px;text-align:center}li[data-sunrise]:after{background-color:#f8f8f8;border-radius:4px;color:#555;content:attr(data-sunrise);display:block;font-size:1rem;margin-top:10px;padding:1px;width:-webkit-fit-content;width:fit-content}.footer{align-items:center;display:flex;flex-direction:column;gap:12px;margin:16px auto 0;text-align:center;width:100%}.current-info{color:#555;font-size:.8rem;line-height:1.4}.title-small{color:#222;font-size:1rem;font-weight:700;margin-bottom:5px;padding:5px}.auto-detected{color:#666;font-size:.75rem;font-style:italic}.footer-inputs{background-color:#f8f8f8;border:1px solid #c2c2c2;border-radius:6px;margin:5px;max-width:400px;padding:10px;width:100%}.footer-input-row{align-items:center;display:flex;gap:10px}.footer-input-row label{font-weight:700;text-align:left;width:80px}.footer-input{background-color:#fff;border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:.9rem;height:35px;outline:none;padding:6px 10px}.footer-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:6px 10px;transition:background-color .2s ease;width:100%}.footer-button,.footer-button:hover{background-color:#009e45}.checkbox-group{align-items:center;display:flex;gap:20px;justify-content:center}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:4px}input[type=radio]{accent-color:#009879;cursor:pointer;height:14px;width:14px}.bottom-container .side-button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px;transition:background-color .2s ease;width:300px}.bottom-container .side-button:hover{background-color:#357ab7}@media (max-width:768px){.footer-input-row,.wrapper{flex-direction:column}.footer-input-row{align-items:stretch;gap:6px}.footer-button,.footer-input,.footer-input-row label{width:100%}.checkbox-group{justify-content:center}}@media (max-width:600px){.content{flex-direction:row;gap:10px}.content li{flex:1 1 100%;max-width:100%;min-height:0;min-height:auto}}.footer-inputs{display:flex;flex-direction:column;gap:10px;max-width:720px}.footer-line{align-items:center;display:flex;gap:10px;padding:5px}.footer-line label{font-weight:500;white-space:nowrap}.country-select{flex:1 1 auto;min-width:120px}.city-input{background-color:#fff;flex:1 1 auto;min-width:160px}.method-select{flex:1 1 auto;min-width:140px}.method-row{flex-wrap:wrap}.method-row,.method-row .checkbox-group{align-items:center;display:flex;gap:10px}.method-row .checkbox-group{flex:0 1 auto;justify-content:center}.search-btn,.search-btn:hover{font-size:1.2rem;height:35px;padding:6px 12px;width:auto}.search-btn:hover{background-color:#008138}@media (max-width:700px){.footer-line{align-items:stretch;flex-direction:column}.footer-line>*{width:100%}.method-row{align-items:center}.method-row .checkbox-group{justify-content:center;width:auto}.city-input,.method-select{min-width:0}.search-btn{height:35px}}@media (max-width:600px){.bottom-container{align-items:stretch;flex-direction:column;gap:10px}.bottom-container .side-button{width:100%}}.second-container{font-family:Inter,sans-serif;margin:0;text-align:center;width:100%}.second-container h3{font-size:1rem;padding-bottom:50px;text-align:center;width:100%}.schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.print-title{font-size:1.2rem;font-weight:700;margin:0}.print-button{background-color:#4a90e2;border:none;border-radius:12px;color:#fff;cursor:pointer;float:right;font-family:Inter,sans-serif;margin:5px;padding:8px 16px;transition:all .2s ease}.print-button:hover{background-color:#357abd}.schedule-wrapper{border-radius:16px;margin-top:10px;overflow-x:auto;width:100%}.schedule-table{background-color:#fff;border:1px solid #e7e7e7;border-collapse:initial;border-radius:16px;border-spacing:0;font-size:.95rem;overflow:hidden;width:100%}.schedule-table th{background-color:#009e45;color:#fff;font-weight:700;padding:8px;text-align:center}.schedule-table th:first-child{border-top-left-radius:16px}.schedule-table th:last-child{border-top-right-radius:16px}.schedule-table tr:last-child td:first-child{border-bottom-left-radius:16px}.schedule-table tr:last-child td:last-child{border-bottom-right-radius:16px}.schedule-table td{border-bottom:1px solid #eee;padding:8px;text-align:center}.schedule-table tbody tr:nth-child(2n){background-color:#f9f9f9}.schedule-table tbody tr:hover{background-color:#e6f2f0;transition:background-color .2s ease}.schedule-table tr{page-break-inside:avoid}.side-button{border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;min-width:220px;padding:14px 24px;text-transform:uppercase;transition:all .25s ease}.side-button:hover:not(:disabled){background-color:#2a5c9c}.side-button:disabled{background:#b0c4d8;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:600px){.side-button{font-size:.95rem;min-width:100%;padding:6px}}
/*# sourceMappingURL=main.799bb2ae.css.map*/