@charset "utf-8";
.bp-weather{max-width:1240px;margin:0 auto;padding:30px 20px 64px;color:#e9edf4}.bp-weatherHero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:31px 34px;border:1px solid rgba(83,166,255,.2);border-radius:22px;background:radial-gradient(circle at 87% 20%,rgba(83,166,255,.16),transparent 30%),linear-gradient(140deg,#1a1e25,#101216 68%);box-shadow:0 20px 48px rgba(0,0,0,.25)}.bp-weatherHero span,.bp-weatherPanel header span,.bp-weatherGuide header span{display:block;margin-bottom:7px;color:#6db4ff;font-size:10px;font-weight:900;letter-spacing:.18em}.bp-weatherHero h1{margin:0;color:#fff;font-size:clamp(29px,4vw,44px);font-weight:950;letter-spacing:-.055em}.bp-weatherHero p{margin:10px 0 0;color:rgba(255,255,255,.5);font-size:13px}.bp-weatherHero time{padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.48);font-size:10px;font-weight:800}.bp-weatherCities{display:flex;gap:7px;overflow-x:auto;margin:14px 0;padding:2px}.bp-weatherCities button{min-width:82px;height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#16191f;color:rgba(255,255,255,.56);font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.bp-weatherCities button.is-on{border-color:rgba(233,189,66,.4);background:rgba(233,189,66,.1);color:#e9bd42}
.bp-weatherCurrent{display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden;margin-bottom:14px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,#1b1e24,#111318);box-shadow:0 16px 38px rgba(0,0,0,.2)}.bp-weatherCurrent__main{padding:29px 30px;border-right:1px solid rgba(255,255,255,.07)}.bp-weatherCurrent__place{color:#6db4ff;font-size:11px;font-weight:900}.bp-weatherCurrent__reading{display:flex;align-items:center;gap:16px;margin:16px 0 8px}.bp-weatherCurrent__reading i{display:grid;width:62px;height:62px;place-items:center;border-radius:18px;background:rgba(83,166,255,.1);font-size:35px;font-style:normal}.bp-weatherCurrent__reading strong{color:#fff;font-size:57px;font-weight:950;letter-spacing:-.06em}.bp-weatherCurrent__main h2{margin:0;color:#fff;font-size:16px}.bp-weatherCurrent__main p{margin:7px 0 0;color:rgba(255,255,255,.38);font-size:10px}.bp-weatherCurrent__main p b{color:#e9bd42}.bp-weatherCurrent__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.06)}.bp-weatherCurrent__details article{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:18px 22px;background:#15181e}.bp-weatherCurrent__details small{color:rgba(255,255,255,.4);font-size:10px}.bp-weatherCurrent__details strong{margin:7px 0;color:#fff;font-size:22px;font-weight:950}.bp-weatherCurrent__details span{color:rgba(83,166,255,.5);font-size:8px;font-weight:900;letter-spacing:.15em}
.bp-weatherPanel,.bp-weatherGuide{margin-bottom:14px;padding:25px 27px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,#1b1e24,#121419)}.bp-weatherPanel header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:19px}.bp-weatherPanel h2,.bp-weatherGuide h2{margin:0;color:#fff;font-size:21px;font-weight:950;letter-spacing:-.04em}.bp-weatherPanel header em{color:rgba(255,255,255,.32);font-size:9px;font-style:normal}.bp-weatherForecast{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.bp-weatherForecast article{display:flex;min-width:0;flex-direction:column;align-items:center;padding:15px 6px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.025);text-align:center}.bp-weatherForecast article.is-today{border-color:rgba(233,189,66,.3);background:rgba(233,189,66,.065)}.bp-weatherForecast small{color:rgba(255,255,255,.48);font-size:9px;font-weight:900}.bp-weatherForecast i{margin:11px 0;font-size:26px;font-style:normal}.bp-weatherForecast strong{color:#fff;font-size:15px}.bp-weatherForecast strong em{color:rgba(255,255,255,.35);font-style:normal}.bp-weatherForecast span{overflow:hidden;width:100%;margin:7px 0;color:rgba(255,255,255,.48);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bp-weatherForecast b{color:#6db4ff;font-size:8px}.bp-weatherLoading{grid-column:1/-1;margin:0;padding:55px;text-align:center;color:rgba(255,255,255,.38);font-size:11px}.bp-weatherLoading.is-error{color:#ff8989}.bp-weatherGuide header{margin-bottom:18px}.bp-weatherGuide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bp-weatherGuide article{padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.022)}.bp-weatherGuide article b{color:#6db4ff;font-size:9px}.bp-weatherGuide h3{margin:10px 0 7px;color:#fff;font-size:13px}.bp-weatherGuide p{margin:0;color:rgba(255,255,255,.44);font-size:11px;line-height:1.65}.bp-weather__foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 4px;color:rgba(255,255,255,.3);font-size:9px}.bp-weather__foot p{margin:0}.bp-weather__foot a{color:#6db4ff;text-decoration:none}
@media(max-width:800px){.bp-weather{padding:18px 12px 45px}.bp-weatherCurrent{grid-template-columns:1fr}.bp-weatherCurrent__main{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.bp-weatherForecast{grid-template-columns:repeat(4,minmax(0,1fr))}.bp-weatherForecast article:nth-child(n+5){margin-top:2px}.bp-weatherGuide>div{grid-template-columns:1fr}.bp-weatherHero{padding:27px 22px}}
@media(max-width:520px){.bp-weatherHero{display:block}.bp-weatherHero time{display:inline-block;margin-top:16px}.bp-weatherCurrent__main{padding:24px 21px}.bp-weatherCurrent__reading strong{font-size:49px}.bp-weatherCurrent__details article{min-height:96px;padding:15px}.bp-weatherPanel,.bp-weatherGuide{padding:22px 17px}.bp-weatherForecast{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-weatherForecast article:nth-child(n+3){margin-top:2px}.bp-weatherPanel header{display:block}.bp-weatherPanel header em{display:block;margin-top:7px}.bp-weather__foot{display:block}.bp-weather__foot p{margin-top:7px}}