.weather-header{margin-inline:-32px;position:relative;overflow:hidden}@media (width>=768px){.weather-header{margin-inline:0}}.weather-header__month-year{text-align:center;background:var(--legacy-color-text);border-radius:var(--legacy-radius);width:fit-content;margin:1rem auto 0;padding:.3rem 1rem;font-size:1.5rem;font-weight:600;display:block;color:var(--legacy-color-white)!important}.weather-header__inner{flex-direction:column;align-items:center;padding:24px 32px;display:flex;position:relative}@media (width>=768px){.weather-header__inner{padding:24px 0}}.weather-header__slogan{text-transform:uppercase;text-align:center;font-size:3rem;font-weight:600;line-height:2.5rem}.weather-header__slogan span{color:var(--primary)}.weather-header__image{background:var(--header-image);margin-top:1.5rem;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:calc(100% + 64px);height:320px;margin-inline:-32px;display:flex}@media (width>=768px){.weather-header__image{border-radius:var(--legacy-radius);width:100%;margin-inline:0}}.weather-header__widget{width:325px;max-width:calc(100% - 24px);height:114px}