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:1%;text-align:center}.light-theme{background-color:#b9ecef;color:#005b83;scrollbar-color:#005b82b3 #b9ecef80}.dark-theme{background-color:#005b83;color:#b9ecef;scrollbar-color:#b9ecefb3 #005b8280}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h4{font-size:1.2rem}h4,ul{text-align:left}form{filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));overflow:hidden;padding-top:60px}form,input{border:none}input{background-color:#ffffff78;border-radius:15px 0 0 15px;padding:10px 20px}button{background-color:initial;border:none}.search{background-color:#124c5557;border-radius:0 15px 15px 0;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.search:hover{background-color:#124c55d6}.container{grid-gap:25px;align-items:center;display:grid;gap:25px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto;margin:auto;max-width:1250px}.info-container{display:inline-flex;margin-left:15px;position:relative;z-index:1000}.weather-info{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:8px;justify-content:center;line-height:1.2;margin:0;padding-top:50px;text-align:center}.weather-info .time{color:#333333bd;font-size:1.1rem;margin-bottom:0}.weather-info .temp{color:#333333e3;font-size:1.5rem;font-weight:400}.tile{align-items:center;background-color:hsla(0,0%,96%,.262);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:75%;justify-content:center;min-width:100px;padding:10px;transition:all .3s ease}.tile img{height:100px;object-fit:contain;position:relative;top:25%;width:100px}.tile:hover{box-shadow:0 4px 8px #005b824d;transform:scale(1.1)}.info-button{cursor:pointer;font-weight:bolder}.info-text{background-color:#333;border-radius:5px;box-shadow:0 4px 6px #0003;color:#fff;display:none;left:100%;padding:10px;position:absolute;top:20%;width:200px}.info-container:hover .info-text{display:block}.box{background-color:#d9d9d933;border-radius:15px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:row;gap:15px;height:225px;max-width:1250px;overflow-x:auto;overflow-y:hidden;padding:30px;text-align:center}.box.block{display:block}.hourlyForecast{grid-column:span 4;max-width:1050px}.tempForecast{grid-column:span 2}.map{grid-column:span 5}.map-container{background-color:#d9d9d933;border-radius:10px;box-shadow:0 4px 8px #0003;grid-column:span 5!important;height:fit-content;margin:2rem auto;padding:1rem 0;width:100%}.map-container .map{border-radius:10px;grid-column:span 5;height:600px;margin:1rem auto;width:98%}.map-container span{color:#333;font-size:1.5rem;font-weight:600;margin-top:200px;text-transform:capitalize}.weather-layer-options{display:flex;gap:10px;justify-content:center;margin:1rem auto}.weather-layer-options button{background:#005c8388;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:10px 25px;transition:all .3s ease}.weather-layer-options button:hover{background-color:#005b83;border-color:rgba(0,92,131,.808);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.layer-option.active{background:linear-gradient(135deg,#005b83,#00a3c4);border-color:#0000;box-shadow:0 6px 20px #005b834d;color:#fff}.map-search{margin:0 auto 20px;max-width:400px;width:100%}.map-search form{display:flex;filter:none;justify-content:center;margin:0;padding-top:0}.map-search input{background-color:#ffffff78;border:2px solid #005b8333;border-radius:15px 0 0 15px;color:#005b83;font-size:1rem;padding:10px 20px;transition:all .3s ease;width:70%}.map-search input:focus{background-color:#fff9;border-color:#005b8366;outline:none}.map-search input::placeholder{color:#005b8399}.map-search .search{background-color:#124c5557;border:2px solid #005b8333;border-left:none;border-radius:0 15px 15px 0;color:#fff;cursor:pointer;font-size:1rem;padding:10px 25px;transition:all .3s ease}.map-search .search:hover{background-color:#124c55d6}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;margin:2rem auto;max-width:1200px;padding:2rem;width:90%}.header h2{font-size:2rem;font-weight:600;margin:0;text-align:center;width:100%}.header h1{font-size:4.5rem;font-weight:700;line-height:1;margin:0}.header p{font-size:1.2rem;margin:.5rem 0;opacity:.8}.header .info-container{align-items:center;border-radius:12px;color:#000;display:flex;gap:.5rem;margin:0}.google-map,.header .info-container{background-color:hsla(0,0%,96%,.262);padding:.8rem 1.5rem}.google-map{border-top-left-radius:12px;border-top-right-radius:12px;text-align:left}a{color:#333333e3;text-decoration:none}.header .info-container p{font-size:1.1rem;margin:0}.header .info-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.2rem;transition:transform .2s}.header .info-button:hover{transform:scale(1.1)}.header .info-text{background:#005b83f2;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:none;font-size:.9rem;left:50%;padding:.8rem 1.2rem;position:absolute;top:100%;transform:translateX(-50%);width:250px;z-index:1000}.header .info-container:hover .info-text{display:block}.header-content{flex-direction:column}.header-content,.weather-main{align-items:center;display:flex;width:100%}.weather-main{justify-content:space-between;max-width:800px;padding:1rem 0}.temperature-section{flex:1 1;text-align:left}.weather-icon{align-items:center;display:flex;flex:1 1;justify-content:center}.weather-icon img{height:200px;object-fit:contain;width:200px}.weather-details{display:flex;justify-content:center;margin-top:1rem;width:100%}p.title{color:#000;display:inline;font-size:20px;margin-left:1em;position:relative;top:-40px}.settings-container{position:fixed;top:0;z-index:10}#settingsButton{margin-top:8px;position:fixed;z-index:10}.settings-panel{background-color:#009c9c4d;height:100%;left:-400px;overflow-y:scroll;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:9}.settings-panel.open{left:0}.settings-panel h2{font-size:2.5rem;margin-bottom:0;margin-top:3rem;text-align:center}.settings-panel p{font-size:1.2rem;text-align:center}.settings-subtitle{margin-top:10px}.settings-panel .settings-feature,.settings-title{border-bottom:1px solid #0000001a;margin:20px 0!important;margin:auto 0;padding:1rem 0 4em;width:95%}.settings-feature form{padding:0}.settings-feature input{font-size:1rem;width:40%}.Logo-position.blur,.clock-bg.blur,.container.blur,.main.blur{filter:blur(1rem)}.visibility{display:none}.toggle p{margin:initial;padding:initial}.theme{padding-bottom:10px;width:280px;z-index:1000}.offline,.theme{align-items:center;background-color:#ffffff59;border-radius:15px 15px 15px 15px;cursor:pointer;display:flex;filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));justify-content:center;margin:auto}.offline{height:40px;width:300px}.toggle{align-items:center;background:none;border:none;display:flex;justify-content:center;outline:none;padding-top:1em;right:20px;top:20px}.toggle img{height:24px;margin-right:8px;vertical-align:middle;width:24px}.toggle p{color:#222}.temp-toggle{font-weight:700}.temp-toggle h3{font-family:inherit;font-weight:700;margin-bottom:10px}.temp-toggle p{font-family:inherit;font-weight:400;margin-bottom:5%;margin-top:0}.temp-toggle button{background-color:#ffffff59;border-radius:12px;color:#000;cursor:pointer;filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));font-size:1.2rem;margin-top:10px;padding:10px 20px;transition:background-color .3s;width:70%}.temp-toggle button:hover{background-color:#fff9}.top{margin-top:10px}body{margin:0}.warning-box{background-color:#cf1d1d;border:2px solid #000;display:flex;justify-content:center;margin:0}.warning-box h3{color:#fff;font-family:Kantumruy Pro,sans-serif;font-weight:700}.warning-box img{cursor:pointer;margin-left:6px;margin-top:16px}.modal-box{background-color:#cf1d1d;border:2px solid #000;color:#fff;font-family:Kantumruy Pro,sans-serif;padding:7px;text-align:center}.overlay-w{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.Content-title{bottom:23px;position:relative}.Content-w{bottom:10px;color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700;position:relative}.modal{background-color:#fff;border:3px solid #000;padding:4px;position:relative;text-align:center}.image{max-width:400px;width:100%}.closeButton{background-color:initial;border:none;cursor:pointer;font-size:20px;margin-left:5px;position:absolute;right:2px;top:5px}.Logo-name{font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-top:1px}.Logo-position{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;position:absolute;right:5px;top:1}.Logo-img{margin-left:10px}.clock-bg{background:#ffffff26;display:flex;justify-content:flex-end;margin-bottom:5px}.clock{font-weight:700;margin-right:7px}@media (max-width:768px){.header{border:2em solid #0000;margin:2em;padding:1.5rem;width:65%}.header-content{flex-direction:column}.settings-panel{-webkit-overflow-scrolling:touch;left:-100%;overflow-y:scroll;width:100%}.box{border:2em solid #0000;height:225px;margin:2em;padding:15px}h4{font-size:1rem;text-align:center}.tile{min-width:80px;padding:10px}.container{display:inline;grid-template-columns:1fr;padding:10px}.Logo-name{display:none}.Logo-img{width:50px}.MapBox{width:400px}.weather-main{flex-direction:column;gap:1rem}.temperature-section,.weather-main{text-align:center}.weather-icon img{height:180px;width:180px}.header h1{font-size:3.5rem}.header h2{font-size:1.5rem}.map-container{width:80%}.map-container .map{height:400px;width:100%}.weather-layer-options{display:flex;flex-direction:column;gap:8px;margin:1rem 20%}.map-search{margin:0 auto 15px;max-width:300px}.map-search input{font-size:.9rem;padding:8px 15px}.map-search .search{font-size:.9rem;padding:8px 20px}}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{border-radius:8px;padding:20px;text-align:center;width:300px}.light-theme .modal-content{background-color:#fff;color:#000}.dark-theme .modal-content{background-color:#000;color:#fff}.modal button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.modal button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.4fd4dff9.css.map*/