body{margin:0;width:100%;background:transparent;font-family:"Lato", sans-serif;--responsive-mat-metric-size: 12px;--responsive-mat-metric-icon-image-size: 10px}.responsive-mat-widget{width:100%;height:100px;box-sizing:border-box;padding:1px}.responsive-mat-shell{width:100%;height:100%;display:grid;grid-template-columns:minmax(0, 4fr) repeat(2, minmax(0, 3fr));gap:2px}.responsive-mat-panel{min-width:0;min-height:0;box-sizing:border-box;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,0.24);background:radial-gradient(circle at top left, rgba(255,255,255,0.22), transparent 52%),linear-gradient(155deg, #1d6aa0 0%, #4fb6df 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);color:#f5fbff}.responsive-mat-panel--current{padding:6px 7px;display:grid;grid-template-rows:auto minmax(0, 1fr);gap:4px}.responsive-mat-panel--forecast{padding:6px;display:grid;grid-template-rows:auto minmax(0, 1fr) auto;gap:4px}.responsive-mat-current-head{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;min-width:0}.responsive-mat-heading-copy{min-width:0}.responsive-mat-kicker{margin:0;font-size:9px;line-height:1;font-weight:700;letter-spacing:0.05em;color:rgba(239,249,255,0.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-mat-city{margin:2px 0 0;font-size:14px;line-height:1.05;font-weight:700;letter-spacing:-0.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-mat-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:16px;max-width:84px;padding:0 6px;border-radius:999px;background:rgba(6,36,63,0.22);border:1px solid rgba(255,255,255,0.18);font-size:10px;line-height:1;font-weight:700;color:#eff8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-mat-current-body{min-width:0;min-height:0;display:grid;grid-template-columns:clamp(28px, 7vw, 46px) minmax(0, 1fr);align-items:center;gap:5px}.responsive-mat-current-icon,.responsive-mat-forecast-icon{display:flex;align-items:center;justify-content:center;min-width:0}.responsive-mat-current-icon img{width:clamp(24px, 5.3vw, 38px);height:auto}.responsive-mat-current-temps,.responsive-mat-forecast-copy{min-width:0}.responsive-mat-current-main,.responsive-mat-current-temps,.responsive-mat-current-metrics,.responsive-mat-forecast-main{position:relative;z-index:1}.responsive-mat-current-main,.responsive-mat-forecast-main{min-width:0;display:grid;align-items:center;gap:4px}.responsive-mat-current-main{grid-template-columns:minmax(0, 1fr) minmax(0, clamp(64px, 22vw, 92px))}.responsive-mat-temp-main,.responsive-mat-temp-sub{margin:0;min-width:0;overflow:visible}.responsive-mat-temp-main{font-size:clamp(16px, 3vw, 22px);line-height:0.9;font-weight:700;letter-spacing:-0.04em;color:#ffffff;white-space:nowrap}.responsive-mat-temp-sub{margin-top:3px;font-size:clamp(7px, 1.2vw, 9px);line-height:1.1;font-weight:600;color:rgba(240,248,255,0.84);white-space:normal;overflow-wrap:anywhere}.responsive-mat-current-metrics,.responsive-mat-forecast-metrics{min-width:0;display:grid;grid-template-columns:minmax(0, 1fr);gap:3px;align-content:center}.responsive-mat-metric{min-width:0;display:flex;align-items:center;gap:4px;min-height:18px;padding:3px 5px;border-radius:11px;background:rgba(4,30,55,0.18);border:1px solid rgba(255,255,255,0.12)}.responsive-mat-metric-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.responsive-mat-metric-icon--wind{width:var(--responsive-mat-metric-size);height:var(--responsive-mat-metric-size);border-radius:50%;background:rgba(166,210,250,0.3)}.responsive-mat-metric-icon--wind img{width:var(--responsive-mat-metric-icon-image-size);height:auto}.responsive-mat-metric-icon--rain img{width:var(--responsive-mat-metric-size);height:auto}.responsive-mat-metric-value{min-width:0;font-size:var(--responsive-mat-metric-size);line-height:1;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-mat-forecast-body{min-width:0;min-height:0;display:grid;grid-template-columns:clamp(22px, 5vw, 34px) minmax(0, 1fr);gap:4px;align-items:center}.responsive-mat-forecast-icon img{width:clamp(18px, 4.6vw, 32px);height:auto}.responsive-mat-forecast-main{grid-template-columns:minmax(0, 1fr) minmax(0, clamp(48px, 26vw, 82px))}.responsive-mat-panel--forecast .responsive-mat-temp-main{font-size:clamp(12px, 2.2vw, 16px)}.responsive-mat-panel--forecast .responsive-mat-temp-sub{margin-top:2px;font-size:clamp(7px, 1.2vw, 9px)}.responsive-mat-panel--forecast .responsive-mat-metric{min-height:16px;padding:2px 4px}@media screen and (min-width: 480px) and (max-width: 719px){.responsive-mat-widget{height:200px}.responsive-mat-shell{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(2, minmax(0, 1fr))}.responsive-mat-panel--current{grid-column:1 / -1}}@media screen and (max-width: 479px){body{--responsive-mat-metric-size: 10px;--responsive-mat-metric-icon-image-size: 8px}.responsive-mat-widget{height:300px}.responsive-mat-shell{grid-template-columns:minmax(0, 1fr);grid-template-rows:repeat(3, minmax(0, 1fr))}.responsive-mat-panel--current,.responsive-mat-panel--forecast{padding:8px;border-radius:14px}.responsive-mat-city{font-size:18px}.responsive-mat-current-body{grid-template-columns:54px minmax(0, 1fr);gap:8px}.responsive-mat-current-icon img{width:52px}.responsive-mat-current-main{grid-template-columns:minmax(0, 1fr) minmax(0, 88px);gap:8px}.responsive-mat-temp-main{font-size:28px}.responsive-mat-temp-sub{font-size:11px}.responsive-mat-forecast-body{grid-template-columns:44px minmax(0, 1fr);gap:8px}.responsive-mat-forecast-icon img{width:40px}.responsive-mat-forecast-main{grid-template-columns:minmax(0, 1fr) minmax(0, 88px);gap:8px}.responsive-mat-panel--forecast .responsive-mat-temp-main{font-size:22px}.responsive-mat-panel--forecast .responsive-mat-temp-sub{font-size:10px}}@media screen and (max-width: 239px){body{--responsive-mat-metric-size: 5px;--responsive-mat-metric-icon-image-size: 4px}.responsive-mat-panel--current,.responsive-mat-panel--forecast{position:relative;padding:5px;gap:3px}.responsive-mat-kicker{font-size:7px}.responsive-mat-city{font-size:12px}.responsive-mat-badge{min-height:12px;max-width:52px;padding:0 3px;font-size:7px}.responsive-mat-current-body{grid-template-columns:minmax(0, 1fr);gap:3px}.responsive-mat-current-icon{position:absolute;top:18px;right:4px;opacity:0.34;pointer-events:none;z-index:0}.responsive-mat-current-icon img{width:14px}.responsive-mat-current-metrics{grid-template-columns:minmax(0, 1fr);gap:2px}.responsive-mat-current-main{grid-template-columns:minmax(0, 1fr) minmax(0, 18px);gap:2px}.responsive-mat-temp-main{font-size:10px}.responsive-mat-temp-sub{margin-top:1px;font-size:6px}.responsive-mat-forecast-body{grid-template-columns:minmax(0, 1fr);gap:3px}.responsive-mat-forecast-icon{position:absolute;right:4px;bottom:4px;opacity:0.3;pointer-events:none;z-index:0}.responsive-mat-forecast-icon img{width:14px}.responsive-mat-forecast-main{grid-template-columns:minmax(0, 1fr) minmax(0, 18px);gap:2px}.responsive-mat-panel--forecast .responsive-mat-temp-main{font-size:10px}.responsive-mat-panel--forecast .responsive-mat-temp-sub{font-size:6px}.responsive-mat-metric{gap:1px;min-height:11px;padding:1px 2px;border-radius:8px}.responsive-mat-metric-icon--wind{width:var(--responsive-mat-metric-size);height:var(--responsive-mat-metric-size)}}