.weather{font-family:"Work Sans",Helvetica,Arial,sans-serif;user-select:none}.weather .top_weather{display:flex;width:fit-content;position:relative;gap:5px;margin-left:15px;margin-top:5px}.weather .weather_wrapper{visibility:hidden;opacity:0;display:flex;position:absolute;background:#fff;padding:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:opacity .3s ease,visibility .3s ease;top:100%;color:#000;z-index:99}.weather .weather_wrapper .item{text-align:center}.weather .weather_wrapper .item:not(:first-child)>*{padding-left:25px !important}.weather .weather_wrapper .item .weather_icon{height:fit-content;display:block}.weather .weather_wrapper .item .weather_temp{margin:0;line-height:1;margin-top:5px;font-size:15px}.weather .weather_wrapper .item .weather_day{font-size:14px;width:100%;display:block;border-top:solid 1px;margin-top:8px}.weather .top_weather:hover .weather_wrapper,.weather_wrapper:hover{visibility:visible;opacity:1}.weather .data_weather{color:#174e96;font-size:14px;letter-spacing:.2px}.weather .weather_temp{color:#000;font-size:18px;display:flex;margin-left:10px}.weather .weather_unit{font-size:60%;line-height:1;position:relative;text-transform:uppercase;top:2px}.weather .weather_location{color:#000;font-size:12px}.weather .weather_icon_img{height:40px;width:40px;object-fit:contain;display:block}.item .weather_icon_img{height:30px;width:30px}