:root{-webkit-user-select:none;user-select:none}*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,sans-serif}body,html{background-color:#f0f8ff}#weather-map{width:100%;height:100%;position:relative}#hold{display:flex;position:relative;align-items:center;justify-content:center;height:100vh}#weather{position:absolute;display:none;top:8.6vh;right:1vw;border-radius:5px;background-color:#f0f8ff50;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);box-shadow:0 9px 15px -8px;width:350px;height:300px;z-index:1000;border:2px solid aliceblue}#forecastDetails{position:absolute;top:2.6vh;right:8vw;z-index:1000;background-color:#f0f8ff;border-radius:7px;padding:8px;display:flex;align-items:center;justify-content:space-between;border:none;cursor:pointer;font-family:poppins;font-size:20px}#Layer_1{margin-left:10px}#search{position:relative;width:100%;height:100%;border:none;padding:20px;border-radius:30px;font-family:poppins;font-size:15px;background-color:#f0f8ff}input:focus{outline:none}#searchComponent{position:relative;z-index:1000;width:95%;height:100%;border:none;border-radius:30px;background-color:#faebd7;display:none}#searchDiv{display:flex;align-items:center;justify-content:space-between;position:absolute;top:2.6vh;left:4.1vw;z-index:1000;width:50px;height:50px;border:none;border-radius:30px;background-color:#f0f8ff;transition:all .2s ease;overflow:auto}#searchBtn{position:absolute;right:.4%;top:2%;width:60px;height:96%;border:none;border-radius:30px;background-color:#ff8c00;color:#f0f8ff;font-size:14px;cursor:pointer}#searchIcon{display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;width:100%;height:100%;background:transparent;cursor:pointer;fill:#ff8c00}#searchIcon svg{fill:#ff8c00}#cancelIcon{position:absolute;top:2%;right:15%;z-index:1000;width:23px;height:96%;display:flex;align-items:center;background:transparent;border:none;cursor:pointer}#gps{position:absolute;left:.78vw;top:16vh;z-index:1000;width:30px;height:30px;background:transparent;border:none;cursor:pointer}#gps svg{width:30px;height:30px;fill:#ff8c00}#gps svg:hover{transform:rotate(360deg);transform-box:view-box;transform-origin:center}.container{position:absolute;top:12vh;right:12vw;z-index:1000;min-width:40vw;max-width:80vw;min-height:40vh;max-height:89vh;font-size:15px;border-radius:5px;padding:1%;background:#c0c0c088;box-shadow:0 2px 6px #0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none}.forecastContainer{display:flex;align-items:center;overflow:auto;width:100%;height:46%;border-radius:5px;border-top:1px solid #7c7c7c}#terminate{display:flex;align-items:center;margin-bottom:10px;justify-content:end;width:100%;height:6%}.forecastInfo{width:98%;min-height:160px;max-height:50vh;font-family:poppins;padding:.5rem 2rem;border-radius:5px}.details{white-space:nowrap}#terminateBtn{width:35px;height:35px;background-color:transparent;border:none;cursor:pointer}#loading{position:absolute;top:50%;left:50%;z-index:1000;border:4px solid rgba(255,255,255,.288);border-left:4px solid rgb(0,174,255);animation:spin 1s linear infinite,glow 1.5s ease-in-out infinite alternate;width:50px;height:50px;border-radius:50%;margin-left:auto;margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%{box-shadow:0 0 5px #00aeff}to{box-shadow:0 0 15px #00aeff}}#chartContainer canvas{max-width:400px;max-height:300px;width:100%!important;height:auto!important;margin:1rem}#cloudCover{display:flex}#chartContainer{display:flex;align-items:center;justify-content:space-between;width:100%;height:48%;overflow:auto}#gps-tooltip{position:absolute;top:16.6vh;left:4vw;z-index:1000;font-family:poppins;font-size:15px;color:#ff8c00;-webkit-user-select:none;user-select:none;background-color:#f0f8ff;padding:4px;border-radius:7px;display:none}#gps:hover+#gps-tooltip{display:block}.leaflet-control-layers{background:#1e1e1ee6;color:#fff;font-family:Poppins,sans-serif;font-size:14px;box-shadow:0 4px 10px #0000004d}.leaflet-control-layers input[type=radio]{appearance:none}.leaflet-control-layers input[type=radio]:checked+span{background:#929292;color:#fff;border-radius:6px;padding:4px 8px}.leaflet-control-layers label:hover{background:#929292;color:#fff;appearance:none;border-radius:6px}.leaflet-control-layers label{display:flex;align-items:center;gap:6px;width:100%;height:100%}.leaflet-control-layers label span{display:inline-flex;align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:6px;line-height:1;margin:0;width:100%}.leaflet-control-layers-toggle{width:4px;height:20px}.weather-box{background:#ff8c00;color:#fff;padding:6px 10px;border-radius:8px;font-size:14px;font-family:poppins;font-weight:700;box-shadow:0 2px 6px #0000004d;transition:all .3s ease;cursor:pointer;min-height:30px}.weather-box.expanded{min-height:100px;white-space:normal}.weather-label .weather-box{min-width:120px;min-height:10px}.weather-details{margin-top:5px;font-size:15px;line-height:2;font-family:poppins;min-width:inherit;display:none;white-space:nowrap}.weather-box.expanded .weather-details{display:block;transition:all .2s ease}.legend{position:absolute;right:.5vw;bottom:3vh;z-index:1000;margin:10px 0;font-family:sans-serif;font-size:12px;background:#fff;padding:6px;border-radius:6px;box-shadow:0 2px 4px #0003;width:250px}.legend-title{font-weight:700;margin-bottom:4px}.legend-bar{height:18px;border:1px solid #ccc;margin-bottom:4px}.legend-labels{display:flex;justify-content:space-between}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background-color:#ff8c00;border-radius:5px;width:10px}::-webkit-scrollbar-track{background-color:#f0f8ff5b;border-radius:5px}#mobile{position:absolute;top:11vh;right:3vw;z-index:1000;background:transparent;border:none;display:none}@media screen and (max-width:500px){#searchDiv{display:flex;align-items:center;justify-content:space-between;position:absolute;top:2.6vh;left:15.1vw;z-index:1000;width:50px;height:50px;border:none;border-radius:30px;background-color:#f0f8ff;transition:all .2s ease;overflow:auto}#searchComponent{position:relative;z-index:1000;width:95%;height:100%;border:none;border-radius:30px;background-color:#faebd7;display:none}#searchIcon{display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;width:100%;height:100%;background:transparent;cursor:pointer;fill:#ff8c00}#forecastDetails{position:absolute;top:2.6vh;right:8vw;z-index:1000;background-color:#f0f8ff;border-radius:7px;padding:8px;display:flex;align-items:center;justify-content:space-between;border:none;cursor:pointer;font-family:poppins;font-size:20px;visibility:hidden}#searchBtn{position:absolute;right:.4%;top:2%;width:60px;height:96%;border:none;border-radius:30px;background-color:#ff8c00;color:#f0f8ff;font-size:14px;cursor:pointer}#cancelIcon{position:absolute;top:2%;right:35%;z-index:1000;width:23px;height:96%;display:flex;align-items:center;background:transparent;border:none;cursor:pointer}#gps{position:absolute;left:3vw;top:13vh;z-index:1000;width:30px;height:30px;background:transparent;border:none;cursor:pointer}#mobile{position:absolute;top:10vh;right:3vw;z-index:1000;background:transparent;border:none;display:block;fill:#ff8c00;animation:bounce 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.container{position:absolute;top:20vh;right:10vw;z-index:1000;min-width:40vw;max-width:80vw;height:75vh;font-size:15px;border-radius:5px;padding:1%;background:#c0c0c088;box-shadow:0 2px 6px #0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none}.forecastContainer{display:flex;align-items:center;overflow:auto;width:100%;height:46%;border-radius:5px;border-top:1px solid #7c7c7c}#terminate{display:flex;align-items:center;margin-bottom:10px;justify-content:end;width:100%;height:6%}#chartContainer{display:block;width:100%;height:48%;padding:2px;overflow:auto}#chartContainer canvas{max-width:400px;max-height:300px;width:100%!important;height:auto!important;margin:0}}@media screen and (max-width:800px) and (min-width:501px){#searchDiv{display:flex;align-items:center;justify-content:space-between;position:absolute;top:2.6vh;left:7.1vw;z-index:1000;width:50px;height:50px;border:none;border-radius:30px;background-color:#f0f8ff;transition:all .2s ease;overflow:auto}#cancelIcon{position:absolute;top:2%;right:19%;z-index:1000;width:23px;height:96%;display:flex;align-items:center;background:transparent;border:none;cursor:pointer}}@media screen and (min-width: 1020px) and (max-width: 1440px){#searchDiv{display:flex;align-items:center;justify-content:space-between;position:absolute;top:2.6vh;left:5.1vw;z-index:1000;width:50px;height:50px;border:none;border-radius:30px;background-color:#f0f8ff;transition:all .2s ease;overflow:auto}#cancelIcon{position:absolute;top:2%;right:22%;z-index:1000;width:23px;height:96%;display:flex;align-items:center;background:transparent;border:none;cursor:pointer}}