@sirenodeck/sirenodeck 0.1.1-alpha.0

package/src/builtin-addons/value-display/buttons/value-display/config.ts

@@ -0,0 +1,36 @@
+import { z } from "zod"
+
+export const VALUE_DISPLAY_DEFAULT_POLL_MS = 5000
+export const VALUE_DISPLAY_DEFAULT_TIMEOUT_MS = 5000
+
+const ValueEntrySchema = z
+  .object({
+    label: z.string().min(1),
+    command: z.string().min(1),
+    formatter: z.enum(["raw", "strip", "line"]).optional().default("raw"),
+    units: z.string().optional(),
+    timeout_ms: z.number().int().positive().optional(),
+    icon: z.string().optional(),
+  })
+  .strict()
+
+const ValueDisplayButtonSchema = z
+  .object({
+    values: z.array(ValueEntrySchema).min(1).max(4),
+    poll_interval_ms: z
+      .number()
+      .int()
+      .positive()
+      .optional()
+      .default(VALUE_DISPLAY_DEFAULT_POLL_MS),
+    timeout_ms: z
+      .number()
+      .int()
+      .positive()
+      .optional()
+      .default(VALUE_DISPLAY_DEFAULT_TIMEOUT_MS),
+  })
+  .strict()
+
+export const configSchema = ValueDisplayButtonSchema
+export type ConfigSchema = z.infer<typeof configSchema>

package/src/builtin-addons/value-display/buttons/value-display/frontend.tsx

@@ -0,0 +1,54 @@
+import { Text } from "@/ui/index"
+import { useAddonChannel } from "@/api/react"
+import type { AddonFrontendButton } from "@/addon/api"
+
+import type { ConfigSchema } from "./config"
+
+interface ValueEntry {
+  readonly label: string
+  readonly value: string
+  readonly units?: string
+}
+
+interface ValuesState {
+  readonly byButton: Record<string, ReadonlyArray<ValueEntry>>
+}
+
+const ValueDisplayButtonFrontend: AddonFrontendButton<ConfigSchema> = ({
+  buttonId,
+}) => {
+  const { data } = useAddonChannel<ValuesState>("value-display:values")
+  const values = data?.byButton[buttonId] ?? []
+  if (values.length === 0) {
+    return (
+      <Text
+        size="xs"
+        tone="muted"
+        typography="mono"
+        className="flex h-full w-full items-center justify-center"
+        text="Loading…"
+      />
+    )
+  }
+  return (
+    <span className="flex h-full w-full flex-col items-stretch justify-center gap-0.5 p-1.5">
+      {values.slice(0, 4).map((v, i) => (
+        <span key={`${v.label}-${i}`} className="flex justify-between gap-2">
+          <Text size="xs" tone="muted" fit="ellipsis" text={v.label} />
+          <Text
+            size="xs"
+            tone="fg"
+            fit="ellipsis"
+            text={
+              v.units !== undefined && v.units.length > 0
+                ? `${v.value}${v.units}`
+                : v.value
+            }
+          />
+        </span>
+      ))}
+    </span>
+  )
+}
+
+export default ValueDisplayButtonFrontend

package/src/builtin-addons/value-display/index.d.ts

@@ -0,0 +1,5 @@
+import type { NewAddonManifest } from "@/addon/api"
+
+declare const manifest: NewAddonManifest
+export default manifest
+export { manifest }

package/src/builtin-addons/value-display/index.ts

@@ -0,0 +1,23 @@
+import type { AddonManifestV1 } from "@/addon/api"
+
+import { globalService } from "./backend"
+import valueDisplayBackend from "./buttons/value-display/backend"
+import valueDisplayFrontend from "./buttons/value-display/frontend"
+
+export { globalService }
+
+export const manifest: AddonManifestV1 = {
+  apiVersion: 1,
+  name: "value-display",
+  buttonTypes: {
+    "value-display:display": {
+      frontend: valueDisplayFrontend,
+      service: valueDisplayBackend,
+    },
+  },
+  publishIntervalMs: 5000,
+  globalService,
+}
+
+export const valueDisplayAddon = manifest
+export default manifest

package/src/builtin-addons/value-display/sirenodeck.json

@@ -0,0 +1,6 @@
+{
+  "kind": "addon",
+  "apiVersion": 1,
+  "name": "value-display",
+  "entry": "index.ts"
+}

package/src/builtin-addons/weather/README.md

