.vwsa-weather{--vw-navy:#102f3b;--vw-teal:#16736f;--vw-gold:#b59652;--vw-cream:#f7f4ec;position:relative;overflow:hidden;border:1px solid rgba(16,47,59,.12);border-radius:22px;background:linear-gradient(160deg,#fff 0%,#fbfaf6 100%);box-shadow:0 14px 38px rgba(16,47,59,.10);padding:22px;font-family:inherit;color:var(--vw-navy)}
.vwsa-weather:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--vw-gold),#d9c489,var(--vw-teal))}
.vwsa-weather__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.vwsa-weather__kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--vw-gold);margin-bottom:6px}.vwsa-weather h3{font-family:Georgia,serif;font-size:22px;line-height:1.1;margin:0;color:var(--vw-navy)}
.vwsa-weather__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--vw-cream);font-size:23px;color:var(--vw-gold);border:1px solid rgba(181,150,82,.22)}
.vwsa-weather__current{display:flex;align-items:center;gap:16px;margin:20px 0 16px}.vwsa-weather__temp{font-family:Georgia,serif;font-size:54px;line-height:.9;letter-spacing:-.04em}.vwsa-weather__temp span{font-size:.55em;vertical-align:top}.vwsa-weather__summary{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.3}.vwsa-weather__summary strong{font-size:14px}.vwsa-weather__summary span{color:#65757b}
.vwsa-weather__metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(16,47,59,.10);border-bottom:1px solid rgba(16,47,59,.10);padding:12px 0;margin-bottom:17px;gap:8px}.vwsa-weather__metrics div{min-width:0}.vwsa-weather__metrics span,.vwsa-weather__metrics strong{display:block}.vwsa-weather__metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#718087;margin-bottom:3px}.vwsa-weather__metrics strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vwsa-weather__rec{border-radius:16px;padding:16px;background:#eff7f5}.vwsa-weather--rain .vwsa-weather__rec{background:#eef3f6}.vwsa-weather--hot .vwsa-weather__rec{background:#fbf4e8}.vwsa-weather__rec-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--vw-teal);margin-bottom:5px}.vwsa-weather__rec>strong{display:block;font-family:Georgia,serif;font-size:17px;margin-bottom:5px}.vwsa-weather__rec p{font-size:12.5px;line-height:1.5;margin:0 0 10px;color:#52656c}.vwsa-weather__rec a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-size:12px;font-weight:800;color:var(--vw-teal)}.vwsa-weather__rec a:hover{text-decoration:underline}.vwsa-weather__source{font-size:9px;color:#8a9599;margin-top:10px;text-align:center}.vwsa-weather__source a{color:inherit}
.vwsa-weather--error{display:flex;flex-direction:column;gap:5px;font-size:13px}.vwsa-weather--error span{color:#69777c}
@media(max-width:480px){.vwsa-weather{padding:18px;border-radius:18px}.vwsa-weather__temp{font-size:48px}}