.weather-widget{padding:30px}.content .weather-widget{margin-top:40px}.card-weather{display:grid;gap:18px}.card-weather__header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:19px;border-bottom:1px solid #e1e3eb}.card-weather__main{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.card-weather__image{width:79px;height:59px;flex-shrink:0}.card-weather__image img{width:100%;height:100%}.card-weather__degrees{display:flex;align-items:flex-start}.card-weather__value{font-weight:800;font-size:48px;line-height:120%}.card-weather__sup-value{font-size:16px;line-height:130%;white-space:nowrap}.card-weather__info{display:flex;flex-direction:column;gap:0px;font-size:14px;line-height:140%;color:#8897b1;margin-left:8px}.card-weather__info p{margin-bottom:0;font-size:14px;line-height:140%}.card-weather__week-wrap{overflow-y:hidden;overflow-x:auto}.card-weather__week-wrap::-webkit-scrollbar,.card-weather__week-wrap::-webkit-scrollbar-track,.card-weather__week-wrap::-webkit-scrollbar-thumb{width:0;height:0;background:none;display:none}.card-weather__week{display:grid;grid-template-columns:repeat(7,1fr);gap:20px}.card-weather__item{min-height:124px;padding:15px 10px 12px;display:flex;flex-direction:column;gap:2px 10px;align-items:center;justify-content:center;text-align:center;border-radius:10px}.card-weather__item .card-weather__image{width:100%;width:67px;height:50px}.card-weather__item.active{background-color:#f9faff}.card-weather__caption{width:100%;font-size:14px;line-height:140%}.temp-weather{font-weight:400;font-size:14px;line-height:140%;display:flex;align-items:center;gap:10px}.temp-weather__value:nth-child(1){font-weight:600}.today-weather{display:grid;gap:7px;text-align:right}.today-weather__title{font-weight:700;font-size:18px;line-height:120%}.today-weather__values{display:grid;gap:3px;font-size:14px;line-height:140%;color:#8897b1}@media screen and (max-width: 1024px){.weather-widget{padding:0}.card-weather__header{flex-direction:column;gap:15px}.card-weather__info{margin-left:0}.today-weather{text-align:left}}@media screen and (max-width: 767.98px){.content .weather-widget{margin-top:20px}.card-weather__week{gap:5px}.card-weather__item{width:100px;flex-shrink:0}}
