oda-framework
Version:
66 lines (65 loc) • 2.58 MB
HTML
<template name="weather" size="24" icon="f-clear-day">
<g id="fs-thunderstorms-extreme-snow" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="52.7" x2="133.4" y1="9.6" y2="149.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9ca3af"/><stop offset=".5" stop-color="#9ca3af"/><stop offset="1" stop-color="#6b7280"/></linearGradient><linearGradient id="b" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6b7280"/><stop offset=".5" stop-color="#6b7280"/><stop offset="1" stop-color="#4b5563"/></linearGradient><linearGradient id="c" x1="8.7" x2="80.9" y1="17.1" y2="142.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f7b23b"/><stop offset=".5" stop-color="#f7b23b"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><linearGradient id="d" x1="11.4" x2="32.8" y1="5.9" y2="43.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".5" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><linearGradient xlink:href="#d" id="e" x1="67.4" x2="88.8" y1="95.9" y2="133.1"/><linearGradient xlink:href="#d" id="f" x1="123.4" x2="144.8" y1="45.9" y2="83.1"/><symbol id="h" viewBox="0 0 200.3 126.1"><path fill="url(#a)" stroke="#848b98" stroke-miterlimit="10" d="M.5 93.2a32.4 32.4 0 0032.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 006.5-68.9 32.4 32.4 0 00-48.5-33 48.6 48.6 0 00-88.6 37.1h-1.5A32.4 32.4 0 00.5 93.1Z"/></symbol><symbol id="i" viewBox="0 0 350 222"><path fill="url(#b)" stroke="#5b6472" stroke-miterlimit="10" stroke-width="6" d="m291 107-2.5.1A83.9 83.9 0 00135.6 43 56 56 0 0051 91a56.6 56.6 0 00.8 9A60 60 0 0063 219l4-.2v.2h224a56 56 0 000-112Z"/></symbol><symbol id="g" viewBox="0 0 398 222"><use xlink:href="#h" width="200.3" height="126.1" transform="translate(198 27)"/><use xlink:href="#i" width="350" height="222"/></symbol><symbol id="j" viewBox="0 0 156.2 139"><path fill="url(#d)" stroke="#86c3db" stroke-miterlimit="10" d="m41.7 31-5.8-3.3a13.7 13.7 0 000-6.5l5.8-3.2a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.3V4.5a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2L6.6 11A4 4 0 001 12.5 4 4 0 002.5 18l5.8 3.3a13.7 13.7 0 000 6.5L2.5 31A4 4 0 001 36.5a4 4 0 003.5 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.6 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008.2 0v-6.6a14.2 14.2 0 005.6-3.2l6 3.3a4 4 0 002 .5 4 4 0 003.4-2 4 4 0 00-1.4-5.5ZM19 29.7a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/><path fill="url(#e)" stroke="#86c3db" stroke-miterlimit="10" d="m97.7 121-5.8-3.3a13.7 13.7 0 000-6.5l5.8-3.2a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.3v-6.5a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3a4 4 0 00-5.6 1.5 4 4 0 001.5 5.5l5.8 3.3a13.7 13.7 0 000 6.5l-5.8 3.2a4 4 0 00-1.5 5.5 4 4 0 003.5 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.7 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008 0V128a14.2 14.2 0 005.7-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.3-5.5ZM75 119.7a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/><path fill="url(#f)" stroke="#86c3db" stroke-miterlimit="10" d="m153.7 71-5.8-3.3a13.7 13.7 0 000-6.5l5.8-3.2a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.3v-6.5a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3a4 4 0 00-5.6 1.5 4 4 0 001.5 5.5l5.8 3.3a13.7 13.7 0 000 6.5l-5.8 3.2a4 4 0 00-1.5 5.5 4 4 0 003.5 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.7 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008 0v-6.6a14.2 14.2 0 005.7-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.3-5.5ZM131 69.7a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/></symbol><symbol id="k" viewBox="0 0 102.7 186.8"><path fill="url(#c)" stroke="#f6a823" stroke-miterlimit="10" stroke-width="4" d="m34.8 2-32 96h32l-16 80 80-112h-48l32-64h-48z"/></symbol></defs><use xlink:href="#g" width="398" height="222" transform="translate(68.84 145)"/><use xlink:href="#j" width="156.2" height="139" transform="translate(177.9 337.5)"/><use xlink:href="#k" width="102.7" height="186.7" transform="translate(205.23 291)"/></svg>
</g>
<g id="f-star" size="24">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="187.9" x2="324.1" y1="138.1" y2="373.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcd966"/><stop offset=".5" stop-color="#fcd966"/><stop offset="1" stop-color="#fccd34"/></linearGradient></defs><path fill="url(#a)" stroke="#fcd34d" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m105.7 263.5 107.5 29.9a7.9 7.9 0 015.4 5.4l29.9 107.5a7.8 7.8 0 0015 0l29.9-107.5a7.9 7.9 0 015.4-5.4l107.5-29.9a7.8 7.8 0 000-15l-107.5-29.9a7.9 7.9 0 01-5.4-5.4l-29.9-107.5a7.8 7.8 0 00-15 0l-29.9 107.5a7.9 7.9 0 01-5.4 5.4l-107.5 29.9a7.8 7.8 0 000 15Z"><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="rotate" values="-15 256 256; 15 256 256; -15 256 256"/><animate attributeName="opacity" dur="6s" values="1; .75; 1; .75; 1; .75; 1"/></path></svg>
</g>
<g id="fs-thermometer-snow" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="-7.2" x2="116.4" y1="36.3" y2="250.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#515a69" stop-opacity=".1"/><stop offset=".5" stop-color="#6b7280" stop-opacity=".1"/><stop offset="1" stop-color="#384354" stop-opacity=".1"/></linearGradient><linearGradient id="b" x1="-8.7" x2="117.9" y1="33.7" y2="253" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4d7dd"/><stop offset=".5" stop-color="#d4d7dd"/><stop offset="1" stop-color="#bec1c6"/></linearGradient><linearGradient id="d" x1="270" x2="358" y1="129.8" y2="282.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".5" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><symbol id="f" viewBox="0 0 72 168"><circle cx="36" cy="132" r="36" fill="#ef4444"/><path fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24" d="M36 12v120"/></symbol><symbol id="g" viewBox="0 0 118 278"><path fill="url(#a)" stroke="url(#b)" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M115 218.2c0 31.4-25 56.8-56 56.8S3 249.6 3 218.2a57 57 0 0124-46.6V35.5a32 32 0 1164 0v136a57 57 0 0124 46.7ZM63 83h28M63 51h28m-28 64h28"/></symbol><symbol id="e" viewBox="0 0 118 278"><use xlink:href="#f" width="72" height="168" transform="translate(23 87)"/><use xlink:href="#g" width="118" height="278"/></symbol><clipPath id="c"><path fill="none" d="M256 392c31 0 56-25.4 56-56.8a57 57 0 00-24-46.6V152.5a32.2 32.2 0 00-32-32.5V79.7h167.2V392Zm4-192h28m-28-32h28m-28 64h28"/></clipPath></defs><g clip-path="url(#c)"><path fill="url(#d)" stroke="#72b9d5" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m393.7 233-23.5-13.6a57.8 57.8 0 000-26.7l23.5-13.7a16.5 16.5 0 10-16.5-28.6L353.7 164a56 56 0 00-23.2-13.3v-27.2a16.5 16.5 0 00-33 0v27.2a57.8 57.8 0 00-23.2 13.4l-23.5-13.6a16.5 16.5 0 10-16.5 28.5l23.5 13.6a57.8 57.8 0 000 26.7L234.4 233a16.5 16.5 0 1016.5 28.6l23.5-13.6a55.3 55.3 0 0023.2 13.3v27.2a16.5 16.5 0 0033 0v-27.3a57.7 57.7 0 0023.1-13.3l23.6 13.6a16.5 16.5 0 1016.5-28.5Zm-92-5.5a24.8 24.8 0 1133.8-9 24.8 24.8 0 01-33.9 9Z"/></g><use xlink:href="#e" width="118" height="278" transform="translate(197 117)"/></svg>
</g>
<g id="f-extreme-day-drizzle" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="52.7" x2="133.4" y1="9.6" y2="149.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9ca3af"/><stop offset=".5" stop-color="#9ca3af"/><stop offset="1" stop-color="#6b7280"/></linearGradient><linearGradient id="b" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6b7280"/><stop offset=".5" stop-color="#6b7280"/><stop offset="1" stop-color="#4b5563"/></linearGradient><linearGradient id="c" x1="78" x2="118" y1="63.4" y2="132.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbbf24"/><stop offset=".5" stop-color="#fbbf24"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><linearGradient id="d" x1="1192.2" x2="1201.7" y1="817.6" y2="842.2" gradientTransform="rotate(-9 -2274.016 6929.567)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b65ed"/><stop offset=".5" stop-color="#0a5ad4"/><stop offset="1" stop-color="#0950bc"/></linearGradient><linearGradient xlink:href="#d" id="e" x1="1247.5" x2="1257" y1="826.3" y2="851"/><linearGradient xlink:href="#d" id="f" x1="1302.8" x2="1312.3" y1="835.1" y2="859.7"/><symbol id="h" viewBox="0 0 196 196"><circle cx="98" cy="98" r="40" fill="url(#c)" stroke="#f8af18" stroke-miterlimit="10" stroke-width="4"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="12" d="M98 31.4V6m0 184v-25.4M145.1 51l18-17.9M33 163l18-17.9M51 51 33 33m130.1 130.1-18-18M6 98h25.4M190 98h-25.4"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 98 98; 45 98 98"/></path></symbol><symbol id="j" viewBox="0 0 200.3 126.1"><path fill="url(#a)" stroke="#848b98" stroke-miterlimit="10" d="M.5 93.2a32.4 32.4 0 0032.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 006.5-68.9 32.4 32.4 0 00-48.5-33 48.6 48.6 0 00-88.6 37.1h-1.5A32.4 32.4 0 00.5 93.1Z"/></symbol><symbol id="k" viewBox="0 0 350 222"><path fill="url(#b)" stroke="#5b6472" stroke-miterlimit="10" stroke-width="6" d="m291 107-2.5.1A83.9 83.9 0 00135.6 43 56 56 0 0051 91a56.6 56.6 0 00.8 9A60 60 0 0063 219l4-.2v.2h224a56 56 0 000-112Z"/></symbol><symbol id="i" overflow="visible" viewBox="0 0 398 222"><use xlink:href="#j" width="200.3" height="126.1" transform="translate(198 27)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-9 0; 9 0; -9 0"/></use><use xlink:href="#k" width="350" height="222"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></use></symbol><symbol id="g" overflow="visible" viewBox="0 0 410.8 258"><use xlink:href="#h" width="196" height="196"/><use xlink:href="#i" width="398" height="222" transform="translate(12.84 36)"/></symbol></defs><use xlink:href="#g" width="410.8" height="258" transform="translate(56 109)"/><path fill="url(#d)" stroke="#0a5ad4" stroke-miterlimit="10" d="M200 376a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x1" additive="sum" attributeName="transform" begin="0s; x1.end+1s" dur="1s" keyTimes="0; .25; 1" type="translate" values="0 -32; 0 -32; 0 120;"/><animate id="y1" attributeName="opacity" begin="0s; y1.end+1s" dur="1s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="url(#e)" stroke="#0a5ad4" stroke-miterlimit="10" d="M256 376a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x2" additive="sum" attributeName="transform" begin="1.34s; x2.end+1s" dur="1s" keyTimes="0; .25; 1" type="translate" values="0 -32; 0 -32; 0 120;"/><animate id="y2" attributeName="opacity" begin="1.34s; y2.end+1s" dur="1s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="url(#f)" stroke="#0a5ad4" stroke-miterlimit="10" d="M312 376a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x3" additive="sum" attributeName="transform" begin=".67s; x3.end+1s" dur="1s" keyTimes="0; .25; 1" type="translate" values="0 -32; 0 -32; 0 120;"/><animate id="y3" attributeName="opacity" begin=".67s; y3.end+1s" dur="1s" keyTimes="0; .25; 1" values="0; 1; 0"/></path></svg>
</g>
<g id="ls-extreme-day-drizzle" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="d" viewBox="0 0 193 193"><circle cx="96.5" cy="96.5" r="40" fill="none" stroke="#fbbf24" stroke-miterlimit="10" stroke-width="9"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9" d="M96.5 29.9V4.5m0 184v-25.4m47.1-113.7 18-18M31.4 161.6l18-18m0-94.2-18-18m130.2 130.2-18-18M4.5 96.5h25.4m158.6 0h-25.4"/></symbol><symbol id="f" viewBox="0 0 214.3 140.1"><path fill="none" stroke="#94a3b8" stroke-linejoin="round" stroke-width="15" d="M7.5 100.2a32.4 32.4 0 0032.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 006.5-68.9 32.4 32.4 0 00-48.5-33 48.6 48.6 0 00-88.6 37.1h-1.5a32.4 32.4 0 00-32.4 32.4Z"/></symbol><symbol id="g" viewBox="0 0 359 231"><path fill="none" stroke="#475569" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 000-112l-2.5.1a83.9 83.9 0 00-153-64.2 56 56 0 00-84.6 48.1 56.6 56.6 0 00.8 9 60 60 0 0011.2 119"/></symbol><symbol id="e" viewBox="0 0 447.7 371.5"><g clip-path="url(#a)"><use xlink:href="#f" width="214.3" height="140.1" transform="translate(195.51 165.01)"/></g><use xlink:href="#g" width="359" height="231" transform="translate(0 140.5)"/></symbol><symbol id="c" viewBox="0 0 512 371.5"><g clip-path="url(#b)"><use xlink:href="#d" width="193" height="193" transform="translate(57.5 110.5)"/></g><use xlink:href="#e" width="447.7" height="371.5" transform="translate(64.34)"/></symbol><clipPath id="a"><path fill="none" d="M351.5 308a56 56 0 00-56-56l-2.5.1A83.7 83.7 0 00211.5 148V0h236.2v308Z"/></clipPath><clipPath id="b"><path fill="none" d="M276 148a83.8 83.8 0 00-71.4 40 56 56 0 00-84.6 48 56.6 56.6 0 00.8 9A60 60 0 0072 304H0V0h276Z"/></clipPath></defs><use xlink:href="#c" width="512" height="371.5"/><path fill="#0a5ad4" d="M200 376a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Zm56 80a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Zm56-50a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z"/></svg>
</g>
<g id="ls-thermometer" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="b" viewBox="0 0 72 168"><circle cx="36" cy="132" r="36" fill="#ef4444"/><path fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24" d="M36 12v120"/></symbol><symbol id="c" viewBox="0 0 118 278"><path fill="none" stroke="#cbd5e1" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M115 218.2c0 31.4-25 56.8-56 56.8S3 249.6 3 218.2a57 57 0 0124-46.6V35.5a32 32 0 1164 0v136a57 57 0 0124 46.7ZM63 83h28M63 51h28m-28 64h28"/></symbol><symbol id="a" viewBox="0 0 118 278"><use xlink:href="#b" width="72" height="168" transform="translate(23 87)"/><use xlink:href="#c" width="118" height="278"/></symbol></defs><use xlink:href="#a" width="118" height="278" transform="translate(197 117)"/></svg>
</g>
<g id="fs-partly-cloudy-night-sleet" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3f7fe"/><stop offset=".5" stop-color="#f3f7fe"/><stop offset="1" stop-color="#deeafb"/></linearGradient><linearGradient id="b" x1="34.7" x2="119.2" y1="18.6" y2="165" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".5" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><linearGradient id="c" x1="1389.9" x2="1399.3" y1="-1078.1" y2="-1053.5" gradientTransform="rotate(-9 8016.182 8229.021)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b65ed"/><stop offset=".5" stop-color="#0a5ad4"/><stop offset="1" stop-color="#0950bc"/></linearGradient><linearGradient xlink:href="#c" id="d" x1="1453" x2="1462.5" y1="-1118.7" y2="-1094.1"/><linearGradient xlink:href="#c" id="e" x1="1494.2" x2="1503.7" y1="-1021.1" y2="-996.4"/><linearGradient xlink:href="#b" id="f" x1="11.4" x2="32.8" y1="5.9" y2="43.1"/><linearGradient xlink:href="#b" id="g" x1="67.4" x2="88.8" y1="95.9" y2="133.1"/><linearGradient xlink:href="#b" id="h" x1="123.4" x2="144.8" y1="45.9" y2="83.1"/><symbol id="j" viewBox="0 0 172 172"><path fill="url(#b)" stroke="#72b9d5" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M160.6 107.4a84.8 84.8 0 01-85.4-84.3A83.3 83.3 0 0178 2 84.7 84.7 0 002 85.7 84.8 84.8 0 0087.4 170a85.2 85.2 0 0082.6-63.1 88 88 0 01-9.4.5Z"/></symbol><symbol id="k" viewBox="0 0 350 222"><path fill="url(#a)" stroke="#e6effc" stroke-miterlimit="10" stroke-width="6" d="m291 107-2.5.1A83.9 83.9 0 00135.6 43 56 56 0 0051 91a56.6 56.6 0 00.8 9A60 60 0 0063 219l4-.2v.2h224a56 56 0 000-112Z"/></symbol><symbol id="i" viewBox="0 0 351 246"><use xlink:href="#j" width="172" height="172"/><use xlink:href="#k" width="350" height="222" transform="translate(1 24)"/></symbol><symbol id="m" viewBox="0 0 156.2 139"><path fill="url(#f)" stroke="#86c3db" stroke-miterlimit="10" d="m41.7 31-5.8-3.3a13.7 13.7 0 000-6.5l5.8-3.2a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.3V4.5a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2L6.6 11A4 4 0 001 12.5 4 4 0 002.5 18l5.8 3.3a13.7 13.7 0 000 6.5L2.5 31A4 4 0 001 36.5a4 4 0 003.5 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.6 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008.2 0v-6.6a14.2 14.2 0 005.6-3.2l6 3.3a4 4 0 002 .5 4 4 0 003.4-2 4 4 0 00-1.4-5.5ZM19 29.7a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/><path fill="url(#g)" stroke="#86c3db" stroke-miterlimit="10" d="m97.7 121-5.8-3.3a13.7 13.7 0 000-6.5l5.8-3.2a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.3v-6.5a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3a4 4 0 00-5.6 1.5 4 4 0 001.5 5.5l5.8 3.3a13.7 13.7 0 000 6.5l-5.8 3.2a4 4 0 00-1.5 5.5 4 4 0 003.5 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.7 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008 0V128a14.2 14.2 0 005.7-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.3-5.5ZM75 119.7a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/><path fill="url(#h)" stroke="#86c3db" stroke-miterlimit="10" d="m153.7 71-5.8-3.3a13.7 13.7 0 000-6.5l5.8-3.2a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.3v-6.5a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3a4 4 0 00-5.6 1.5 4 4 0 001.5 5.5l5.8 3.3a13.7 13.7 0 000 6.5l-5.8 3.2a4 4 0 00-1.5 5.5 4 4 0 003.5 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.7 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008 0v-6.6a14.2 14.2 0 005.7-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.3-5.5ZM131 69.7a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/></symbol><symbol id="l" viewBox="0 0 156.2 139"><use xlink:href="#m" width="156.2" height="139"/><path fill="url(#c)" stroke="#0a5ad4" stroke-miterlimit="10" d="M22.1 98.5a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z"/><path fill="url(#d)" stroke="#0a5ad4" stroke-miterlimit="10" d="M78.1 48.5a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z"/><path fill="url(#e)" stroke="#0a5ad4" stroke-miterlimit="10" d="M134.1 138.5a8 8 0 01-8-8v-12a8 8 0 0116 0v12a8 8 0 01-8 8Z"/></symbol></defs><use xlink:href="#i" width="351" height="246" transform="translate(80 121)"/><use xlink:href="#l" width="156.2" height="139" transform="translate(177.9 337.5)"/></svg>
</g>
<g id="ls-thunderstorms-snow" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="a" viewBox="0 0 359 231"><path fill="none" stroke="#e2e8f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 000-112l-2.5.1a83.9 83.9 0 00-153-64.2 56 56 0 00-84.6 48.1 56.6 56.6 0 00.8 9 60 60 0 0011.2 119"/></symbol><symbol id="b" viewBox="0 0 155.2 138"><path fill="#86c3db" d="m41.2 30.5-5.8-3.3a13.7 13.7 0 000-6.4l5.8-3.3a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.2V4a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3A4 4 0 00.5 12 4 4 0 002 17.5l5.8 3.3a13.7 13.7 0 000 6.4L2 30.5A4 4 0 00.5 36a4 4 0 003.6 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.6 2 13.8 13.8 0 003 1.2V44a4 4 0 008 0v-6.6a14.2 14.2 0 005.8-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.4-5.5Zm-22.6-1.3a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8A6 6 0 0127 27a6.1 6.1 0 01-8.3 2.2Zm78.6 91.3-5.8-3.3a13.7 13.7 0 000-6.4l5.8-3.3a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.2V94a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3a4 4 0 00-5.6 1.5 4 4 0 001.5 5.5l5.8 3.3a13.7 13.7 0 000 6.4l-5.8 3.3a4 4 0 00-1.5 5.5 4 4 0 003.6 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.6 2 13.8 13.8 0 003 1.2v6.6a4 4 0 008 0v-6.6a14.2 14.2 0 005.8-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.4-5.5Zm-22.6-1.3a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Zm78.6-48.7-5.8-3.3a13.7 13.7 0 000-6.4l5.8-3.3a4 4 0 001.5-5.5 4 4 0 00-5.6-1.5l-5.8 3.3a13.6 13.6 0 00-2.6-2 13.8 13.8 0 00-3-1.2V44a4 4 0 00-8.1 0v6.6a14.3 14.3 0 00-5.7 3.2l-5.8-3.3a4 4 0 00-5.6 1.5 4 4 0 001.5 5.5l5.8 3.3a13.7 13.7 0 000 6.4l-5.8 3.3a4 4 0 00-1.5 5.5 4 4 0 003.6 2 4 4 0 002-.5l5.8-3.3a13.6 13.6 0 002.6 2 13.8 13.8 0 003 1.2V84a4 4 0 008 0v-6.6a14.2 14.2 0 005.8-3.2l5.8 3.3a4 4 0 002 .5 4 4 0 003.5-2 4 4 0 00-1.4-5.5Zm-22.6-1.3a6 6 0 01-2.3-8.2 6.1 6.1 0 015.3-3 6.2 6.2 0 013 .8 6 6 0 012.2 8.2 6.1 6.1 0 01-8.2 2.2Z"/></symbol><symbol id="c" viewBox="0 0 96 176"><path fill="#f6a823" d="M32 0 0 96h32l-16 80L96 64H48L80 0H32z"/></symbol></defs><use xlink:href="#a" width="359" height="231" transform="translate(76.5 140.5)"/><use xlink:href="#b" width="155.2" height="138" transform="translate(178.4 338)"/><use xlink:href="#c" width="96" height="176" transform="translate(208 293)"/></svg>
</g>
<g id="f-thunderstorms-rain" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3f7fe"/><stop offset=".5" stop-color="#f3f7fe"/><stop offset="1" stop-color="#deeafb"/></linearGradient><linearGradient id="b" x1="8.7" x2="80.9" y1="17.1" y2="142.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f7b23b"/><stop offset=".5" stop-color="#f7b23b"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><linearGradient id="c" x1="1381.3" x2="1399.5" y1="-1144.7" y2="-1097.4" gradientTransform="rotate(-9 8002.567 8233.063)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b65ed"/><stop offset=".5" stop-color="#0a5ad4"/><stop offset="1" stop-color="#0950bc"/></linearGradient><linearGradient xlink:href="#c" id="d" x1="1436.7" x2="1454.9" y1="-1137" y2="-1089.7" gradientTransform="rotate(-9 8009.537 8233.037)"/><linearGradient xlink:href="#c" id="e" x1="1492.1" x2="1510.3" y1="-1129.3" y2="-1082.1" gradientTransform="rotate(-9 8016.566 8233.078)"/><symbol id="f" viewBox="0 0 350 222"><path fill="url(#a)" stroke="#e6effc" stroke-miterlimit="10" stroke-width="6" d="m291 107-2.5.1A83.9 83.9 0 00135.6 43 56 56 0 0051 91a56.6 56.6 0 00.8 9A60 60 0 0063 219l4-.2v.2h224a56 56 0 000-112Z"/></symbol><symbol id="g" overflow="visible" viewBox="0 0 129 57"><path fill="url(#c)" stroke="#0a5ad4" stroke-miterlimit="10" d="M8.5 56.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x1" additive="sum" attributeName="transform" begin="0s; x1.end+.33s" dur=".67s" type="translate" values="0 -60; 0 60"/><animate id="y1" attributeName="opacity" begin="0s; y1.end+.33s" dur=".67s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="url(#d)" stroke="#0a5ad4" stroke-miterlimit="10" d="M64.5 56.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x2" additive="sum" attributeName="transform" begin=".33s; x2.end+.33s" dur=".67s" type="translate" values="0 -60; 0 60"/><animate id="y2" attributeName="opacity" begin=".33s; y2.end+.33s" dur=".67s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="url(#e)" stroke="#0a5ad4" stroke-miterlimit="10" d="M120.5 56.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x3" additive="sum" attributeName="transform" begin="-.33s; x3.end+.33s" dur=".67s" type="translate" values="0 -60; 0 60"/><animate id="y3" attributeName="opacity" begin="-.33s; y3.end+.33s" dur=".67s" keyTimes="0; .25; 1" values="0; 1; 0"/></path></symbol><symbol id="h" viewBox="0 0 102.7 186.8"><path fill="url(#b)" stroke="#f6a823" stroke-miterlimit="10" stroke-width="4" d="m34.8 2-32 96h32l-16 80 80-112h-48l32-64h-48z"><animate id="x1" attributeName="opacity" begin="0s; x1.end+.67s" dur="1.33s" keyTimes="0; .38; .5; .63; .75; .86; .94; 1" values="1; 1; 0; 1; 0; 1; 0; 1"/></path></symbol></defs><use xlink:href="#f" width="350" height="222" transform="translate(81 145)"/><use xlink:href="#g" width="129" height="57" transform="translate(191.5 343.5)"/><use xlink:href="#h" width="102.7" height="186.7" transform="translate(205.23 291)"/></svg>
</g>
<g id="ls-uv-index-3" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><clipPath id="a"><path fill="none" d="M64 64h384v192H328a72 72 0 00-72 72v120H64Z"/></clipPath><symbol id="b" viewBox="0 0 375 375"><circle cx="187.5" cy="187.5" r="84" fill="none" stroke="#fbbf24" stroke-miterlimit="10" stroke-width="15"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="15" d="M187.5 57.2V7.5m0 360v-49.7m92.2-222.5 35-35M60.3 314.7l35.1-35.1m0-184.4-35-35m254.5 254.5-35.1-35.1M57.2 187.5H7.5m360 0h-49.7"/></symbol></defs><g clip-path="url(#a)"><use xlink:href="#b" width="375" height="375" transform="translate(68.5 68.5)"/><path fill="none" stroke="#fbbf24" stroke-miterlimit="10" stroke-width="15" d="M254 338v-10a74 74 0 0174-74h10"/></g><rect width="144" height="144" x="280" y="280" fill="#ffb800" rx="48"/><path fill="#fff" d="M365.5 349.2a17.8 17.8 0 0110.8 5.7 16.4 16.4 0 013.8 11.2 20 20 0 01-7.2 15.7q-7.3 6.2-20.3 6.2-13.6 0-21-6.7t-7.8-18.6h16.5q.6 11.7 11.7 11.7a11.6 11.6 0 007.7-2.4 8.1 8.1 0 002.8-6.5 7.5 7.5 0 00-3-6.5 14 14 0 00-8.4-2.2h-4.9v-12h5.2c3 0 5.3-.6 7-2a7 7 0 002.4-5.7 7.2 7.2 0 00-2.4-5.8c-1.7-1.4-4-2-7-2s-5.2.7-6.8 2.1-2.4 3.9-2.7 7.2H326q1-22.6 26-22.6 11.8 0 18.5 5.2a16.1 16.1 0 016.6 13.3 14.9 14.9 0 01-3 9.3 15.2 15.2 0 01-8.6 5.4Z"/></svg>
</g>
<g id="f-cloudy" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3f7fe"/><stop offset=".5" stop-color="#f3f7fe"/><stop offset="1" stop-color="#deeafb"/></linearGradient><symbol id="b" viewBox="0 0 350 222"><path fill="url(#a)" stroke="#e6effc" stroke-miterlimit="10" stroke-width="6" d="m291 107-2.5.1A83.9 83.9 0 00135.6 43 56 56 0 0051 91a56.6 56.6 0 00.8 9A60 60 0 0063 219l4-.2v.2h224a56 56 0 000-112Z"/></symbol></defs><use xlink:href="#b" width="350" height="222" transform="translate(81 145)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></use></svg>
</g>
<g id="m-thunderstorms" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="a" viewBox="0 0 359 231"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 100-112l-2.5.1a84 84 0 00-153-64.2 56 56 0 00-83.8 57.2 60 60 0 0011.2 118.9"/></symbol><symbol id="b" viewBox="0 0 96 176"><path d="M32 0 0 96h32l-16 80L96 64H48L80 0H32z"/></symbol><style>.ie{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:15px;}</style></defs><g id="ct"><use xlink:href="#a" width="359" height="231" transform="translate(76.5 140.5)"/><use xlink:href="#b" width="96" height="176" transform="translate(208 293)"/></g></svg>
</g>
<g id="m-thunderstorms-day-overcast-rain" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="a" viewBox="0 0 359 231"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 100-112l-2.5.1a84 84 0 00-153-64.2 56 56 0 00-83.8 57.2 60 60 0 0011.2 118.9"/></symbol><symbol id="b" viewBox="0 0 214.3 140.1"><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="15" d="M7.5 100.2a32.4 32.4 0 0032.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 006.5-68.9A32.4 32.4 0 00130 30.6a48.6 48.6 0 00-88.6 37.2h-1.5a32.4 32.4 0 00-32.4 32.4Z"/></symbol><symbol id="c" viewBox="0 0 96 176"><path d="M32 0 0 96h32l-16 80L96 64H48L80 0H32z"/></symbol><symbol id="d" viewBox="0 0 437 362.5"><g><use xlink:href="#a" width="359" height="231" transform="translate(0 131.5)"/><g clip-path="url(#e)"><use xlink:href="#b" width="214.3" height="140.1" transform="translate(195.51 156.01)"/></g></g></symbol><symbol id="f" viewBox="0 0 502.4 362.5"><g><use xlink:href="#d" width="437" height="362.5" transform="translate(65.34)"/><g clip-path="url(#g)"><use xlink:href="#i" width="199" height="199" transform="translate(37.5 78.5)"/></g></g></symbol><symbol id="h" viewBox="0 0 128 109"><g><path d="M8 56a8 8 0 01-8-8V8a8 8 0 1116 0v40a8 8 0 01-8 8Zm56 53a8 8 0 01-8-8V61a8 8 0 1116 0v40a8 8 0 01-8 8Zm56-35a8 8 0 01-8-8V26a8 8 0 1116 0v40a8 8 0 01-8 8Z"/></g></symbol><symbol id="i" viewBox="0 0 199 199"><g><circle cx="99.5" cy="99.5" r="40" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="15"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="15" d="M99.5 32.9V7.5m0 184v-25.4m47.1-113.7 18-18M34.4 164.6l18-18m0-94.2-18-18m130.2 130.2-18-18M7.5 99.5h25.4m158.6 0h-25.4"/></g></symbol><clipPath id="e"><path fill="none" d="M369.5 299c0-34.6-24-63.8-56-71.8V223c0-56.2-45.8-102-102-102V0H437v299h-67.5Z"/></clipPath><clipPath id="g"><path fill="none" d="M0 0v286h54.5a81.1 81.1 0 0147.7-65 77.1 77.1 0 0198.5-67.9 103.9 103.9 0 0169.3-34.7V0H0Z"/></clipPath><style>.il,.im,.in,.io,.ip{fill:none;}.im,.in{stroke-miterlimit:10;}.im,.in,.io,.ip{stroke:#000;stroke-width:15px;}.im,.ip{stroke-linecap:round;}.io,.ip{stroke-linejoin:round;}.iq{clip-path:url(#e);}.ir{clip-path:url(#g);}</style></defs><g id="dn"><use xlink:href="#f" width="502.4" height="362.5" transform="translate(-1 9)"/><use xlink:href="#h" width="128" height="109" transform="translate(192 344)"/><use xlink:href="#c" width="96" height="176" transform="translate(208 293)"/></g></svg>
</g>
<g id="l-thunderstorms-rain" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="a" viewBox="0 0 359 231"><path fill="none" stroke="#e2e8f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 000-112l-2.5.1a83.9 83.9 0 00-153-64.2 56 56 0 00-84.6 48.1 56.6 56.6 0 00.8 9 60 60 0 0011.2 119"/></symbol><symbol id="b" overflow="visible" viewBox="0 0 128 56"><path fill="#0a5ad4" d="M8 56a8 8 0 01-8-8V8a8 8 0 0116 0v40a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x1" additive="sum" attributeName="transform" begin="0s; x1.end+.33s" dur=".67s" type="translate" values="0 -60; 0 60"/><animate id="y1" attributeName="opacity" begin="0s; y1.end+.33s" dur=".67s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="#0a5ad4" d="M64 56a8 8 0 01-8-8V8a8 8 0 0116 0v40a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x2" additive="sum" attributeName="transform" begin=".33s; x2.end+.33s" dur=".67s" type="translate" values="0 -60; 0 60"/><animate id="y2" attributeName="opacity" begin=".33s; y2.end+.33s" dur=".67s" keyTimes="0; .25; 1" values="0; 1; 0"/></path><path fill="#0a5ad4" d="M120 56a8 8 0 01-8-8V8a8 8 0 0116 0v40a8 8 0 01-8 8Z" opacity="0"><animateTransform id="x3" additive="sum" attributeName="transform" begin="-.33s; x3.end+.33s" dur=".67s" type="translate" values="0 -60; 0 60"/><animate id="y3" attributeName="opacity" begin="-.33s; y3.end+.33s" dur=".67s" keyTimes="0; .25; 1" values="0; 1; 0"/></path></symbol><symbol id="c" viewBox="0 0 96 176"><path fill="#f6a823" d="M32 0 0 96h32l-16 80L96 64H48L80 0H32z"><animate id="x1" attributeName="opacity" begin="0s; x1.end+.67s" dur="1.33s" keyTimes="0; .38; .5; .63; .75; .86; .94; 1" values="1; 1; 0; 1; 0; 1; 0; 1"/></path></symbol></defs><use xlink:href="#a" width="359" height="231" transform="translate(76.5 140.5)"/><use xlink:href="#b" width="128" height="56" transform="translate(192 344)"/><use xlink:href="#c" width="96" height="176" transform="translate(208 293)"/></svg>
</g>
<g id="m-dust-day" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="a" viewBox="0 0 244 192"><g><circle cx="12" cy="180" r="12"/><circle cx="72" cy="180" r="12"/><circle cx="44" cy="148" r="12"/><circle cx="104" cy="148" r="12"/><circle cx="76" cy="112" r="12"/><circle cx="136" cy="112" r="12"/><circle cx="108" cy="80" r="12"/><circle cx="168" cy="80" r="12"/><circle cx="140" cy="44" r="12"/><circle cx="200" cy="44" r="12"/><circle cx="172" cy="12" r="12"/><circle cx="232" cy="12" r="12"/></g></symbol><symbol id="b" viewBox="0 0 375 375"><g><circle cx="187.5" cy="187.5" r="84" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="15"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="15" d="M187.5 57.2V7.5m0 360v-49.7m92.2-222.5 35-35M60.3 314.7l35.1-35.1m0-184.4-35-35m254.5 254.5-35.1-35.1M57.2 187.5H7.5m360 0h-49.7"/></g></symbol><clipPath id="cr"><path fill="none" d="M0 0h512L0 512V0z"/></clipPath><style>.if,.ig,.ih{fill:none;}.ig{stroke-linecap:round;}.ig,.ih{stroke:#000;stroke-miterlimit:10;stroke-width:15px;}.ii{clip-path:url(#cr);}</style></defs><g id="cq"><g clip-path="url(#cr)"><use xlink:href="#b" width="375" height="375" transform="translate(68.5 68.5)"/></g><use xlink:href="#a" width="244" height="192" transform="translate(192 182)"/></g></svg>
</g>
<g id="l-overcast-night-smoke" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="d" viewBox="0 0 178 178"><path fill="none" stroke="#72b9d5" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M163.6 110.4a84.8 84.8 0 01-85.4-84.3A83.3 83.3 0 0181 5 84.7 84.7 0 005 88.7 84.8 84.8 0 0090.4 173a85.2 85.2 0 0082.6-63.1 88 88 0 01-9.4.5Z"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="-15 86 86; 9 86 86; -15 86 86"/></path></symbol><symbol id="f" viewBox="0 0 214.3 140.1"><path fill="none" stroke="#94a3b8" stroke-linejoin="round" stroke-width="15" d="M7.5 100.2a32.4 32.4 0 0032.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 006.5-68.9 32.4 32.4 0 00-48.5-33 48.6 48.6 0 00-88.6 37.1h-1.5a32.4 32.4 0 00-32.4 32.4Z"/></symbol><symbol id="g" viewBox="0 0 359 231"><path fill="none" stroke="#e2e8f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 000-112l-2.5.1a83.9 83.9 0 00-153-64.2 56 56 0 00-84.6 48.1 56.6 56.6 0 00.8 9 60 60 0 0011.2 119"/></symbol><symbol id="e" overflow="visible" viewBox="0 0 447.7 371.5"><g clip-path="url(#a)"><use xlink:href="#f" width="214.3" height="140.1" transform="translate(195.51 165.01)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-9 0; 9 0; -9 0"/></use></g><use xlink:href="#g" width="359" height="231" transform="translate(0 140.5)"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></use></symbol><symbol id="c" viewBox="0 0 512 371.5"><g clip-path="url(#b)"><use xlink:href="#d" width="178" height="178" transform="translate(65 118)"/></g><use xlink:href="#e" width="447.7" height="371.5" transform="translate(64.34)"/></symbol><symbol id="h" overflow="visible" viewBox="0 0 173 217"><circle cx="88.5" cy="188.5" r="24" fill="none" stroke="#afb4bc" stroke-miterlimit="10" stroke-width="9" opacity="0"><animateTransform id="x1" additive="sum" attributeName="transform" begin="0s; x1.end+.75s" dur="2.25s" type="translate" values="0 0; -58 -118"/><animate id="y1" attributeName="r" begin="0s; y1.end+.75s" dur="2.25s" values="24; 36"/><animate id="z1" attributeName="opacity" begin="0s; y1.end+.75s" dur="2.25s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></circle><circle cx="88.5" cy="188.5" r="24" fill="none" stroke="#afb4bc" stroke-miterlimit="10" stroke-width="9" opacity="0"><animateTransform id="x2" additive="sum" attributeName="transform" begin=".83s; x2.end+.75s" dur="2.25s" type="translate" values="0 0; 58 -118"/><animate id="y2" attributeName="r" begin=".83s; y2.end+.75s" dur="2.25s" values="24; 36"/><animate id="z2" attributeName="opacity" begin=".83s; z2.end+.75s" dur="2.25s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></circle><circle cx="88.5" cy="188.5" r="24" fill="none" stroke="#afb4bc" stroke-miterlimit="10" stroke-width="9" opacity="0"><animateTransform id="x3" additive="sum" attributeName="transform" begin="1.66s; x3.end+.75s" dur="2.25s" type="translate" values="0 0; 0 -118"/><animate id="y3" attributeName="r" begin="1.66s; y3.end+.75s" dur="2.25s" values="24; 36"/><animate id="z3" attributeName="opacity" begin="1.66s; z3.end+.75s" dur="2.25s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></circle></symbol><clipPath id="a"><path fill="none" d="M351.5 308a56 56 0 00-56-56l-2.5.1A83.7 83.7 0 00211.5 148V0h236.2v308Z"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></path></clipPath><clipPath id="b"><path fill="none" d="M276 148a83.8 83.8 0 00-71.4 40 56 56 0 00-84.6 48 56.6 56.6 0 00.8 9A60 60 0 0072 304H0V0h276Z"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="translate" values="-18 0; 18 0; -18 0"/></path></clipPath></defs><use xlink:href="#c" width="512" height="371.5"/><use xlink:href="#h" width="173" height="217" transform="translate(169.5 229.5)"/></svg>
</g>
<g id="f-code-orange" size="24">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="163.5" x2="296.6" y1="185.7" y2="416.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc078"/><stop offset=".5" stop-color="#ffc078"/><stop offset="1" stop-color="#ff922b"/></linearGradient></defs><path fill="url(#a)" stroke="#ffa94d" stroke-miterlimit="10" stroke-width="4" d="m381 340.1-52.8-97.3-51-94.2a24 24 0 00-42.4 0l-51 94.2-52.8 97.3a24.3 24.3 0 0021.2 35.9h207.7a24.2 24.2 0 0021.1-35.9ZM243 216.6q1.5-1.3 5.5-1.3h15.3c2.7 0 4.5.4 5.6 1.3s1.5 2.4 1.4 4.7l-3 71.8c-.1 2.3-.7 3.8-1.6 4.6s-2.7 1.3-5.4 1.3h-9.4c-2.6 0-4.4-.5-5.3-1.3s-1.5-2.3-1.6-4.6l-2.9-71.9c0-2.2.4-3.8 1.4-4.6Zm29.1 107.6q0 7-3 9.6c-2 1.7-5.7 2.6-11 2.6H254c-5.4 0-9-1-11-2.6s-3-5-3-9.6v-2.9q0-7 3-9.6c2-1.7 5.6-2.5 11-2.5h4c5.4 0 9 .8 11 2.5s3 5 3 9.6Z"/></svg>
</g>
<g id="ls-thunderstorms-day-extreme-rain" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="g" viewBox="0 0 193 193"><circle cx="96.5" cy="96.5" r="40" fill="none" stroke="#fbbf24" stroke-miterlimit="10" stroke-width="9"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9" d="M96.5 29.9V4.5m0 184v-25.4m47.1-113.7 18-18M31.4 161.6l18-18m0-94.2-18-18m130.2 130.2-18-18M4.5 96.5h25.4m158.6 0h-25.4"/></symbol><symbol id="i" viewBox="0 0 214.3 140.1"><path fill="none" stroke="#94a3b8" stroke-linejoin="round" stroke-width="15" d="M7.5 100.2a32.4 32.4 0 0032.4 32.4h129.8v-.1l2.3.1a34.8 34.8 0 006.5-68.9 32.4 32.4 0 00-48.5-33 48.6 48.6 0 00-88.6 37.1h-1.5a32.4 32.4 0 00-32.4 32.4Z"/></symbol><symbol id="j" viewBox="0 0 359 231"><path fill="none" stroke="#475569" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 000-112l-2.5.1a83.9 83.9 0 00-153-64.2 56 56 0 00-84.6 48.1 56.6 56.6 0 00.8 9 60 60 0 0011.2 119"/></symbol><symbol id="h" viewBox="0 0 447.7 371.5"><g clip-path="url(#a)"><use xlink:href="#i" width="214.3" height="140.1" transform="translate(195.51 165.01)"/></g><use xlink:href="#j" width="359" height="231" transform="translate(0 140.5)"/></symbol><symbol id="f" viewBox="0 0 512 371.5"><g clip-path="url(#b)"><use xlink:href="#g" width="193" height="193" transform="translate(57.5 110.5)"/></g><use xlink:href="#h" width="447.7" height="371.5" transform="translate(64.34)"/></symbol><symbol id="k" viewBox="0 0 129 110"><path fill="url(#c)" stroke="#0a5ad4" stroke-miterlimit="10" d="M8.5 56.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z"/><path fill="url(#d)" stroke="#0a5ad4" stroke-miterlimit="10" d="M64.5 109.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z"/><path fill="url(#e)" stroke="#0a5ad4" stroke-miterlimit="10" d="M120.5 74.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z"/></symbol><symbol id="l" viewBox="0 0 96 176"><path fill="#f6a823" d="M32 0 0 96h32l-16 80L96 64H48L80 0H32z"/></symbol><linearGradient id="c" x1="1381.3" x2="1399.5" y1="-1144.7" y2="-1097.4" gradientTransform="rotate(-9 8002.567 8233.063)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b65ed"/><stop offset=".5" stop-color="#0a5ad4"/><stop offset="1" stop-color="#0950bc"/></linearGradient><linearGradient xlink:href="#c" id="d" x1="1428.4" x2="1446.6" y1="-1084.7" y2="-1037.4" gradientTransform="rotate(-9 8009.537 8233.037)"/><linearGradient xlink:href="#c" id="e" x1="1489.3" x2="1507.5" y1="-1111.6" y2="-1064.3" gradientTransform="rotate(-9 8016.566 8233.078)"/><clipPath id="a"><path fill="none" d="M351.5 308a56 56 0 00-56-56l-2.5.1A83.7 83.7 0 00211.5 148V0h236.2v308Z"/></clipPath><clipPath id="b"><path fill="none" d="M276 148a83.8 83.8 0 00-71.4 40 56 56 0 00-84.6 48 56.6 56.6 0 00.8 9A60 60 0 0072 304H0V0h276Z"/></clipPath></defs><use xlink:href="#f" width="512" height="371.5"/><use xlink:href="#k" width="129" height="110" transform="translate(191.5 343.5)"/><use xlink:href="#l" width="96" height="176" transform="translate(208 293)"/></svg>
</g>
<g id="fs-thermometer-warmer" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="d" viewBox="0 0 72 168"><circle cx="36" cy="132" r="36" fill="#ef4444"/><path fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24" d="M36 12v120"/></symbol><symbol id="e" viewBox="0 0 118 278"><path fill="url(#a)" stroke="url(#b)" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M115 218.2c0 31.4-25 56.8-56 56.8S3 249.6 3 218.2a57 57 0 0124-46.6V35.5a32 32 0 1164 0v136a57 57 0 0124 46.7ZM63 83h28M63 51h28m-28 64h28"/></symbol><symbol id="c" viewBox="0 0 118 278"><use xlink:href="#d" width="72" height="168" transform="translate(23 87)"/><use xlink:href="#e" width="118" height="278"/></symbol><linearGradient id="a" x1="-7.2" x2="116.4" y1="36.3" y2="250.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#515a69" stop-opacity=".1"/><stop offset=".5" stop-color="#6b7280" stop-opacity=".1"/><stop offset="1" stop-color="#384354" stop-opacity=".1"/></linearGradient><linearGradient id="b" x1="-8.7" x2="117.9" y1="33.7" y2="253" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4d7dd"/><stop offset=".5" stop-color="#d4d7dd"/><stop offset="1" stop-color="#bec1c6"/></linearGradient></defs><use xlink:href="#c" width="118" height="278" transform="translate(197 117)"/><path fill="#e34647" d="M372.5 247a4.6 4.6 0 01-3.2-1.3L350 227.3l-19.3 18.4a4.6 4.6 0 01-6.4 0 4.1 4.1 0 010-6l22.5-21.4a4.6 4.6 0 016.4 0l22.5 21.4a4.1 4.1 0 010 6 4.6 4.6 0 01-3.2 1.3Z"/><path fill="#e34647" d="M372.5 274a4.6 4.6 0 01-3.2-1.3L350 254.3l-19.3 18.4a4.6 4.6 0 01-6.4 0 4.1 4.1 0 010-6l22.5-21.4a4.6 4.6 0 016.4 0l22.5 21.4a4.1 4.1 0 010 6 4.6 4.6 0 01-3.2 1.3Z"/><path fill="#e34647" d="M372.5 301a4.6 4.6 0 01-3.2-1.3L350 281.3l-19.3 18.4a4.6 4.6 0 01-6.4 0 4.1 4.1 0 010-6l22.5-21.4a4.6 4.6 0 016.4 0l22.5 21.4a4.1 4.1 0 010 6 4.6 4.6 0 01-3.2 1.3Z"/></svg>
</g>
<g id="m-thunderstorms-night-rain" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><symbol id="a" viewBox="0 0 359 231"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M295.5 223.5a56 56 0 100-112l-2.5.1a84 84 0 00-153-64.2 56 56 0 00-83.8 57.2 60 60 0 0011.2 118.9"/></symbol><symbol id="b" viewBox="0 0 96 176"><path d="M32 0 0 96h32l-16 80L96 64H48L80 0H32z"/></symbol><symbol id="c" viewBox="0 0 183 183"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M166.1 112.9a84.8 84.8 0 01-85.4-84.3 83 83 0 012.8-21.1 84.7 84.7 0 00-76 83.7 84.8 84.8 0 0085.4 84.3c39.8 0 73-26.8 82.6-63.1-3 .3-6.2.5-9.4.5Z"/></symbol><symbol id="d" viewBox="0 0 426.5 362.5"><g><use xlink:href="#a" width="359" height="231" transform="translate(67.5 131.5)"/><g clip-path="url(#e)"><use xlink:href="#c" width="183" height="183" transform="translate(55.5 86.5)"/></g></g></symbol><symbol id="f" viewBox="0 0 128 109"><g><path d="M8 56a8 8 0 01-8-8V8a8 8 0 1116 0v40a8 8 0 01-8 8Zm56 53a8 8 0 01-8-8V61a8 8 0 1116 0v40a8 8 0 01-8 8Zm56-35a8 8 0 01-8-8V26a8 8 0 1116 0v40a8 8 0 01-8 8Z"/></g></symbol><clipPath id="e"><path fill="none" d="M0 0v286h54.5a81.1 81.1 0 0147.7-65 77.1 77.1 0 0198.5-67.9 103.9 103.9 0 0169.3-34.7V0H0Z"/></clipPath><style>.ii,.ij{fill:none;}.ik{clip-path:url(#e);}.ij{stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:15px;}</style></defs><g id="dc"><use xlink:href="#d" width="426.5" height="362.5" transform="translate(9 9)"/><use xlink:href="#f" width="128" height="109" transform="translate(192 344)"/><use xlink:href="#b" width="96" height="176" transform="translate(208 293)"/></g></svg>
</g>
<g id="fs-thunderstorms-night-rain" size="24">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="99.5" x2="232.6" y1="30.7" y2="261.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3f7fe"/><stop offset=".5" stop-color="#f3f7fe"/><stop offset="1" stop-color="#deeafb"/></linearGradient><linearGradient id="b" x1="8.7" x2="80.9" y1="17.1" y2="142.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f7b23b"/><stop offset=".5" stop-color="#f7b23b"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><linearGradient id="c" x1="34.7" x2="119.2" y1="18.6" y2="165" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".5" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><linearGradient id="d" x1="1381.3" x2="1399.5" y1="-1144.7" y2="-1097.4" gradientTransform="rotate(-9 8002.567 8233.063)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b65ed"/><stop offset=".5" stop-color="#0a5ad4"/><stop offset="1" stop-color="#0950bc"/></linearGradient><linearGradient xlink:href="#d" id="e" x1="1428.4" x2="1446.6" y1="-1084.7" y2="-1037.4" gradientTransform="rotate(-9 8009.537 8233.037)"/><linearGradient xlink:href="#d" id="f" x1="1489.3" x2="1507.5" y1="-1111.6" y2="-1064.3" gradientTransform="rotate(-9 8016.566 8233.078)"/><symbol id="h" viewBox="0 0 172 172"><path fill="url(#c)" stroke="#72b9d5" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M160.6 107.4a84.8 84.8 0 01-85.4-84.3A83.3 83.3 0 0178 2 84.7 84.7 0 002 85.7 84.8 84.8 0 0087.4 170a85.2 85.2 0 0082.6-63.1 88 88 0 01-9.4.5Z"/></symbol><symbol id="i" viewBox="0 0 350 222"><path fill="url(#a)" stroke="#e6effc" stroke-miterlimit="10" stroke-width="6" d="m291 107-2.5.1A83.9 83.9 0 00135.6 43 56 56 0 0051 91a56.6 56.6 0 00.8 9A60 60 0 0063 219l4-.2v.2h224a56 56 0 000-112Z"/></symbol><symbol id="g" viewBox="0 0 351 246"><use xlink:href="#h" width="172" height="172"/><use xlink:href="#i" width="350" height="222" transform="translate(1 24)"/></symbol><symbol id="j" viewBox="0 0 129 110"><path fill="url(#d)" stroke="#0a5ad4" stroke-miterlimit="10" d="M8.5 56.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z"/><path fill="url(#e)" stroke="#0a5ad4" stroke-miterlimit="10" d="M64.5 109.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z"/><path fill="url(#f)" stroke="#0a5ad4" stroke-miterlimit="10" d="M120.5 74.5a8 8 0 01-8-8v-40a8 8 0 0116 0v40a8 8 0 01-8 8Z"/></symbol><symbol id="k" viewBox="0 0 102.7 186.8"><path fill="url(#b)" stroke="#f6a823" stroke-miterlimit="10" stroke-width="4" d="m34.8 2-32 96h32l-16 80 80-112h-48l32-64h-48z"/></symbol></defs><use xlink:href="#g" width="351" height="246" transform="translate(80 121)"/><use xlink:href="#j" width="129" height="110" transform="translate(191.5 343.5)"/><use xlink:href="#k" width="102.7" height="186.7" transform="translate(205.23 291)"/></svg>
</g>
<g id="fs-time-late-morning" size="24">