.current-weather{display:flex;flex-direction:column;gap:20px;.current-location{display:flex;align-items:center;gap:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;h2{font-size:20px;color:#414141}button{width:20px;height:20px;>svg{width:100%;height:100%}}}.weather-details{display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;.current-temperature{display:flex;align-items:center;.temperature-icon{width:40px;height:40px}.temperature-value{font-size:60px}.weather-info-wrap{margin-left:10px}}.current-weather-details{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-left:50px;grid-gap:5px 10px;gap:5px 10px;.current-weather-details-item{display:flex;align-items:center;gap:5px;.details-title{color:#414141}.details-title,.details-value{font-size:14px;font-weight:600}}}.current-weather-details:before{content:"";position:absolute;left:-10px;width:2px;height:100%;background:#dbd8e3}}}.live-weather{width:100%;overflow:hidden;.title{font-size:24px}.live-weather-table{width:100%;border-spacing:0;text-align:center;margin-top:30px;.data-header{padding:0 20px}}}@keyframes skeleton_skeleton-gradient__aho_W{0%{background-color:hsla(0,0%,65%,.1)}50%{background-color:hsla(0,0%,65%,.3)}to{background-color:hsla(0,0%,65%,.1)}}.skeleton_container__6Ynzx{animation:skeleton_skeleton-gradient__aho_W 1.8s ease-in-out infinite}.app{max-width:1200px;width:100%;margin:0 auto;min-height:100vh;height:100%;padding:0;min-width:260px;>section{padding:40px 0}>section:last-child{padding-bottom:0}}.weekly-forecast{.title{font-size:24px}.today-tomorrow-forecast{display:flex;gap:10px;height:100%;margin:30px 0;.today-tomorrow-list{border:1px solid #e1e1e1;border-radius:5px;display:flex;justify-content:space-between;align-items:center;flex:1 1;padding:10px 20px}.date-info{display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:600;.day{font-size:16px}.date,.day{color:#414141}.date{font-size:14px}}.precipitation-probability{display:flex;align-items:center;gap:10px;.precipitation-info{display:flex;flex-direction:column;align-items:center;gap:5px;span{font-size:14px;color:#585858}}.weather-icon{.weather-img{width:40px;height:40px}}}.temperature-range{display:flex;gap:5px;font-weight:600;font-size:20px;.min-temperature{color:#556edc}.temp-divider{color:#e1e1e1}.max-temperature{color:#b0443a}}}.week-forecast{display:flex;justify-content:space-between;padding:0 20px;.week-forecast-list{display:flex;flex-direction:column;gap:15px;.precipitation-info{display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:600;.day{font-size:18px}.date,.day{color:#414141}.date{font-size:14px}}.weather-icon{display:flex;gap:5px;.weather-img{width:40px;height:40px}}.week-forecast-detail{display:flex;flex-direction:column;align-items:center;gap:5px;.temperature{display:flex;gap:5px;font-weight:600;font-size:20px;.min-temperature{color:#556edc}.temp-divider{color:#e1e1e1}.max-temperature{color:#b0443a}}.precipitation-probability{display:flex;gap:5px;font-weight:600;font-size:14px;span{font-size:14px;color:#585858}}}}}}