@@ -0,0 +1,46 @@
+# weather
+
+Current weather for a fixed location. Hits Open-Meteo (https://open-meteo.com/) every 10 minutes (configurable). No API key required.
+
+## Buttons
+
+| Type              | Description                                        |
+| ----------------- | -------------------------------------------------- |
+| `weather:weather` | Single button: temperature, wind speed, conditions |
+
+## Config
+
+```yaml
+- position: 4
+  type: weather:weather
+  config:
+    location:
+      latitude: 42.2304
+      longitude: -8.7256
+      name: Vigo # optional, shown in the button label
+    units: metric # "metric" (default) or "imperial"
+    poll_interval_ms: 600000 # optional, default 10 min
+```
+
+If `location` is omitted, the button renders a "Configure weather" placeholder.
+
+WMO weather codes (https://open-meteo.com/en/docs) are mapped to descriptions: clear sky, partly cloudy, overcast, fog, drizzle, rain, freezing rain, snow, thunderstorm, etc.
+
+## Example
+
+```yaml
+- position: 4
+  type: weather:weather
+  config:
+    location:
+      latitude: 40.4168
+      longitude: -3.7038
+      name: Madrid
+    units: metric
+```
+
+Run `curl "https://api.open-meteo.com/v1/forecast?latitude=40.4&longitude=-3.7&current=temperature_2m"` to verify the API is reachable from your network.
+
+## See also
+
+- [value-display](../value-display/README.md) — `value-display:display` for arbitrary command output (no API)

package/src/builtin-addons/weather/backend.ts

@@ -0,0 +1,121 @@
+import type { AddonServiceContext, AddonGlobalService } from "@/addon/api"
+
+import type { WeatherSnapshot, WeatherStateSnapshot } from "./provider/types"
+import { cityKey } from "./provider/city-key"
+import { fetchWeather } from "./provider/fetch"
+import { resolveLocation, type GeocodedLocation } from "./provider/geocode"
+import type { CityEntry } from "./provider/types"
+
+const POLL_INTERVAL_MS = 600_000
+
+const cityRegistry = new Map<string, CityEntry>()
+const resolvedCache = new Map<string, GeocodedLocation>()
+let ctxRef: AddonServiceContext | undefined
+
+const resolveEntryLocation = async (
+  entry: CityEntry,
+  signal: AbortSignal,
+): Promise<GeocodedLocation> => {
+  if (typeof entry.location === "string") {
+    const cached = resolvedCache.get(entry.location)
+    if (cached) return cached
+    const resolved = await resolveLocation(entry.location, signal)
+    resolvedCache.set(entry.location, resolved)
+    return resolved
+  }
+  return {
+    latitude: entry.location.latitude,
+    longitude: entry.location.longitude,
+    name: entry.location.name ?? "Unknown",
+  }
+}
+
+const uniqueCities = (): CityEntry[] => {
+  const byKey = new Map<string, CityEntry>()
+  for (const entry of cityRegistry.values()) {
+    const loc = entry.location
+    const key = typeof loc === "string" ? loc : cityKey(loc)
+    byKey.set(key, entry)
+  }
+  return [...byKey.values()]
+}
+
+const fetchAllCities = async (
+  cities: CityEntry[],
+  signal: AbortSignal,
+): Promise<WeatherStateSnapshot> => {
+  const byCity: Record<string, WeatherSnapshot> = {}
+  await Promise.all(
+    cities.map(async (entry) => {
+      const lookupKey =
+        typeof entry.location === "string"
+          ? entry.location
+          : cityKey(entry.location)
+      let resolved: GeocodedLocation
+      try {
+        resolved = await resolveEntryLocation(entry, signal)
+      } catch (err) {
+        byCity[lookupKey] = {
+          available: false,
+          units: entry.units,
+          description: err instanceof Error ? err.message : "geocoding failed",
+        }
+        return
+      }
+      try {
+        byCity[lookupKey] = await fetchWeather(resolved, entry.units, signal)
+      } catch (err) {
+        byCity[lookupKey] = {
+          available: false,
+          units: entry.units,
+          description: err instanceof Error ? err.message : "fetch failed",
+        }
+      }
+    }),
+  )
+  return { byCity }
+}
+
+export const globalService: AddonGlobalService = {
+  methods: {
+    registerCity: (
+      buttonId: unknown,
+      location: unknown,
+      units: unknown,
+    ): void => {
+      cityRegistry.set(String(buttonId), {
+        location: location as CityEntry["location"],
+        units: units as CityEntry["units"],
+      })
+      ctxRef?.poll("current")
+    },
+    refreshWeather: (): void => {
+      ctxRef?.poll("current")
+    },
+    unregisterCity: (buttonId: unknown): void => {
+      cityRegistry.delete(String(buttonId))
+    },
+  },
+  pollers: [
+    {
+      id: "current",
+      channel: "weather:current",
+      intervalMs: POLL_INTERVAL_MS,
+      poll: async (ctx: AddonServiceContext): Promise<WeatherStateSnapshot> => {
+        const cities = uniqueCities()
+        if (cities.length === 0) {
+          return { byCity: {} }
+        }
+        return fetchAllCities(cities, ctx.signal)
+      },
+    },
+  ],
+  onLoad: async (ctx: AddonServiceContext) => {
+    ctxRef = ctx
+  },
+  onUnload: () => {
+    ctxRef = undefined
+    cityRegistry.clear()
+    resolvedCache.clear()
+  },
+}

package/src/builtin-addons/weather/buttons/weather/backend.ts

@@ -0,0 +1,27 @@
+import type {
+  AddonButtonServiceContext,
+  AddonButtonTypeService,
+} from "@/addon/api"
+
+import { configSchema, type ConfigSchema } from "./config"
+
+const registerCity = (ctx: AddonButtonServiceContext<ConfigSchema>): void => {
+  const loc = ctx.config?.location
+  if (loc === undefined) return
+  ctx.methods["weather:registerCity"]?.(ctx.buttonId, loc, ctx.config.units)
+}
+
+const unregisterCity = (ctx: AddonButtonServiceContext<ConfigSchema>): void => {
+  ctx.methods["weather:unregisterCity"]?.(ctx.buttonId)
+}
+
+const refreshWeather = (ctx: AddonButtonServiceContext<ConfigSchema>): void => {
+  ctx.methods["weather:refreshWeather"]?.()
+}
+
+export default {
+  configSchema,
+  onMount: registerCity,
+  onTap: refreshWeather,
+  dispose: unregisterCity,
+} satisfies AddonButtonTypeService<ConfigSchema>

package/src/builtin-addons/weather/buttons/weather/config.ts

@@ -0,0 +1,29 @@
+import { z } from "zod"
+
+export const WEATHER_DEFAULT_POLL_MS = 600_000
+
+const WeatherLocationSchema = z
+  .object({
+    latitude: z.number().min(-90).max(90),
+    longitude: z.number().min(-180).max(180),
+    name: z.string().min(1).optional(),
+  })
+  .strict()
+
+const WeatherButtonSchema = z
+  .object({
+    location: WeatherLocationSchema.optional(),
+    poll_interval_ms: z
+      .number()
+      .int()
+      .positive()
+      .optional()
+      .default(WEATHER_DEFAULT_POLL_MS),
+    units: z.enum(["metric", "imperial"]).optional().default("metric"),
+  })
+  .strict()
+
+export const configSchema = WeatherButtonSchema
+export type ConfigSchema = z.infer<typeof configSchema>
+export type WeatherLocation = z.infer<typeof WeatherLocationSchema>
+export type WeatherButtonConfig = z.infer<typeof WeatherButtonSchema>

package/src/builtin-addons/weather/buttons/weather/frontend.tsx

@@ -0,0 +1,63 @@
+import type { AddonFrontendButton } from "@/addon/api"
+import { useAddonChannel } from "@/api/react"
+import { IconLabelSurface, PaginatedSurface, type PaginatedPage } from "@/ui"
+import { cityKey } from "../../provider/city-key"
+import type {
+  WeatherSnapshot,
+  WeatherStateSnapshot,
+} from "../../provider/types"
+import type { ConfigSchema } from "./config"
+import { type WeatherPageProps, weatherPageRenderers } from "./pages"
+
+const AUTO_RETURN_MS = 10_000
+
+const lookupKey = (loc: NonNullable<ConfigSchema["location"]>) =>
+  typeof loc === "string" ? loc : cityKey(loc)
+
+const WeatherButtonFrontend: AddonFrontendButton<ConfigSchema> = ({
+  config,
+  gesture,
+}) => {
+  const name =
+    typeof config?.location === "object"
+      ? config.location.name
+      : config?.location
+  const { data } = useAddonChannel<WeatherStateSnapshot>("weather:current")
+
+  const loc = config?.location
+  const snapshot: WeatherSnapshot | undefined =
+    loc !== undefined && data?.byCity !== undefined
+      ? data.byCity[lookupKey(loc)]
+      : undefined
+
+  if (!snapshot?.available) {
+    return <IconLabelSurface source="icon://cloud-off" label="---" />
+  }
+
+  const unitTemp = snapshot.units === "imperial" ? "°F" : "°C"
+  const unitWind = snapshot.units === "imperial" ? "mph" : "km/h"
+
+  const weatherProps: WeatherPageProps = {
+    snapshot,
+    unitTemp,
+    unitWind,
+    city: name,
+  }
+
+  const pages: PaginatedPage<WeatherPageProps>[] = weatherPageRenderers.map(
+    (render) => ({
+      render,
+      config: weatherProps,
+    }),
+  )
+
+  return (
+    <PaginatedSurface
+      pages={pages}
+      gesture={gesture}
+      autoReturnMs={AUTO_RETURN_MS}
+    />
+  )
+}
+
+export default WeatherButtonFrontend

package/src/builtin-addons/weather/buttons/weather/icons.tsx

@@ -0,0 +1,88 @@
+// ponytail: SVG icons are inlined as data URIs to avoid .svg imports.
+// The daemon (tsx runtime) evaluates this module via index.ts → frontend.tsx →
+// pages.tsx → here, but it never reads ICON_URLS. Only the Vite frontend does,
+// via React render — so we don't need any .svg imports at all.
+
+type IconName =
+  | "clear-day"
+  | "mostly-clear-day"
+  | "partly-cloudy-day"
+  | "overcast"
+  | "fog"
+  | "drizzle"
+  | "rain"
+  | "sleet"
+  | "snow"
+  | "thunderstorms"
+  | "thunderstorms-hail"
+
+const ICON_URLS: Record<IconName, string> = {
+  "clear-day":
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22clear-day%22%3E%0A%3Cg%20id%3D%22Sun%22%3E%0A%3Ccircle%20id%3D%22Core%22%20cx%3D%2264%22%20cy%3D%2263.9999%22%20r%3D%2219.5%22%20fill%3D%22url%28%23paint0_linear_1802_5186%29%22%20stroke%3D%22%23F8AF18%22%2F%3E%0A%3Cg%20id%3D%22Rays%22%3E%0A%3Cpath%20d%3D%22M61%2019C61%2017.3431%2062.3431%2016%2064%2016C65.6568%2016%2067%2017.3431%2067%2019V33C67%2034.6569%2065.6568%2036%2064%2036C62.3431%2036%2061%2034.6569%2061%2033V19Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M93.6985%2030.0589C94.87%2028.8873%2096.7696%2028.8873%2097.9411%2030.0589C99.1127%2031.2304%2099.1127%2033.1299%2097.9411%2034.3015L88.0416%2044.201C86.8701%2045.3726%2084.9706%2045.3726%2083.799%2044.201C82.6274%2043.0294%2082.6274%2041.1299%2083.799%2039.9584L93.6985%2030.0589Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M109%2061C110.657%2061%20112%2062.3432%20112%2064C112%2065.6569%20110.657%2067%20109%2067H95C93.3431%2067%2092%2065.6569%2092%2064C92%2062.3432%2093.3431%2061%2095%2061H109Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M97.9411%2093.6985C99.1127%2094.8701%2099.1127%2096.7696%2097.9411%2097.9411C96.7696%2099.1127%2094.8701%2099.1127%2093.6985%2097.9411L83.799%2088.0416C82.6274%2086.8701%2082.6274%2084.9706%2083.799%2083.799C84.9706%2082.6274%2086.8701%2082.6274%2088.0416%2083.799L97.9411%2093.6985Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M61%2095C61%2093.3431%2062.3431%2092%2064%2092C65.6568%2092%2067%2093.3431%2067%2095V109C67%20110.657%2065.6568%20112%2064%20112C62.3431%20112%2061%20110.657%2061%20109V95Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M39.9584%2083.799C41.1299%2082.6274%2043.0294%2082.6274%2044.201%2083.799C45.3726%2084.9706%2045.3726%2086.8701%2044.201%2088.0416L34.3015%2097.9411C33.1299%2099.1127%2031.2304%2099.1127%2030.0589%2097.9411C28.8873%2096.7696%2028.8873%2094.87%2030.0589%2093.6985L39.9584%2083.799Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M33%2061C34.6569%2061%2036%2062.3431%2036%2064C36%2065.6568%2034.6569%2067%2033%2067H19C17.3431%2067%2016%2065.6568%2016%2064C16%2062.3431%2017.3431%2061%2019%2061H33Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M44.201%2039.9584C45.3726%2041.1299%2045.3726%2043.0294%2044.201%2044.201C43.0294%2045.3726%2041.1299%2045.3726%2039.9584%2044.201L30.0589%2034.3015C28.8873%2033.1299%2028.8873%2031.2305%2030.0589%2030.0589C31.2305%2028.8873%2033.1299%2028.8873%2034.3015%2030.0589L44.201%2039.9584Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1802_5186%22%20x1%3D%2264%22%20y1%3D%2243.9999%22%20x2%3D%2264%22%20y2%3D%2283.9999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FBBF24%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8AF18%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  "mostly-clear-day":
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22mostly-clear-day%22%20clip-path%3D%22url%28%23clip0_1858_8340%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Sun%22%3E%0A%3Ccircle%20id%3D%22Core%22%20cx%3D%2250%22%20cy%3D%2262%22%20r%3D%2212.5%22%20fill%3D%22url%28%23paint0_linear_1858_8340%29%22%20stroke%3D%22%23F8AF18%22%2F%3E%0A%3Cg%20id%3D%22Rays%22%3E%0A%3Cpath%20d%3D%22M48%2032C48%2030.8954%2048.8954%2030%2050%2030C51.1046%2030%2052%2030.8954%2052%2032V41.3333C52%2042.4379%2051.1046%2043.3333%2050%2043.3333C48.8954%2043.3333%2048%2042.4379%2048%2041.3333V32Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M69.799%2039.3726C70.58%2038.5915%2071.8464%2038.5915%2072.6274%2039.3726C73.4085%2040.1536%2073.4085%2041.42%2072.6274%2042.201L66.0278%2048.8007C65.2467%2049.5817%2063.9804%2049.5817%2063.1993%2048.8007C62.4183%2048.0196%2062.4183%2046.7533%2063.1993%2045.9722L69.799%2039.3726Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M80%2060C81.1046%2060%2082%2060.8954%2082%2062C82%2063.1046%2081.1046%2064%2080%2064H70.6667C69.5621%2064%2068.6667%2063.1046%2068.6667%2062C68.6667%2060.8954%2069.5621%2060%2070.6667%2060H80Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M72.6274%2081.799C73.4085%2082.58%2073.4085%2083.8464%2072.6274%2084.6274C71.8464%2085.4085%2070.58%2085.4085%2069.799%2084.6274L63.1993%2078.0278C62.4183%2077.2467%2062.4183%2075.9804%2063.1993%2075.1993C63.9804%2074.4183%2065.2467%2074.4183%2066.0278%2075.1993L72.6274%2081.799Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M48%2082.6667C48%2081.5621%2048.8954%2080.6667%2050%2080.6667C51.1046%2080.6667%2052%2081.5621%2052%2082.6667V92C52%2093.1046%2051.1046%2094%2050%2094C48.8954%2094%2048%2093.1046%2048%2092V82.6667Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M33.9722%2075.1993C34.7533%2074.4183%2036.0196%2074.4183%2036.8007%2075.1993C37.5817%2075.9804%2037.5817%2077.2467%2036.8007%2078.0278L30.201%2084.6274C29.42%2085.4085%2028.1536%2085.4085%2027.3726%2084.6274C26.5915%2083.8464%2026.5915%2082.58%2027.3726%2081.799L33.9722%2075.1993Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M29.3333%2060C30.4379%2060%2031.3333%2060.8954%2031.3333%2062C31.3333%2063.1046%2030.4379%2064%2029.3333%2064H20C18.8954%2064%2018%2063.1046%2018%2062C18%2060.8954%2018.8954%2060%2020%2060H29.3333Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M36.8007%2045.9722C37.5817%2046.7533%2037.5817%2048.0196%2036.8007%2048.8007C36.0196%2049.5817%2034.7533%2049.5817%2033.9722%2048.8007L27.3726%2042.201C26.5915%2041.42%2026.5915%2040.1536%2027.3726%2039.3726C28.1536%2038.5915%2029.42%2038.5915%2030.201%2039.3726L36.8007%2045.9722Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M58.0142%2059.8887C61.3363%2054.3602%2068.3655%2051.9679%2074.3082%2054.5254C80.2917%2057.1004%2083.5145%2063.9169%2081.9859%2070.2227L81.8297%2070.8701L82.4947%2070.8408C87.4096%2070.6202%2091.4996%2074.7706%2091.4996%2079.6602C91.4994%2084.3966%2087.6454%2088.499%2082.8834%2088.499C70.5117%2088.4877%2058.1362%2088.5%2045.7672%2088.5C40.9829%2088.5012%2036.9766%2084.6313%2036.5406%2079.8877C36.104%2075.1358%2039.3371%2070.5714%2044.0406%2069.6572L44.5181%2069.5635L44.438%2069.084C43.8797%2065.7473%2045.2907%2062.2583%2048.063%2060.3203C50.7976%2058.4089%2054.4855%2058.3015%2057.3228%2060.0566L57.7535%2060.3223L58.0142%2059.8887Z%22%20fill%3D%22url%28%23paint1_linear_1858_8340%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_8340%22%20x1%3D%2250%22%20y1%3D%2249%22%20x2%3D%2250%22%20y2%3D%2275%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FBBF24%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8AF18%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_1858_8340%22%20x1%3D%2264.0008%22%20y1%3D%2253%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_8340%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  "partly-cloudy-day":
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22partly-cloudy-day%22%20clip-path%3D%22url%28%23clip0_1858_8241%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Sun%22%3E%0A%3Ccircle%20id%3D%22Core%22%20cx%3D%2239%22%20cy%3D%2251%22%20r%3D%228.5%22%20fill%3D%22url%28%23paint0_linear_1858_8241%29%22%20stroke%3D%22%23F8AF18%22%2F%3E%0A%3Cg%20id%3D%22Rays%22%3E%0A%3Cpath%20d%3D%22M37.6875%2031.3125C37.6875%2030.5876%2038.2751%2030%2039%2030C39.7249%2030%2040.3125%2030.5876%2040.3125%2031.3125V37.4375C40.3125%2038.1624%2039.7249%2038.75%2039%2038.75C38.2751%2038.75%2037.6875%2038.1624%2037.6875%2037.4375V31.3125Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M51.9931%2036.1508C52.5056%2035.6382%2053.3367%2035.6382%2053.8492%2036.1508C54.3618%2036.6633%2054.3618%2037.4943%2053.8492%2038.0069L49.5182%2042.3379C49.0056%2042.8505%2048.1746%2042.8505%2047.6621%2042.3379C47.1495%2041.8254%2047.1495%2040.9944%2047.6621%2040.4818L51.9931%2036.1508Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M58.6875%2049.6875C59.4124%2049.6875%2060%2050.2751%2060%2051C60%2051.7249%2059.4124%2052.3125%2058.6875%2052.3125H52.5625C51.8376%2052.3125%2051.25%2051.7249%2051.25%2051C51.25%2050.2751%2051.8376%2049.6875%2052.5625%2049.6875H58.6875Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M53.8492%2063.9931C54.3618%2064.5057%2054.3618%2065.3367%2053.8492%2065.8492C53.3367%2066.3618%2052.5056%2066.3618%2051.9931%2065.8492L47.6621%2061.5182C47.1495%2061.0057%2047.1495%2060.1746%2047.6621%2059.6621C48.1746%2059.1495%2049.0057%2059.1495%2049.5182%2059.6621L53.8492%2063.9931Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M37.6875%2064.5625C37.6875%2063.8376%2038.2751%2063.25%2039%2063.25C39.7249%2063.25%2040.3125%2063.8376%2040.3125%2064.5625V70.6875C40.3125%2071.4124%2039.7249%2072%2039%2072C38.2751%2072%2037.6875%2071.4124%2037.6875%2070.6875V64.5625Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M28.4818%2059.6621C28.9943%2059.1495%2029.8254%2059.1495%2030.3379%2059.6621C30.8505%2060.1746%2030.8505%2061.0056%2030.3379%2061.5182L26.0069%2065.8492C25.4943%2066.3618%2024.6633%2066.3618%2024.1508%2065.8492C23.6382%2065.3367%2023.6382%2064.5056%2024.1508%2063.9931L28.4818%2059.6621Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M25.4375%2049.6875C26.1624%2049.6875%2026.75%2050.2751%2026.75%2051C26.75%2051.7249%2026.1624%2052.3125%2025.4375%2052.3125H19.3125C18.5876%2052.3125%2018%2051.7249%2018%2051C18%2050.2751%2018.5876%2049.6875%2019.3125%2049.6875H25.4375Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3Cpath%20d%3D%22M30.3379%2040.4818C30.8505%2040.9944%2030.8505%2041.8254%2030.3379%2042.3379C29.8254%2042.8505%2028.9944%2042.8505%2028.4818%2042.3379L24.1508%2038.0069C23.6382%2037.4944%2023.6382%2036.6633%2024.1508%2036.1508C24.6633%2035.6382%2025.4944%2035.6382%2026.0069%2036.1508L30.3379%2040.4818Z%22%20fill%3D%22%23F8AF18%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint1_linear_1858_8241%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_8241%22%20x1%3D%2239%22%20y1%3D%2242%22%20x2%3D%2239%22%20y2%3D%2260%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FBBF24%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8AF18%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_1858_8241%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_8241%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  overcast:
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22overcast%22%20clip-path%3D%22url%28%23clip0_1858_8153%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Secondary%20Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud%22%20d%3D%22M83.8392%2048.6934C86.2444%2044.9584%2091.2146%2043.529%2095.3177%2045.1768C99.3609%2046.8006%20101.814%2051.1888%20100.71%2055.4365L100.54%2056.0898L101.215%2056.0615C104.496%2055.924%20107.5%2058.4646%20107.5%2061.7744C107.5%2064.9759%20104.669%2067.4999%20101.489%2067.5H74.9769C71.7679%2067.5008%2068.8449%2065.1182%2068.5287%2061.9072C68.2136%2058.7068%2070.6168%2055.8414%2073.764%2055.2705L74.2552%2055.1816L74.1674%2054.6904C73.7734%2052.4931%2074.8117%2050.2493%2076.6849%2049.0273C78.6105%2047.7713%2081.177%2047.7069%2083.1683%2048.8564L83.5814%2049.0938L83.8392%2048.6934Z%22%20fill%3D%22url%28%23paint0_linear_1858_8153%29%22%20stroke%3D%22%2394A3B8%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Cloud_2%22%3E%0A%3Cpath%20id%3D%22Cloud_3%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint1_linear_1858_8153%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_8153%22%20x1%3D%2288.0002%22%20y1%3D%2244%22%20x2%3D%2288.0002%22%20y2%3D%2268%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23B0BCCD%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2394A3B8%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_1858_8153%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_8153%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  fog: "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22fog%22%20clip-path%3D%22url%28%23clip0_1858_9374%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_9374%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Precipitation%22%3E%0A%3Cpath%20id%3D%22Line%202%22%20d%3D%22M40%2095H88%22%20stroke%3D%22%23E2E8F0%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20id%3D%22Line%201%22%20d%3D%22M40%20103H88%22%20stroke%3D%22%23E2E8F0%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_9374%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_9374%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  drizzle:
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22drizzle%22%20clip-path%3D%22url%28%23clip0_1858_8512%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_8512%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Precipitation%22%3E%0A%3Cg%20id%3D%22Raindrops%22%3E%0A%3Cpath%20id%3D%22Raindrop%201%22%20d%3D%22M52%2087V90%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3Cpath%20id%3D%22Raindrop%202%22%20d%3D%22M64%2087V90%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3Cpath%20id%3D%22Raindrop%203%22%20d%3D%22M76%2087V90%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_8512%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_8512%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  rain: "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22rain%22%20clip-path%3D%22url%28%23clip0_1858_8370%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_8370%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Precipitation%22%3E%0A%3Cg%20id%3D%22Raindrops%22%3E%0A%3Cpath%20id%3D%22Raindrop%201%22%20d%3D%22M52%2083V95%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3Cpath%20id%3D%22Raindrop%202%22%20d%3D%22M64%2083V95%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3Cpath%20id%3D%22Raindrop%203%22%20d%3D%22M76%2083V95%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_8370%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_8370%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  sleet:
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22sleet%22%20clip-path%3D%22url%28%23clip0_1858_9090%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_9090%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Precipitation%22%3E%0A%3Cg%20id%3D%22Snowflakes%22%3E%0A%3Cpath%20id%3D%22Snowflake%201%22%20d%3D%22M52.5781%2090.366L51.3735%2089.6775C51.4794%2089.2326%2051.4786%2088.7687%2051.3708%2088.3241L52.5781%2087.6345C52.6738%2087.5805%2052.7577%2087.5079%2052.8252%2087.421C52.8926%2087.3342%2052.9423%2087.2347%2052.9711%2087.1284C52.9998%2087.0221%2053.0071%2086.9112%2052.9926%2086.802C52.9782%2086.6928%2052.9422%2086.5876%2052.8868%2086.4926C52.7732%2086.2998%2052.5886%2086.1597%2052.3728%2086.1025C52.157%2086.0452%2051.9276%2086.0754%2051.7339%2086.1866L50.5278%2086.8763C50.1931%2086.5586%2049.7868%2086.3264%2049.3437%2086.1995V84.8202C49.3368%2084.6003%2049.245%2084.3918%2049.0875%2084.2387C48.93%2084.0856%2048.7192%2084%2048.4998%2084C48.2805%2084%2048.0699%2084.0856%2047.9124%2084.2387C47.7548%2084.3918%2047.6628%2084.6003%2047.656%2084.8202V86.1995C47.214%2086.3289%2046.8081%2086.5598%2046.4706%2086.874L45.2662%2086.1853C45.0724%2086.0742%2044.8428%2086.044%2044.627%2086.1013C44.4113%2086.1585%2044.2267%2086.2986%2044.113%2086.4913C44.0576%2086.5864%2044.0217%2086.6916%2044.0072%2086.8007C43.9928%2086.9099%2044%2087.0209%2044.0288%2087.1271C44.0575%2087.2334%2044.1072%2087.3329%2044.1747%2087.4198C44.2421%2087.5067%2044.326%2087.5792%2044.4217%2087.6332L45.6264%2088.3216C45.5204%2088.7666%2045.5213%2089.2305%2045.629%2089.675L44.4217%2090.3647C44.326%2090.4187%2044.2421%2090.4912%2044.1747%2090.5781C44.1072%2090.665%2044.0575%2090.7645%2044.0288%2090.8708C44%2090.9771%2043.9928%2091.088%2044.0072%2091.1972C44.0217%2091.3063%2044.0576%2091.4115%2044.113%2091.5066C44.2267%2091.6992%2044.4113%2091.8392%2044.627%2091.8965C44.8428%2091.9537%2045.0724%2091.9236%2045.2662%2091.8126L46.4721%2091.1229C46.8063%2091.4409%2047.2128%2091.6726%2047.6562%2091.7979V93.1798C47.6631%2093.3997%2047.755%2093.6082%2047.9126%2093.7613C48.0701%2093.9144%2048.2807%2094%2048.5%2094C48.7194%2094%2048.9302%2093.9144%2049.0877%2093.7613C49.2452%2093.6082%2049.337%2093.3997%2049.3439%2093.1798V91.7975C49.7853%2091.6683%2050.1907%2091.4378%2050.5278%2091.1242L51.7341%2091.8138C51.9278%2091.9248%2052.1573%2091.955%2052.373%2091.8977C52.5888%2091.8405%2052.7733%2091.7005%2052.887%2091.5079C52.9424%2091.4128%2052.9784%2091.3076%2052.9928%2091.1984C53.0073%2091.0892%2052.9998%2090.9783%2052.9711%2090.872C52.9423%2090.7657%2052.8929%2090.6662%2052.8254%2090.5793C52.7579%2090.4925%2052.6738%2090.4199%2052.5781%2090.366ZM47.8664%2090.0861C47.7229%2090.005%2047.5968%2089.8961%2047.4956%2089.7657C47.3944%2089.6353%2047.3202%2089.486%2047.2771%2089.3266C47.2339%2089.1671%2047.2228%2089.0007%2047.2443%2088.8369C47.2658%2088.6731%2047.3197%2088.5152%2047.4026%2088.3724C47.5735%2088.084%2047.8503%2087.8743%2048.1736%2087.7883C48.497%2087.7023%2048.8411%2087.747%2049.1321%2087.9126C49.2756%2087.9938%2049.4016%2088.1027%2049.5028%2088.2331C49.604%2088.3635%2049.6782%2088.5127%2049.7214%2088.6722C49.7645%2088.8316%2049.7757%2088.9981%2049.7541%2089.1619C49.7326%2089.3257%2049.6787%2089.4836%2049.5958%2089.6263C49.425%2089.9149%2049.1482%2090.1247%2048.8248%2090.2108C48.5014%2090.2969%2048.1574%2090.2523%2047.8664%2090.0867V90.0861Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3Cpath%20id%3D%22Snowflake%202%22%20d%3D%22M67.5781%2090.366L66.3735%2089.6775C66.4794%2089.2326%2066.4786%2088.7687%2066.3708%2088.3241L67.5781%2087.6345C67.6738%2087.5805%2067.7577%2087.5079%2067.8252%2087.421C67.8926%2087.3342%2067.9423%2087.2347%2067.9711%2087.1284C67.9998%2087.0221%2068.0071%2086.9112%2067.9926%2086.802C67.9782%2086.6928%2067.9422%2086.5876%2067.8868%2086.4926C67.7732%2086.2998%2067.5886%2086.1597%2067.3728%2086.1025C67.157%2086.0452%2066.9276%2086.0754%2066.7339%2086.1866L65.5278%2086.8763C65.1931%2086.5586%2064.7868%2086.3264%2064.3437%2086.1995V84.8202C64.3368%2084.6003%2064.245%2084.3918%2064.0875%2084.2387C63.93%2084.0856%2063.7192%2084%2063.4998%2084C63.2805%2084%2063.0699%2084.0856%2062.9124%2084.2387C62.7548%2084.3918%2062.6628%2084.6003%2062.656%2084.8202V86.1995C62.214%2086.3289%2061.8081%2086.5598%2061.4706%2086.874L60.2662%2086.1853C60.0724%2086.0742%2059.8428%2086.044%2059.627%2086.1013C59.4113%2086.1585%2059.2267%2086.2986%2059.113%2086.4913C59.0576%2086.5864%2059.0217%2086.6916%2059.0072%2086.8007C58.9928%2086.9099%2059%2087.0209%2059.0288%2087.1271C59.0575%2087.2334%2059.1072%2087.3329%2059.1747%2087.4198C59.2421%2087.5067%2059.326%2087.5792%2059.4217%2087.6332L60.6264%2088.3216C60.5204%2088.7666%2060.5213%2089.2305%2060.629%2089.675L59.4217%2090.3647C59.326%2090.4187%2059.2421%2090.4912%2059.1747%2090.5781C59.1072%2090.665%2059.0575%2090.7645%2059.0288%2090.8708C59%2090.9771%2058.9928%2091.088%2059.0072%2091.1972C59.0217%2091.3063%2059.0576%2091.4115%2059.113%2091.5066C59.2267%2091.6992%2059.4113%2091.8392%2059.627%2091.8965C59.8428%2091.9537%2060.0724%2091.9236%2060.2662%2091.8126L61.4721%2091.1229C61.8063%2091.4409%2062.2128%2091.6726%2062.6562%2091.7979V93.1798C62.6631%2093.3997%2062.755%2093.6082%2062.9126%2093.7613C63.0701%2093.9144%2063.2807%2094%2063.5%2094C63.7194%2094%2063.9302%2093.9144%2064.0877%2093.7613C64.2452%2093.6082%2064.337%2093.3997%2064.3439%2093.1798V91.7975C64.7853%2091.6683%2065.1907%2091.4378%2065.5278%2091.1242L66.7341%2091.8138C66.9278%2091.9248%2067.1573%2091.955%2067.373%2091.8977C67.5888%2091.8405%2067.7733%2091.7005%2067.887%2091.5079C67.9424%2091.4128%2067.9784%2091.3076%2067.9928%2091.1984C68.0073%2091.0892%2067.9998%2090.9783%2067.9711%2090.872C67.9423%2090.7657%2067.8929%2090.6662%2067.8254%2090.5793C67.7579%2090.4925%2067.6738%2090.4199%2067.5781%2090.366ZM62.8664%2090.0861C62.7229%2090.005%2062.5968%2089.8961%2062.4956%2089.7657C62.3944%2089.6353%2062.3202%2089.486%2062.2771%2089.3266C62.2339%2089.1671%2062.2228%2089.0007%2062.2443%2088.8369C62.2658%2088.6731%2062.3197%2088.5152%2062.4026%2088.3724C62.5735%2088.084%2062.8503%2087.8743%2063.1736%2087.7883C63.497%2087.7023%2063.8411%2087.747%2064.1321%2087.9126C64.2756%2087.9938%2064.4016%2088.1027%2064.5028%2088.2331C64.604%2088.3635%2064.6782%2088.5127%2064.7214%2088.6722C64.7645%2088.8316%2064.7757%2088.9981%2064.7541%2089.1619C64.7326%2089.3257%2064.6787%2089.4836%2064.5958%2089.6263C64.425%2089.9149%2064.1482%2090.1247%2063.8248%2090.2108C63.5014%2090.2969%2063.1574%2090.2523%2062.8664%2090.0867V90.0861Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%2016%29%22%2F%3E%0A%3Cpath%20id%3D%22Snowflake%203%22%20d%3D%22M82.5781%2090.366L81.3735%2089.6775C81.4794%2089.2326%2081.4786%2088.7687%2081.3708%2088.3241L82.5781%2087.6345C82.6738%2087.5805%2082.7577%2087.5079%2082.8252%2087.421C82.8926%2087.3342%2082.9423%2087.2347%2082.9711%2087.1284C82.9998%2087.0221%2083.0071%2086.9112%2082.9926%2086.802C82.9782%2086.6928%2082.9422%2086.5876%2082.8868%2086.4926C82.7732%2086.2998%2082.5886%2086.1597%2082.3728%2086.1025C82.157%2086.0452%2081.9276%2086.0754%2081.7339%2086.1866L80.5278%2086.8763C80.1931%2086.5586%2079.7868%2086.3264%2079.3437%2086.1995V84.8202C79.3368%2084.6003%2079.245%2084.3918%2079.0875%2084.2387C78.93%2084.0856%2078.7192%2084%2078.4998%2084C78.2805%2084%2078.0699%2084.0856%2077.9124%2084.2387C77.7548%2084.3918%2077.6628%2084.6003%2077.656%2084.8202V86.1995C77.214%2086.3289%2076.8081%2086.5598%2076.4706%2086.874L75.2662%2086.1853C75.0724%2086.0742%2074.8428%2086.044%2074.627%2086.1013C74.4113%2086.1585%2074.2267%2086.2986%2074.113%2086.4913C74.0576%2086.5864%2074.0217%2086.6916%2074.0072%2086.8007C73.9928%2086.9099%2074%2087.0209%2074.0288%2087.1271C74.0575%2087.2334%2074.1072%2087.3329%2074.1747%2087.4198C74.2421%2087.5067%2074.326%2087.5792%2074.4217%2087.6332L75.6264%2088.3216C75.5204%2088.7666%2075.5213%2089.2305%2075.629%2089.675L74.4217%2090.3647C74.326%2090.4187%2074.2421%2090.4912%2074.1747%2090.5781C74.1072%2090.665%2074.0575%2090.7645%2074.0288%2090.8708C74%2090.9771%2073.9928%2091.088%2074.0072%2091.1972C74.0217%2091.3063%2074.0576%2091.4115%2074.113%2091.5066C74.2267%2091.6992%2074.4113%2091.8392%2074.627%2091.8965C74.8428%2091.9537%2075.0724%2091.9236%2075.2662%2091.8126L76.4721%2091.1229C76.8063%2091.4409%2077.2128%2091.6726%2077.6562%2091.7979V93.1798C77.6631%2093.3997%2077.755%2093.6082%2077.9126%2093.7613C78.0701%2093.9144%2078.2807%2094%2078.5%2094C78.7194%2094%2078.9302%2093.9144%2079.0877%2093.7613C79.2452%2093.6082%2079.337%2093.3997%2079.3439%2093.1798V91.7975C79.7853%2091.6683%2080.1907%2091.4378%2080.5278%2091.1242L81.7341%2091.8138C81.9278%2091.9248%2082.1573%2091.955%2082.373%2091.8977C82.5888%2091.8405%2082.7733%2091.7005%2082.887%2091.5079C82.9424%2091.4128%2082.9784%2091.3076%2082.9928%2091.1984C83.0073%2091.0892%2082.9998%2090.9783%2082.9711%2090.872C82.9423%2090.7657%2082.8929%2090.6662%2082.8254%2090.5793C82.7579%2090.4925%2082.6738%2090.4199%2082.5781%2090.366ZM77.8664%2090.0861C77.7229%2090.005%2077.5968%2089.8961%2077.4956%2089.7657C77.3944%2089.6353%2077.3202%2089.486%2077.2771%2089.3266C77.2339%2089.1671%2077.2228%2089.0007%2077.2443%2088.8369C77.2658%2088.6731%2077.3197%2088.5152%2077.4026%2088.3724C77.5735%2088.084%2077.8503%2087.8743%2078.1736%2087.7883C78.497%2087.7023%2078.8411%2087.747%2079.1321%2087.9126C79.2756%2087.9938%2079.4016%2088.1027%2079.5028%2088.2331C79.604%2088.3635%2079.6782%2088.5127%2079.7214%2088.6722C79.7645%2088.8316%2079.7757%2088.9981%2079.7541%2089.1619C79.7326%2089.3257%2079.6787%2089.4836%2079.5958%2089.6263C79.425%2089.9149%2079.1482%2090.1247%2078.8248%2090.2108C78.5014%2090.2969%2078.1574%2090.2523%2077.8664%2090.0867V90.0861Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Raindrops%22%3E%0A%3Cpath%20id%3D%22Raindrop%201%22%20d%3D%22M52%2088V91%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%2016%29%22%2F%3E%0A%3Cpath%20id%3D%22Raindrop%202%22%20d%3D%22M64%2088V91%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3Cpath%20id%3D%22Raindrop%203%22%20d%3D%22M76%2088V91%22%20stroke%3D%22%230A5AD4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20transform%3D%22translate%280%2C%2016%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_9090%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_9090%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  snow: "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22snow%22%20clip-path%3D%22url%28%23clip0_1858_8860%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2623%2048.4746C60.1227%2040.6111%2070.2975%2037.38%2078.8151%2040.9434C87.3214%2044.5023%2092.138%2054.0026%2089.903%2062.9648L89.7418%2063.6143L90.4108%2063.585C97.4203%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7717%2088.4997%2090.9772%2088.5H37.9537C31.1275%2088.5018%2025.2029%2083.1709%2024.5592%2076.3604C23.9158%2069.5518%2028.7369%2063.2124%2035.443%2061.9453L35.9264%2061.8535L35.8424%2061.3691C35.0256%2056.6239%2037.1258%2051.7168%2041.1051%2049.0127C45.0951%2046.3014%2050.4459%2046.1537%2054.5797%2048.6396L55.0026%2048.8945L55.2623%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_8860%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Precipitation%22%3E%0A%3Cg%20id%3D%22Snowflakes%22%3E%0A%3Cpath%20id%3D%22Snowflake%201%22%20d%3D%22M52.5781%2090.366L51.3735%2089.6775C51.4794%2089.2326%2051.4786%2088.7687%2051.3708%2088.3241L52.5781%2087.6345C52.6738%2087.5805%2052.7577%2087.5079%2052.8252%2087.421C52.8926%2087.3342%2052.9423%2087.2347%2052.9711%2087.1284C52.9998%2087.0221%2053.0071%2086.9112%2052.9926%2086.802C52.9782%2086.6928%2052.9422%2086.5876%2052.8868%2086.4926C52.7732%2086.2998%2052.5886%2086.1597%2052.3728%2086.1025C52.157%2086.0452%2051.9276%2086.0754%2051.7339%2086.1866L50.5278%2086.8763C50.1931%2086.5586%2049.7868%2086.3264%2049.3437%2086.1995V84.8202C49.3368%2084.6003%2049.245%2084.3918%2049.0875%2084.2387C48.93%2084.0856%2048.7192%2084%2048.4998%2084C48.2805%2084%2048.0699%2084.0856%2047.9124%2084.2387C47.7548%2084.3918%2047.6628%2084.6003%2047.656%2084.8202V86.1995C47.214%2086.3289%2046.8081%2086.5598%2046.4706%2086.874L45.2662%2086.1853C45.0724%2086.0742%2044.8428%2086.044%2044.627%2086.1013C44.4113%2086.1585%2044.2267%2086.2986%2044.113%2086.4913C44.0576%2086.5864%2044.0217%2086.6916%2044.0072%2086.8007C43.9928%2086.9099%2044%2087.0209%2044.0288%2087.1271C44.0575%2087.2334%2044.1072%2087.3329%2044.1747%2087.4198C44.2421%2087.5067%2044.326%2087.5792%2044.4217%2087.6332L45.6264%2088.3216C45.5204%2088.7666%2045.5213%2089.2305%2045.629%2089.675L44.4217%2090.3647C44.326%2090.4187%2044.2421%2090.4912%2044.1747%2090.5781C44.1072%2090.665%2044.0575%2090.7645%2044.0288%2090.8708C44%2090.9771%2043.9928%2091.088%2044.0072%2091.1972C44.0217%2091.3063%2044.0576%2091.4115%2044.113%2091.5066C44.2267%2091.6992%2044.4113%2091.8392%2044.627%2091.8965C44.8428%2091.9537%2045.0724%2091.9236%2045.2662%2091.8126L46.4721%2091.1229C46.8063%2091.4409%2047.2128%2091.6726%2047.6562%2091.7979V93.1798C47.6631%2093.3997%2047.755%2093.6082%2047.9126%2093.7613C48.0701%2093.9144%2048.2807%2094%2048.5%2094C48.7194%2094%2048.9302%2093.9144%2049.0877%2093.7613C49.2452%2093.6082%2049.337%2093.3997%2049.3439%2093.1798V91.7975C49.7853%2091.6683%2050.1907%2091.4378%2050.5278%2091.1242L51.7341%2091.8138C51.9278%2091.9248%2052.1573%2091.955%2052.373%2091.8977C52.5888%2091.8405%2052.7733%2091.7005%2052.887%2091.5079C52.9424%2091.4128%2052.9784%2091.3076%2052.9928%2091.1984C53.0073%2091.0892%2052.9998%2090.9783%2052.9711%2090.872C52.9423%2090.7657%2052.8929%2090.6662%2052.8254%2090.5793C52.7579%2090.4925%2052.6738%2090.4199%2052.5781%2090.366ZM47.8664%2090.0861C47.7229%2090.005%2047.5968%2089.8961%2047.4956%2089.7657C47.3944%2089.6353%2047.3202%2089.486%2047.2771%2089.3266C47.2339%2089.1671%2047.2228%2089.0007%2047.2443%2088.8369C47.2658%2088.6731%2047.3197%2088.5152%2047.4026%2088.3724C47.5735%2088.084%2047.8503%2087.8743%2048.1736%2087.7883C48.497%2087.7023%2048.8411%2087.747%2049.1321%2087.9126C49.2756%2087.9938%2049.4016%2088.1027%2049.5028%2088.2331C49.604%2088.3635%2049.6782%2088.5127%2049.7214%2088.6722C49.7645%2088.8316%2049.7757%2088.9981%2049.7541%2089.1619C49.7326%2089.3257%2049.6787%2089.4836%2049.5958%2089.6263C49.425%2089.9149%2049.1482%2090.1247%2048.8248%2090.2108C48.5014%2090.2969%2048.1574%2090.2523%2047.8664%2090.0867V90.0861Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3Cpath%20id%3D%22Snowflake%202%22%20d%3D%22M67.5781%2090.366L66.3735%2089.6775C66.4794%2089.2326%2066.4786%2088.7687%2066.3708%2088.3241L67.5781%2087.6345C67.6738%2087.5805%2067.7577%2087.5079%2067.8252%2087.421C67.8926%2087.3342%2067.9423%2087.2347%2067.9711%2087.1284C67.9998%2087.0221%2068.0071%2086.9112%2067.9926%2086.802C67.9782%2086.6928%2067.9422%2086.5876%2067.8868%2086.4926C67.7732%2086.2998%2067.5886%2086.1597%2067.3728%2086.1025C67.157%2086.0452%2066.9276%2086.0754%2066.7339%2086.1866L65.5278%2086.8763C65.1931%2086.5586%2064.7868%2086.3264%2064.3437%2086.1995V84.8202C64.3368%2084.6003%2064.245%2084.3918%2064.0875%2084.2387C63.93%2084.0856%2063.7192%2084%2063.4998%2084C63.2805%2084%2063.0699%2084.0856%2062.9124%2084.2387C62.7548%2084.3918%2062.6628%2084.6003%2062.656%2084.8202V86.1995C62.214%2086.3289%2061.8081%2086.5598%2061.4706%2086.874L60.2662%2086.1853C60.0724%2086.0742%2059.8428%2086.044%2059.627%2086.1013C59.4113%2086.1585%2059.2267%2086.2986%2059.113%2086.4913C59.0576%2086.5864%2059.0217%2086.6916%2059.0072%2086.8007C58.9928%2086.9099%2059%2087.0209%2059.0288%2087.1271C59.0575%2087.2334%2059.1072%2087.3329%2059.1747%2087.4198C59.2421%2087.5067%2059.326%2087.5792%2059.4217%2087.6332L60.6264%2088.3216C60.5204%2088.7666%2060.5213%2089.2305%2060.629%2089.675L59.4217%2090.3647C59.326%2090.4187%2059.2421%2090.4912%2059.1747%2090.5781C59.1072%2090.665%2059.0575%2090.7645%2059.0288%2090.8708C59%2090.9771%2058.9928%2091.088%2059.0072%2091.1972C59.0217%2091.3063%2059.0576%2091.4115%2059.113%2091.5066C59.2267%2091.6992%2059.4113%2091.8392%2059.627%2091.8965C59.8428%2091.9537%2060.0724%2091.9236%2060.2662%2091.8126L61.4721%2091.1229C61.8063%2091.4409%2062.2128%2091.6726%2062.6562%2091.7979V93.1798C62.6631%2093.3997%2062.755%2093.6082%2062.9126%2093.7613C63.0701%2093.9144%2063.2807%2094%2063.5%2094C63.7194%2094%2063.9302%2093.9144%2064.0877%2093.7613C64.2452%2093.6082%2064.337%2093.3997%2064.3439%2093.1798V91.7975C64.7853%2091.6683%2065.1907%2091.4378%2065.5278%2091.1242L66.7341%2091.8138C66.9278%2091.9248%2067.1573%2091.955%2067.373%2091.8977C67.5888%2091.8405%2067.7733%2091.7005%2067.887%2091.5079C67.9424%2091.4128%2067.9784%2091.3076%2067.9928%2091.1984C68.0073%2091.0892%2067.9998%2090.9783%2067.9711%2090.872C67.9423%2090.7657%2067.8929%2090.6662%2067.8254%2090.5793C67.7579%2090.4925%2067.6738%2090.4199%2067.5781%2090.366ZM62.8664%2090.0861C62.7229%2090.005%2062.5968%2089.8961%2062.4956%2089.7657C62.3944%2089.6353%2062.3202%2089.486%2062.2771%2089.3266C62.2339%2089.1671%2062.2228%2089.0007%2062.2443%2088.8369C62.2658%2088.6731%2062.3197%2088.5152%2062.4026%2088.3724C62.5735%2088.084%2062.8503%2087.8743%2063.1736%2087.7883C63.497%2087.7023%2063.8411%2087.747%2064.1321%2087.9126C64.2756%2087.9938%2064.4016%2088.1027%2064.5028%2088.2331C64.604%2088.3635%2064.6782%2088.5127%2064.7214%2088.6722C64.7645%2088.8316%2064.7757%2088.9981%2064.7541%2089.1619C64.7326%2089.3257%2064.6787%2089.4836%2064.5958%2089.6263C64.425%2089.9149%2064.1482%2090.1247%2063.8248%2090.2108C63.5014%2090.2969%2063.1574%2090.2523%2062.8664%2090.0867V90.0861Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3Cpath%20id%3D%22Snowflake%203%22%20d%3D%22M82.5781%2090.366L81.3735%2089.6775C81.4794%2089.2326%2081.4786%2088.7687%2081.3708%2088.3241L82.5781%2087.6345C82.6738%2087.5805%2082.7577%2087.5079%2082.8252%2087.421C82.8926%2087.3342%2082.9423%2087.2347%2082.9711%2087.1284C82.9998%2087.0221%2083.0071%2086.9112%2082.9926%2086.802C82.9782%2086.6928%2082.9422%2086.5876%2082.8868%2086.4926C82.7732%2086.2998%2082.5886%2086.1597%2082.3728%2086.1025C82.157%2086.0452%2081.9276%2086.0754%2081.7339%2086.1866L80.5278%2086.8763C80.1931%2086.5586%2079.7868%2086.3264%2079.3437%2086.1995V84.8202C79.3368%2084.6003%2079.245%2084.3918%2079.0875%2084.2387C78.93%2084.0856%2078.7192%2084%2078.4998%2084C78.2805%2084%2078.0699%2084.0856%2077.9124%2084.2387C77.7548%2084.3918%2077.6628%2084.6003%2077.656%2084.8202V86.1995C77.214%2086.3289%2076.8081%2086.5598%2076.4706%2086.874L75.2662%2086.1853C75.0724%2086.0742%2074.8428%2086.044%2074.627%2086.1013C74.4113%2086.1585%2074.2267%2086.2986%2074.113%2086.4913C74.0576%2086.5864%2074.0217%2086.6916%2074.0072%2086.8007C73.9928%2086.9099%2074%2087.0209%2074.0288%2087.1271C74.0575%2087.2334%2074.1072%2087.3329%2074.1747%2087.4198C74.2421%2087.5067%2074.326%2087.5792%2074.4217%2087.6332L75.6264%2088.3216C75.5204%2088.7666%2075.5213%2089.2305%2075.629%2089.675L74.4217%2090.3647C74.326%2090.4187%2074.2421%2090.4912%2074.1747%2090.5781C74.1072%2090.665%2074.0575%2090.7645%2074.0288%2090.8708C74%2090.9771%2073.9928%2091.088%2074.0072%2091.1972C74.0217%2091.3063%2074.0576%2091.4115%2074.113%2091.5066C74.2267%2091.6992%2074.4113%2091.8392%2074.627%2091.8965C74.8428%2091.9537%2075.0724%2091.9236%2075.2662%2091.8126L76.4721%2091.1229C76.8063%2091.4409%2077.2128%2091.6726%2077.6562%2091.7979V93.1798C77.6631%2093.3997%2077.755%2093.6082%2077.9126%2093.7613C78.0701%2093.9144%2078.2807%2094%2078.5%2094C78.7194%2094%2078.9302%2093.9144%2079.0877%2093.7613C79.2452%2093.6082%2079.337%2093.3997%2079.3439%2093.1798V91.7975C79.7853%2091.6683%2080.1907%2091.4378%2080.5278%2091.1242L81.7341%2091.8138C81.9278%2091.9248%2082.1573%2091.955%2082.373%2091.8977C82.5888%2091.8405%2082.7733%2091.7005%2082.887%2091.5079C82.9424%2091.4128%2082.9784%2091.3076%2082.9928%2091.1984C83.0073%2091.0892%2082.9998%2090.9783%2082.9711%2090.872C82.9423%2090.7657%2082.8929%2090.6662%2082.8254%2090.5793C82.7579%2090.4925%2082.6738%2090.4199%2082.5781%2090.366ZM77.8664%2090.0861C77.7229%2090.005%2077.5968%2089.8961%2077.4956%2089.7657C77.3944%2089.6353%2077.3202%2089.486%2077.2771%2089.3266C77.2339%2089.1671%2077.2228%2089.0007%2077.2443%2088.8369C77.2658%2088.6731%2077.3197%2088.5152%2077.4026%2088.3724C77.5735%2088.084%2077.8503%2087.8743%2078.1736%2087.7883C78.497%2087.7023%2078.8411%2087.747%2079.1321%2087.9126C79.2756%2087.9938%2079.4016%2088.1027%2079.5028%2088.2331C79.604%2088.3635%2079.6782%2088.5127%2079.7214%2088.6722C79.7645%2088.8316%2079.7757%2088.9981%2079.7541%2089.1619C79.7326%2089.3257%2079.6787%2089.4836%2079.5958%2089.6263C79.425%2089.9149%2079.1482%2090.1247%2078.8248%2090.2108C78.5014%2090.2969%2078.1574%2090.2523%2077.8664%2090.0867V90.0861Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_8860%22%20x1%3D%2264.0008%22%20y1%3D%2239%22%20x2%3D%2264.0008%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_8860%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  thunderstorms:
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22thunderstorms%22%20clip-path%3D%22url%28%23clip0_1858_9911%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2625%2048.4746C60.1228%2040.6111%2070.2976%2037.38%2078.8152%2040.9434C87.3215%2044.5023%2092.1381%2054.0026%2089.9031%2062.9648L89.7419%2063.6143L90.4109%2063.585C97.4205%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7719%2088.4997%2090.9773%2088.5H37.9539C31.1276%2088.5018%2025.203%2083.1709%2024.5593%2076.3604C23.9159%2069.5518%2028.7371%2063.2124%2035.4431%2061.9453L35.9265%2061.8535L35.8425%2061.3691C35.0258%2056.6239%2037.1259%2051.7168%2041.1052%2049.0127C45.0952%2046.3014%2050.4461%2046.1537%2054.5798%2048.6396L55.0027%2048.8945L55.2625%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_9911%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Lightning%22%3E%0A%3Cpath%20id%3D%22Lightning%20Bolt%22%20d%3D%22M71.1729%2068.5L63.5566%2083.041L63.1729%2083.7725H75.002L56.9521%20107.892L60.4893%2091.0117L60.6162%2090.4092H52.7041L60.3555%2068.5H71.1729Z%22%20fill%3D%22url%28%23paint1_linear_1858_9911%29%22%20stroke%3D%22%23F6A823%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_9911%22%20x1%3D%2264.0009%22%20y1%3D%2239%22%20x2%3D%2264.0009%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_1858_9911%22%20x1%3D%2264.528%22%20y1%3D%2266.0377%22%20x2%3D%2284.4144%22%20y2%3D%2277.4572%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F7B23B%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F6A823%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_9911%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+  "thunderstorms-hail":
+    "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22thunderstorms-hail%22%20clip-path%3D%22url%28%23clip0_1858_9999%29%22%3E%0A%3Cg%20id%3D%22Sky%22%3E%0A%3Cg%20id%3D%22Clouds%22%3E%0A%3Cg%20id%3D%22Cloud%22%3E%0A%3Cpath%20id%3D%22Cloud_2%22%20d%3D%22M55.2625%2048.4746C60.1228%2040.6111%2070.2976%2037.38%2078.8152%2040.9434C87.3215%2044.5023%2092.1381%2054.0026%2089.9031%2062.9648L89.7419%2063.6143L90.4109%2063.585C97.4205%2063.2791%20103.5%2068.9917%20103.5%2076.0283C103.5%2082.8395%2097.7719%2088.4997%2090.9773%2088.5H37.9539C31.1276%2088.5018%2025.203%2083.1709%2024.5593%2076.3604C23.9159%2069.5518%2028.7371%2063.2124%2035.4431%2061.9453L35.9265%2061.8535L35.8425%2061.3691C35.0258%2056.6239%2037.1259%2051.7168%2041.1052%2049.0127C45.0952%2046.3014%2050.4461%2046.1537%2054.5798%2048.6396L55.0027%2048.8945L55.2625%2048.4746Z%22%20fill%3D%22url%28%23paint0_linear_1858_9999%29%22%20stroke%3D%22%23E6EFFC%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Precipitation%22%3E%0A%3Cg%20id%3D%22Ice%20balls%22%3E%0A%3Cpath%20id%3D%22Ice%20Ball%201%22%20d%3D%22M52%2086C51.4067%2086%2050.8266%2086.1759%2050.3333%2086.5056C49.8399%2086.8352%2049.4554%2087.3038%2049.2283%2087.852C49.0013%2088.4001%2048.9419%2089.0033%2049.0577%2089.5853C49.1734%2090.1672%2049.4591%2090.7018%2049.8787%2091.1213C50.2983%2091.5409%2050.8329%2091.8266%2051.4148%2091.9424C51.9968%2092.0581%2052.5998%2091.9987%2053.148%2091.7716C53.6961%2091.5446%2054.1647%2091.1601%2054.4944%2090.6667C54.824%2090.1734%2055%2089.5933%2055%2089C55%2088.2044%2054.6839%2087.4413%2054.1213%2086.8787C53.5587%2086.3161%2052.7957%2086%2052%2086Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3Cpath%20id%3D%22Ice%20Ball%202%22%20d%3D%22M64%2086C63.4067%2086%2062.8266%2086.1759%2062.3333%2086.5056C61.8399%2086.8352%2061.4554%2087.3038%2061.2283%2087.852C61.0013%2088.4001%2060.9419%2089.0033%2061.0577%2089.5853C61.1734%2090.1672%2061.4591%2090.7018%2061.8787%2091.1213C62.2983%2091.5409%2062.8329%2091.8266%2063.4148%2091.9424C63.9968%2092.0581%2064.5998%2091.9987%2065.148%2091.7716C65.6961%2091.5446%2066.1647%2091.1601%2066.4944%2090.6667C66.824%2090.1734%2067%2089.5933%2067%2089C67%2088.2044%2066.6839%2087.4413%2066.1213%2086.8787C65.5587%2086.3161%2064.7957%2086%2064%2086Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%200%29%22%2F%3E%0A%3Cpath%20id%3D%22Ice%20Ball%203%22%20d%3D%22M76%2086C75.4067%2086%2074.8266%2086.1759%2074.3333%2086.5056C73.8399%2086.8352%2073.4554%2087.3038%2073.2283%2087.852C73.0013%2088.4001%2072.9419%2089.0033%2073.0577%2089.5853C73.1734%2090.1672%2073.4591%2090.7018%2073.8787%2091.1213C74.2983%2091.5409%2074.8329%2091.8266%2075.4148%2091.9424C75.9968%2092.0581%2076.5998%2091.9987%2077.148%2091.7716C77.6961%2091.5446%2078.1647%2091.1601%2078.4944%2090.6667C78.824%2090.1734%2079%2089.5933%2079%2089C79%2088.2044%2078.6839%2087.4413%2078.1213%2086.8787C77.5587%2086.3161%2076.7957%2086%2076%2086Z%22%20fill%3D%22%2386C3DB%22%20transform%3D%22translate%280%2C%208%29%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Lightning%22%3E%0A%3Cpath%20id%3D%22Lightning%20Bolt%22%20d%3D%22M71.1729%2068.5L63.5566%2083.041L63.1729%2083.7725H75.002L56.9521%20107.892L60.4893%2091.0117L60.6162%2090.4092H52.7041L60.3555%2068.5H71.1729Z%22%20fill%3D%22url%28%23paint1_linear_1858_9999%29%22%20stroke%3D%22%23F6A823%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1858_9999%22%20x1%3D%2264.0009%22%20y1%3D%2239%22%20x2%3D%2264.0009%22%20y2%3D%2289%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F3F7FE%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6EFFC%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_1858_9999%22%20x1%3D%2264.528%22%20y1%3D%2266.0377%22%20x2%3D%2284.4144%22%20y2%3D%2277.4572%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23F7B23B%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F6A823%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_1858_9999%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+}
+
+const WMO_TO_ICON: Record<number, IconName> = {
+  0: "clear-day",
+  1: "mostly-clear-day",
+  2: "partly-cloudy-day",
+  3: "overcast",
+  45: "fog",
+  48: "fog",
+  51: "drizzle",
+  53: "drizzle",
+  55: "drizzle",
+  56: "sleet",
+  57: "sleet",
+  61: "rain",
+  63: "rain",
+  65: "rain",
+  66: "sleet",
+  67: "sleet",
+  71: "snow",
+  73: "snow",
+  75: "snow",
+  77: "snow",
+  80: "rain",
+  81: "rain",
+  82: "rain",
+  85: "snow",
+  86: "snow",
+  95: "thunderstorms",
+  96: "thunderstorms-hail",
+  99: "thunderstorms-hail",
+}
+
+export const iconUrlFor = (code?: number): string | undefined => {
+  if (code === undefined) return undefined
+  const name = WMO_TO_ICON[code]
+  if (name === undefined) return undefined
+  return ICON_URLS[name]
+}
+
+export interface WeatherIconProps {
+  readonly code?: number
+  readonly className?: string
+}
+
+export const WeatherIcon = ({ code, className }: WeatherIconProps) => {
+  const url = iconUrlFor(code)
+  if (url === undefined) return null
+  return <img src={url} alt="" className={`block ${className ?? ""}`} />
+}