.current-panel{background:linear-gradient(145deg,#4489c2 0%,#3477ae 53%,#286591 100%)}.refresh{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}svg{width:15px;height:15px}.current-temp{letter-spacing:-.065em;text-shadow:0 3px 16px #0a27401f;height:92px;margin:-1px 0 0;font-size:61px;font-weight:600;line-height:2}.metric-label{font-size:12px;font-weight:600}.metric-card{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.5}.metric-caption{font-size:14px}.second_div{background:linear-gradient(138deg,#275780f5,#1b456bf5);border:1px solid #bdddf736;border-image:;border-radius:21px;width:900px;height:384px;position:relative;overflow:hidden;box-shadow:0 12px 32px #020e1c1f}.bottom_line{flex-direction:column;place-content:center;height:80px;padding-left:20px;display:flex}.column{flex-shrink:0;height:302px}.scroll_hours{overflow-y:hidden}.label{font-size:12px}.label_day{color:#d7e7f5;font-weight:700}.label_time{color:#d7e7f5;font-weight:500}.cloud{position:relative;bottom:25px;transform:scale(.5)}.hour_desc{color:#d7e7f5;font-size:12px}.desc{justify-content:space-between;width:160px;display:flex}.third_div{background:linear-gradient(138deg,#275780f5,#1b456bf5);border:1px solid #bdddf736;border-image:;border-radius:21px;width:1466px;height:245px;margin-bottom:40px;overflow:hidden;box-shadow:0 12px 32px #020e1c1f}.last_column{height:163px}.cloud1{position:relative;bottom:35px;transform:scale(.5)}.meter{background-color:#31678f;width:140px;height:3px;margin:auto}.meter_child{background-color:#b4e1ff;height:3px}.location-pin{color:#80c8ff;opacity:.92;display:flex}.location-pin svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.right{cursor:pointer;background-color:#ffffff1f;border-radius:10px;justify-content:center;align-items:center;height:70px;padding-left:2px;display:flex;position:absolute;top:165px;right:1px}.right:hover{background-color:#fff3}.right_icon{transform:scale(1.5)}.left{cursor:pointer;background-color:#ffffff1f;border-radius:10px;justify-content:center;align-items:center;height:70px;padding-right:2px;display:flex;position:absolute;top:165px;left:.5px}.left:hover{background-color:#fff3}.left_icon{transform:scale(1.5)}.three-div{gap:15px}.search-bar{box-sizing:border-box;background:#fff;border:5px solid #241b18;border-radius:50px;align-items:center;width:850px;height:60px;padding:0 22px;display:flex}.search-icon{color:#241b18;flex-shrink:0;width:30px;height:30px}.search-bar input{color:#000;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding-left:18px;font-size:18px;font-weight:500}.three-desc{padding-top:60px}.suggestions{z-index:1;background-color:#fff;border-radius:10px;flex-direction:column;gap:5px;width:835px;display:flex;position:absolute;top:105px}.suggestion{color:#000;flex-direction:column;align-items:start;padding-top:5px;padding-bottom:5px;padding-left:20px;display:flex}.suggestion:hover{cursor:pointer;background-color:#00000014}.total_search{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.nav{width:1150px;padding-left:5px}.location{align-items:center;gap:6px;display:flex}.bottom-right,.bottom-left{display:none}.cross{width:20px}@media (min-width:1520px){.whole-app{width:1500px;margin:auto}.third_div,.first_second{margin-left:20px}.nav{gap:100px}.location{padding-left:10px}.meter{min-width:4.5vw}}@media (max-width:1520px){.whole-app{margin:auto}.meter{width:8.5vw}.third_div{max-width:92vw;position:relative}.first_second{max-width:92vw}.nav{gap:70px;max-width:90vw;padding-left:0}.current-panel{width:470px}.scroll_hours{min-width:899px}.bottom-right{cursor:pointer;background-color:#ffffff1f;border-radius:10px;justify-content:center;align-items:center;height:70px;padding-left:2px;display:flex;position:absolute;bottom:45px;right:1px}.bottom-right:hover{background-color:#fff3}.bottom-left{cursor:pointer;background-color:#ffffff1f;border-radius:10px;justify-content:center;align-items:center;height:70px;padding-left:2px;display:flex;position:absolute;bottom:45px;left:1px}.bottom-left:hover{background-color:#fff3}.sevens-day{min-width:95vw;overflow-y:scroll}.bottom-column{min-width:210px}}@media (max-width:1250px){.nav{max-width:92vw}.meter{width:120px}.search-bar{max-width:77vw}}@media (max-width:1150px){.nav{gap:30px;max-width:93vw}.search-bar{max-width:75vw}.suggestions{max-width:73vw}.location{width:80vw}}@media (max-width:910px){.nav{flex-direction:column;align-items:start;gap:4px;padding-top:20px}.all_div{gap:13px}.first_second{flex-direction:column;gap:0;max-width:93vw}.current-panel{width:92vw;margin-top:10px}.second_div{width:92vw;height:330px;margin-top:12px}.search-bar{max-width:92vw}.suggestions{max-width:89vw;top:140px}.bottom-column{min-width:150px}.meter{width:23vw}.three-desc{padding-top:20px}.column{height:249px}.three-div{justify-content:space-around;gap:0;max-width:86vw;margin-top:35px}.Rain{width:25vw;height:100px}.metric-label{font-size:1rem}.metric-card{font-size:1.2rem}.metric-caption{font-size:1rem}.search-bar input{padding-left:9px}}@media (max-width:500px){.current-panel{height:365px;margin-top:7px;padding:0}.current-temp{font-size:50px}.right_now{padding:15px}.three-div{justify-content:center;gap:20px;max-width:96vw;margin-top:35px}.metric-label{font-size:12px}.metric-card{font-size:14px;line-height:25px}.metric-caption{font-size:12px;line-height:20px}.Rain{width:27vw;height:80px}.suggestions{font-size:15px;top:132px}.suggestion{padding-bottom:0}.search-icon{width:20px;height:20px}.three-div{gap:10px}.meter{width:21vw}.third_btn{display:none}.third_txt{width:75px;padding-right:0}.second_div{margin-top:12px;font-size:12px}.third_div{font-size:12px}.twenty-four{width:175px}.search-bar{height:50px;padding:0 11px}.search-bar input{padding-left:7px;font-size:15px}}.loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:370px){.metric-label{font-size:12px}.metric-card{font-size:12px;line-height:16px}.metric-caption{font-size:12px;line-height:15px}}