ericwyuan/fenix8v3-watchface
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
fenix8v3-watchface/preview.html
ericwyuan 398018b51e Rebuild the face against the design kit; make fields configurable 
Vendor the watchface-kit into design/ and derive everything from it instead
of from hand-transcribed constants.

Geometry, from design/rebuild.py and the ink boxes of the traced SVG paths:
  - ring ticks are annular sectors (fillPolygon), not radial lines
  - top arc is 21 ticks at 6.5+4k, not 22 at 2+4k
  - exact radii, tick widths, anchor dots, band and colon rectangles
  - element positions taken from measured ink bounding boxes

Colour, generated by tools/gen_themes.py straight out of the comps:
  - per-tick colour tables (21+21) replace 9/7 interpolated stops
  - 11-stop vertical gradients on the time digits, drawn with clip banding
  - per-element accent / value colours and per-theme unlit tick colour

Data: the design's sunrise and hi/lo fields turn out to be available after
all -- Weather.getSunrise and getDailyForecast both exist in SDK 9.1.0 --
so both are restored, and heart rate is added alongside them.

Bugs found on the way:
  - Gregorian FORMAT_MEDIUM returns day_of_week/month as strings, so the
    date band crashed on every update (caught in the simulator)
  - Stats.battery is already 0-100, multiplying by 100 gave "4000%"
  - moveBarLevel is an integer level 0..5, not a 0..1 ratio, so the move
    bar arc was all-or-nothing

Also: all four field slots are configurable with labels that follow the
selection, temperature unit is a setting, on-face wording moved into
resources with a Simplified Chinese variant, and 24h/distance/temperature
now follow the watch. Fonts are chosen by measured cap height rather than
by ascent.

Verified in the Connect IQ simulator on fenix847mm and by compiling all
17 target devices.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-09 22:04:27 +08:00

39 lines
97 KiB
HTML
Raw Permalink Blame History

<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Fenix 8 V3 - 表盘预览</title>
<style>
:root{--bg:#0a0a0a;--ink:#e9e6e0;--dim:#8d8a84;--line:#26261f}
body{margin:0;background:var(--bg);color:var(--ink);
font:14px/1.6 -apple-system,"PingFang SC",Helvetica,Arial,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:20px;margin:0 0 4px}
p.lede{color:var(--dim);margin:0 0 24px}
.stage{background:#000;border-radius:50%;width:420px;height:420px;
margin:0 auto 24px;overflow:hidden}
svg.f{display:none;width:420px;height:420px}
svg.f.on{display:block}
.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;margin:0 auto}
button{cursor:pointer;border:1px solid var(--line);background:#1c1c19;color:var(--ink);
border-radius:8px;padding:9px 4px;font-size:12px}
button.on{background:#FEAA00;color:#000;border-color:#FEAA00;font-weight:600}
footer{color:var(--dim);font-size:12px;margin-top:28px;text-align:center}
</style></head><body><div class="wrap">
<h1>Fenix 8 V3 表盘预览</h1>
<p class="lede">由 <code>tools/gen_preview_svg.py</code> 从 <code>source/Themes.mc</code>
生成，几何常量与 <code>source/Fenix8V3View.mc</code> 一致。文字用网页字体渲染，
真机为 Garmin 内置 Roboto / Bionic 字体，字形会有差异。</p>
<div class="stage"><svg class="f" data-i="0" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH0" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FFFFFF"/><stop offset="0.136" stop-color="#F6F8F5"/><stop offset="0.227" stop-color="#EEF0EE"/><stop offset="0.318" stop-color="#E5E4E6"/><stop offset="0.409" stop-color="#DEDDDE"/><stop offset="0.500" stop-color="#D5D6D5"/><stop offset="0.591" stop-color="#CFCFCF"/><stop offset="0.682" stop-color="#C5C7C4"/><stop offset="0.773" stop-color="#BCBBBD"/><stop offset="0.864" stop-color="#B4B4B4"/><stop offset="0.955" stop-color="#ACADAB"/></linearGradient><linearGradient id="gM0" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FEAA00"/><stop offset="0.136" stop-color="#FE9E01"/><stop offset="0.227" stop-color="#FF8A00"/><stop offset="0.318" stop-color="#FF7C00"/><stop offset="0.409" stop-color="#FE6A00"/><stop offset="0.500" stop-color="#FE5B01"/><stop offset="0.591" stop-color="#FF4B02"/><stop offset="0.682" stop-color="#FE3B02"/><stop offset="0.773" stop-color="#FF2B01"/><stop offset="0.864" stop-color="#FF2600"/><stop offset="0.955" stop-color="#FF2600"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#FFF200"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#FFE601"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#FFDB01"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#FFCE00"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#FFC200"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#FEB600"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#FEAA00"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#FF9D01"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#FF9100"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#FE8600"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#FE7900"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#FE6E00"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#FF6100"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#FF5500"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#FF4801"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#FF3C01"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#FF3002"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#FF2600"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#FF2600"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#FF2600"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#FF2600"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#525551"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#525551"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#525551"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#525551"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#525551"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#525551"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#525551"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#525551"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#525551"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#525551"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#525551"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#FE6E00"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#FF6100"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#FF5500"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#FF4801"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#FF3C01"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#FF3002"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#FF2600"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#FF2600"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#FF2600"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#FF2600"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#AD1602"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#AD1602"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#B21902"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#B32301"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#B43102"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#BC3C01"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#C54801"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#C45501"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#CE6100"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#CC6D00"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#D57900"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#D58401"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#DD9201"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#DE9D02"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#525551"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#525551"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#525551"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#525551"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#525551"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#525551"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#525551"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#AD1602"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#AD1602"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#B21902"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#B32301"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#B43102"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#BC3C01"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#C54801"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#C45501"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#CE6100"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#525551"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#525551"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#525551"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#525551"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#525551"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#525551"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#525551"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#525551"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#525551"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#525551"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#525551"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#525551"/><circle cx="250.00" cy="9.90" r="9.00" fill="#525551"/><circle cx="489.74" cy="263.19" r="9.00" fill="#525551"/><circle cx="250.00" cy="490.10" r="9.00" fill="#525551"/><circle cx="10.26" cy="263.19" r="9.00" fill="#525551"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#FEAA05"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#FEAA05"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#FEAA05"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#FEAA05"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#FEAA05" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#FEAA05" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#FEAA05" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#FEAA05"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#FEAA05" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#FEAA05" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#FEAA05" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#FEAA05" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#FEAA05"/><circle cx="346.55" cy="97.65" r="6.30" fill="#FEAA05"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#FEAA05"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH0)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM0)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#FEAA00"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#000001" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#000001" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#000001" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#000001" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#FEAA05" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#FEAA05" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg><svg class="f" data-i="1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH1" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FFFFFF"/><stop offset="0.136" stop-color="#F2F2F2"/><stop offset="0.227" stop-color="#E3DFE4"/><stop offset="0.318" stop-color="#D1D0D1"/><stop offset="0.409" stop-color="#BEBEBD"/><stop offset="0.500" stop-color="#AEB0AD"/><stop offset="0.591" stop-color="#9E9E9E"/><stop offset="0.682" stop-color="#8E8D8F"/><stop offset="0.773" stop-color="#7F7D80"/><stop offset="0.864" stop-color="#706E71"/><stop offset="0.955" stop-color="#605C61"/></linearGradient><linearGradient id="gM1" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#ACFA00"/><stop offset="0.136" stop-color="#98F914"/><stop offset="0.227" stop-color="#89FA2A"/><stop offset="0.318" stop-color="#79FA44"/><stop offset="0.409" stop-color="#6BFA59"/><stop offset="0.500" stop-color="#5DF971"/><stop offset="0.591" stop-color="#4DFA91"/><stop offset="0.682" stop-color="#3DFAA6"/><stop offset="0.773" stop-color="#28FBC1"/><stop offset="0.864" stop-color="#15FCD9"/><stop offset="0.955" stop-color="#0CFCF5"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#A4F909"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#A4F918"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#9DF91E"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#9EFA31"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#95FA39"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#94F94A"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#8AFA52"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#8BFA61"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#84FA6A"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#85FA7C"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#7BFA82"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#7BFA94"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#73FB9B"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#74FBAB"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#6BFBB4"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#6AFCC5"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#63FCCD"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#62FCDE"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#5AFCE6"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#59FDF6"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#52FDFF"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#525551"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#525551"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#525551"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#525551"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#525551"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#525551"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#525551"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#525551"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#525551"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#525551"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#525551"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#7BFA94"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#73FB9B"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#74FBAB"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#6BFBB4"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#6AFCC5"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#63FCCD"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#62FCDE"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#5AFCE6"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#59FDF6"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#52FDFF"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#52FDFF"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#59FCF6"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#5AFCE6"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#62FCDE"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#62FCCD"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#6AFCC5"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#6BFBB4"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#74FBAB"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#73FB9B"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#7BFA94"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#7BFA83"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#85FA7C"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#84FA6A"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#8BFA61"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#525551"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#525551"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#525551"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#525551"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#525551"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#525551"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#525551"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#52FDFF"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#59FCF6"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#5AFCE6"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#62FCDE"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#62FCCD"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#6AFCC5"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#6BFBB4"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#74FBAB"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#73FB9B"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#525551"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#525551"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#525551"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#525551"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#525551"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#525551"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#525551"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#525551"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#525551"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#525551"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#525551"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#525551"/><circle cx="250.00" cy="9.90" r="9.00" fill="#0F3C82"/><circle cx="489.74" cy="263.19" r="9.00" fill="#0F3C82"/><circle cx="250.00" cy="490.10" r="9.00" fill="#0F3C82"/><circle cx="10.26" cy="263.19" r="9.00" fill="#0F3C82"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#ADABAE"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#ADABAE"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#ADABAE"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#ADABAE"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#ADABAE" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#ADABAE" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#ADABAE" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#ADABAE"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#ADABAE" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#ADABAE" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#ADABAE" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#ADABAE" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#ADABAE"/><circle cx="346.55" cy="97.65" r="6.30" fill="#ADABAE"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#ADABAE"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH1)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM1)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#525551"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#FFFFFF" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#ADABAE" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#ADABAE" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg><svg class="f" data-i="2" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH2" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FFFFFF"/><stop offset="0.136" stop-color="#F2F2F2"/><stop offset="0.227" stop-color="#E3DFE4"/><stop offset="0.318" stop-color="#D1D0D1"/><stop offset="0.409" stop-color="#BEBEBD"/><stop offset="0.500" stop-color="#AEB0AD"/><stop offset="0.591" stop-color="#9E9E9E"/><stop offset="0.682" stop-color="#8E8D8F"/><stop offset="0.773" stop-color="#7F7D80"/><stop offset="0.864" stop-color="#706E71"/><stop offset="0.955" stop-color="#605C61"/></linearGradient><linearGradient id="gM2" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#EFCE95"/><stop offset="0.136" stop-color="#E6C48F"/><stop offset="0.227" stop-color="#E3BC88"/><stop offset="0.318" stop-color="#DEB581"/><stop offset="0.409" stop-color="#D6AE7B"/><stop offset="0.500" stop-color="#CEA673"/><stop offset="0.591" stop-color="#CD9E6B"/><stop offset="0.682" stop-color="#C49762"/><stop offset="0.773" stop-color="#BD8F5A"/><stop offset="0.864" stop-color="#B88752"/><stop offset="0.955" stop-color="#B3804A"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#B3814A"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#B5854B"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#B48951"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#BD8E52"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#BD915B"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#C5955B"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#C59962"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#C59D62"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#CD9D6B"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#CCA169"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#CCA573"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#D6AA73"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#D5AE7B"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#D5B37A"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#DEB682"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#DEBA83"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#DEBD8B"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#E5C28B"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#E6C693"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#E6CA94"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#EFCE95"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#392810"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#392810"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#392810"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#392810"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#392810"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#392810"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#392810"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#392810"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#392810"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#392810"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#392810"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#D6AA73"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#D5AE7B"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#D5B37A"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#DEB682"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#DEBA83"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#DEBD8B"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#E5C28B"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#E6C693"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#E6CA94"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#EFCE95"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#B47D4A"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#B3814A"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#B4844A"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#B48951"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#BD8E52"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#BD915B"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#C5955B"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#C49962"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#C59962"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#CD9D6A"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#CDA169"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#CCA572"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#D6AA73"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#D5AE7B"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#392810"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#392810"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#392810"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#392810"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#392810"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#392810"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#392810"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#B47D4A"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#B3814A"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#B4844A"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#B48951"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#BD8E52"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#BD915B"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#C5955B"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#C49962"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#C59962"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#392810"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#392810"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#392810"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#392810"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#392810"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#392810"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#392810"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#392810"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#392810"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#392810"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#392810"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#392810"/><circle cx="250.00" cy="9.90" r="9.00" fill="#62441E"/><circle cx="489.74" cy="263.19" r="9.00" fill="#62441E"/><circle cx="250.00" cy="490.10" r="9.00" fill="#62441E"/><circle cx="10.26" cy="263.19" r="9.00" fill="#62441E"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#B57E4B"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#B57E4B"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#B57E4B"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#F0CF97" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#B57E4B"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#B57E4B" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#B57E4B" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#B57E4B" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#B57E4B" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#B57E4B" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#B57E4B" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#B57E4B" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#B57E4B" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#F0CF97" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#B57E4B"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#B57E4B" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#B57E4B" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#B57E4B" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#B57E4B" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#B57E4B"/><circle cx="346.55" cy="97.65" r="6.30" fill="#B57E4B"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#B57E4B"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#F0CF97" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH2)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM2)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#392810"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#FFFFFE" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#FFFFFE" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#FFFFFE" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#FFFFFE" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#F0CF97" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#B57E4B" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#F0CF97" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#B57E4B" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg><svg class="f" data-i="3" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH3" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FFFFFF"/><stop offset="0.136" stop-color="#F2F2F2"/><stop offset="0.227" stop-color="#E3DFE4"/><stop offset="0.318" stop-color="#D1D0D1"/><stop offset="0.409" stop-color="#BEBEBD"/><stop offset="0.500" stop-color="#AEB0AD"/><stop offset="0.591" stop-color="#9E9E9E"/><stop offset="0.682" stop-color="#8E8D8F"/><stop offset="0.773" stop-color="#7F7D80"/><stop offset="0.864" stop-color="#706E71"/><stop offset="0.955" stop-color="#605C61"/></linearGradient><linearGradient id="gM3" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#53AAFF"/><stop offset="0.136" stop-color="#5FB0E9"/><stop offset="0.227" stop-color="#70B7CF"/><stop offset="0.318" stop-color="#85C0B9"/><stop offset="0.409" stop-color="#96CBA0"/><stop offset="0.500" stop-color="#A4D283"/><stop offset="0.591" stop-color="#B3D86D"/><stop offset="0.682" stop-color="#C4E154"/><stop offset="0.773" stop-color="#D2E93C"/><stop offset="0.864" stop-color="#EAF420"/><stop offset="0.955" stop-color="#FBFB09"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#5AAEEE"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#62B2E5"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#6AB6DF"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#72BACC"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#7CBEC5"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#83C1B4"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#8CC6AC"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#94C99C"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#9DCE94"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#A3D283"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#ACD67A"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#B5DA6A"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#BEDD62"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#C5E252"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#CDE64B"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#D5EA3A"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#DEED30"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#E7F221"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#EDF617"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#F6FA08"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#FFFB01"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#525551"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#525551"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#525551"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#525551"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#525551"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#525551"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#525551"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#525551"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#525551"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#525551"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#525551"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#B5DA6A"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#BEDD62"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#C5E252"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#CDE64B"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#D5EA3A"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#DEED30"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#E7F221"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#EDF617"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#F6FA08"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#FFFB01"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#FFFB01"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#F6FA08"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#EDF617"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#E7F221"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#DEED30"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#D5EA38"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#CDE64B"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#C5E252"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#BEDE62"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#B5DA6A"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#ACD67A"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#A3D182"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#9CCE94"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#94C99C"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#525551"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#525551"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#525551"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#525551"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#525551"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#525551"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#525551"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#FFFB01"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#F6FA08"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#EDF617"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#E7F221"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#DEED30"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#D5EA38"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#CDE64B"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#C5E252"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#BEDE62"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#525551"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#525551"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#525551"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#525551"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#525551"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#525551"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#525551"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#525551"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#525551"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#525551"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#525551"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#525551"/><circle cx="250.00" cy="9.90" r="9.00" fill="#53AAFF"/><circle cx="489.74" cy="263.19" r="9.00" fill="#53AAFF"/><circle cx="250.00" cy="490.10" r="9.00" fill="#53AAFF"/><circle cx="10.26" cy="263.19" r="9.00" fill="#53AAFF"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#ADABAE"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#ADABAE"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#ADABAE"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#55ABFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#ADABAE"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#ADABAE" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#ADABAE" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#ADABAE" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#ADABAE" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#55ABFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#ADABAE"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#ADABAE" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#ADABAE" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#ADABAE" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#ADABAE" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#ADABAE"/><circle cx="346.55" cy="97.65" r="6.30" fill="#ADABAE"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#ADABAE"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#55ABFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH3)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM3)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#53AAFF"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#010000" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#010000" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#010000" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#010000" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#55ABFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#ADABAE" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#55ABFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#ADABAE" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg><svg class="f" data-i="4" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH4" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FFFFFF"/><stop offset="0.136" stop-color="#F2F2F2"/><stop offset="0.227" stop-color="#E3DFE4"/><stop offset="0.318" stop-color="#D1D0D1"/><stop offset="0.409" stop-color="#BEBEBD"/><stop offset="0.500" stop-color="#AEB0AD"/><stop offset="0.591" stop-color="#9E9E9E"/><stop offset="0.682" stop-color="#8E8D8F"/><stop offset="0.773" stop-color="#7F7D80"/><stop offset="0.864" stop-color="#706E71"/><stop offset="0.955" stop-color="#605C61"/></linearGradient><linearGradient id="gM4" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#FE7900"/><stop offset="0.136" stop-color="#F18314"/><stop offset="0.227" stop-color="#E3902C"/><stop offset="0.318" stop-color="#D19E44"/><stop offset="0.409" stop-color="#BBAC5E"/><stop offset="0.500" stop-color="#ACB675"/><stop offset="0.591" stop-color="#9DC490"/><stop offset="0.682" stop-color="#8CD0A9"/><stop offset="0.773" stop-color="#7EDFC2"/><stop offset="0.864" stop-color="#6FECDA"/><stop offset="0.955" stop-color="#59FAF7"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#F57D07"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#ED8618"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#E68D20"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#DE9130"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#D49939"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#CC9D49"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#C5A552"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#BCAA61"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#B3B26A"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#ADB67C"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#A4BE83"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#9CC694"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#94CA9C"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#8CD2AB"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#83D6B5"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#7BDEC5"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#74E6CE"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#6AEADF"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#63F2E7"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#5BF6F6"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#52FDFF"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#525551"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#525551"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#525551"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#525551"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#525551"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#525551"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#525551"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#525551"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#525551"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#525551"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#525551"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#9CC694"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#94CA9C"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#8CD2AB"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#83D6B5"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#7BDEC5"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#74E6CE"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#6AEADF"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#63F2E7"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#5BF6F6"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#52FDFF"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#FE7900"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#F57C07"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#ED8618"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#E68920"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#DE9130"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#D49939"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#CD9D49"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#C5A552"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#BCAA61"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#B3B26A"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#ADB67C"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#A4BE83"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#9CC694"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#94C99C"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#525551"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#525551"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#525551"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#525551"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#525551"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#525551"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#525551"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#FE7900"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#F57C07"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#ED8618"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#E68920"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#DE9130"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#D49939"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#CD9D49"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#C5A552"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#BCAA61"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#525551"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#525551"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#525551"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#525551"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#525551"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#525551"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#525551"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#525551"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#525551"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#525551"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#525551"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#525551"/><circle cx="250.00" cy="9.90" r="9.00" fill="#FE7900"/><circle cx="489.74" cy="263.19" r="9.00" fill="#FE7900"/><circle cx="250.00" cy="490.10" r="9.00" fill="#FE7900"/><circle cx="10.26" cy="263.19" r="9.00" fill="#FE7900"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#FEAA05"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#FEAA05"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#FEAA05"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#FEAA05"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#FEAA05" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#FEAA05" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#FEAA05" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#FEAA05" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#FEAA05"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#FEAA05" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#FEAA05" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#FEAA05" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#FEAA05" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#FEAA05"/><circle cx="346.55" cy="97.65" r="6.30" fill="#FEAA05"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#FEAA05"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH4)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM4)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#52FDFF"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#010001" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#010001" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#010001" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#010001" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#FEAA05" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#FEAA05" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg><svg class="f" data-i="5" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH5" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#DEFA32"/><stop offset="0.136" stop-color="#DDFA2B"/><stop offset="0.227" stop-color="#D8FA29"/><stop offset="0.318" stop-color="#D5F921"/><stop offset="0.409" stop-color="#D5F91E"/><stop offset="0.500" stop-color="#D2FA17"/><stop offset="0.591" stop-color="#CDFB10"/><stop offset="0.682" stop-color="#CDFB10"/><stop offset="0.773" stop-color="#CDFA08"/><stop offset="0.864" stop-color="#C5FA05"/><stop offset="0.955" stop-color="#C5FA00"/></linearGradient><linearGradient id="gM5" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#C5FA00"/><stop offset="0.136" stop-color="#C5FA00"/><stop offset="0.227" stop-color="#C5FA00"/><stop offset="0.318" stop-color="#C5FA00"/><stop offset="0.409" stop-color="#C5FA00"/><stop offset="0.500" stop-color="#C5FA00"/><stop offset="0.591" stop-color="#C5FA00"/><stop offset="0.682" stop-color="#C5FA00"/><stop offset="0.773" stop-color="#C5FA00"/><stop offset="0.864" stop-color="#C5FA00"/><stop offset="0.955" stop-color="#C5FA00"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#9CCA0B"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#9CCF08"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#A4CE08"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#A4D208"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#A4D60A"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#A4D60A"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#ABDA06"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#ADDA00"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#ADDE02"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#ADDE02"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#B4E200"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#B4E600"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#B4E600"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#B4EA00"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#B4EA00"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#BDEE00"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#BDF101"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#BDF101"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#BEF600"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#C6F600"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#C5FA00"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#525551"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#525551"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#525551"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#525551"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#525551"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#525551"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#525551"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#525551"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#525551"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#525551"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#525551"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#B4E600"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#B4E600"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#B4EA00"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#B4EA00"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#BDEE00"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#BDF101"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#BDF101"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#BEF600"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#C6F600"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#C5FA00"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#C5FA00"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#C6F600"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#BEF600"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#BDF101"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#BDF101"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#BDEE00"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#B4EA00"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#B4EA00"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#B4E600"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#B4E600"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#B4E100"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#ACDE01"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#ADDE02"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#ADD900"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#525551"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#525551"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#525551"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#525551"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#525551"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#525551"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#525551"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#C5FA00"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#C6F600"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#BEF600"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#BDF101"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#BDF101"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#BDEE00"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#B4EA00"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#B4EA00"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#B4E600"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#525551"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#525551"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#525551"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#525551"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#525551"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#525551"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#525551"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#525551"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#525551"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#525551"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#525551"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#525551"/><circle cx="250.00" cy="9.90" r="9.00" fill="#F58909"/><circle cx="489.74" cy="263.19" r="9.00" fill="#F58909"/><circle cx="250.00" cy="490.10" r="9.00" fill="#F58909"/><circle cx="10.26" cy="263.19" r="9.00" fill="#F58909"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#C6FA03"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#C6FA03"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#C6FA03"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#C6FA03"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#C6FA03" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#C6FA03" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#C6FA03" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#C6FA03" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#C6FA03" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#C6FA03" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#C6FA03" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#C6FA03" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#C6FA03"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#C6FA03" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#C6FA03" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#C6FA03" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#C6FA03" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#C6FA03"/><circle cx="346.55" cy="97.65" r="6.30" fill="#C6FA03"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#C6FA03"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH5)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM5)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#525551"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#000000" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#000000" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#000000" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#000000" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#C6FA03" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#C6FA03" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg><svg class="f" data-i="6" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gH6" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#F58909"/><stop offset="0.136" stop-color="#F68509"/><stop offset="0.227" stop-color="#F18209"/><stop offset="0.318" stop-color="#ED8108"/><stop offset="0.409" stop-color="#ED8008"/><stop offset="0.500" stop-color="#ED7D08"/><stop offset="0.591" stop-color="#EE7A08"/><stop offset="0.682" stop-color="#EE7908"/><stop offset="0.773" stop-color="#E67508"/><stop offset="0.864" stop-color="#E67408"/><stop offset="0.955" stop-color="#E57106"/></linearGradient><linearGradient id="gM6" x1="0" y1="171.75" x2="0" y2="270.45" gradientUnits="userSpaceOnUse"><stop offset="0.045" stop-color="#F58909"/><stop offset="0.136" stop-color="#F18308"/><stop offset="0.227" stop-color="#ED8007"/><stop offset="0.318" stop-color="#EC7808"/><stop offset="0.409" stop-color="#E67508"/><stop offset="0.500" stop-color="#DF6E08"/><stop offset="0.591" stop-color="#DE6907"/><stop offset="0.682" stop-color="#DE6308"/><stop offset="0.773" stop-color="#D45E09"/><stop offset="0.864" stop-color="#D25808"/><stop offset="0.955" stop-color="#CD5408"/></linearGradient></defs><rect width="500" height="500" fill="#000"/><polygon points="271.48,1.83 284.90,3.36 282.38,21.19 269.92,19.77" fill="#EE8910"/><polygon points="288.74,3.93 302.02,6.39 298.26,24.01 285.94,21.72" fill="#DD8D17"/><polygon points="305.81,7.23 318.89,10.61 313.91,27.92 301.77,24.78" fill="#D49117"/><polygon points="322.61,11.72 335.42,16.00 329.24,32.92 317.36,28.94" fill="#CD911F"/><polygon points="339.05,17.36 351.53,22.53 344.19,38.98 332.61,34.18" fill="#C59528"/><polygon points="355.06,24.14 367.15,30.17 358.68,46.06 347.47,40.47" fill="#BE9931"/><polygon points="370.56,32.02 382.20,38.88 372.64,54.14 361.84,47.78" fill="#B49D3A"/><polygon points="385.47,40.96 396.61,48.61 386.01,63.17 375.68,56.07" fill="#AB9D39"/><polygon points="399.72,50.92 410.30,59.33 398.71,73.11 388.90,65.31" fill="#A3A141"/><polygon points="413.25,61.85 423.21,70.98 410.69,83.92 401.44,75.45" fill="#94A54A"/><polygon points="425.97,73.69 435.27,83.49 421.88,95.53 413.25,86.44" fill="#8BA552"/><polygon points="437.84,86.40 446.44,96.82 432.24,107.90 424.26,98.23" fill="#83AA5A"/><polygon points="448.80,99.90 456.64,110.90 441.70,120.96 434.43,110.75" fill="#7BAA5A"/><polygon points="458.78,114.13 465.84,125.65 450.24,134.64 443.69,123.96" fill="#73AE63"/><polygon points="467.75,129.03 473.99,141.01 457.80,148.89 452.01,137.77" fill="#69B269"/><polygon points="475.66,144.51 481.05,156.90 464.34,163.63 459.35,152.14" fill="#63B273"/><polygon points="482.47,160.51 486.98,173.25 469.85,178.80 465.66,166.98" fill="#52B67C"/><polygon points="488.15,176.95 491.76,189.97 474.28,194.31 470.93,182.23" fill="#4BBA82"/><polygon points="492.66,193.74 495.36,206.98 477.62,210.09 475.12,197.80" fill="#42B983"/><polygon points="496.00,210.80 497.76,224.20 479.85,226.06 478.21,213.63" fill="#39BD8B"/><polygon points="498.13,228.06 498.96,241.54 480.96,242.15 480.19,229.64" fill="#31C293"/><polygon points="215.10,3.36 228.52,1.83 230.08,19.77 217.62,21.19" fill="#525551"/><polygon points="197.98,6.39 211.26,3.93 214.06,21.72 201.74,24.01" fill="#525551"/><polygon points="181.11,10.61 194.19,7.23 198.23,24.78 186.09,27.92" fill="#525551"/><polygon points="164.58,16.00 177.39,11.72 182.64,28.94 170.76,32.92" fill="#525551"/><polygon points="148.47,22.53 160.95,17.36 167.39,34.18 155.81,38.98" fill="#525551"/><polygon points="132.85,30.17 144.94,24.14 152.53,40.47 141.32,46.06" fill="#525551"/><polygon points="117.80,38.88 129.44,32.02 138.16,47.78 127.36,54.14" fill="#525551"/><polygon points="103.39,48.61 114.53,40.96 124.32,56.07 113.99,63.17" fill="#525551"/><polygon points="89.70,59.33 100.28,50.92 111.10,65.31 101.29,73.11" fill="#525551"/><polygon points="76.79,70.98 86.75,61.85 98.56,75.45 89.31,83.92" fill="#525551"/><polygon points="64.73,83.49 74.03,73.69 86.75,86.44 78.12,95.53" fill="#525551"/><polygon points="53.56,96.82 62.16,86.40 75.74,98.23 67.76,107.90" fill="#83AA5A"/><polygon points="43.36,110.90 51.20,99.90 65.57,110.75 58.30,120.96" fill="#7BAA5A"/><polygon points="34.16,125.65 41.22,114.13 56.31,123.96 49.76,134.64" fill="#73AE63"/><polygon points="26.01,141.01 32.25,129.03 47.99,137.77 42.20,148.89" fill="#69B269"/><polygon points="18.95,156.90 24.34,144.51 40.65,152.14 35.66,163.63" fill="#63B273"/><polygon points="13.02,173.25 17.53,160.51 34.34,166.98 30.15,178.80" fill="#52B67C"/><polygon points="8.24,189.97 11.85,176.95 29.07,182.23 25.72,194.31" fill="#4BBA82"/><polygon points="4.64,206.98 7.34,193.74 24.88,197.80 22.38,210.09" fill="#42B983"/><polygon points="2.24,224.20 4.00,210.80 21.79,213.63 20.15,226.06" fill="#39BD8B"/><polygon points="1.04,241.54 1.87,228.06 19.81,229.64 19.04,242.15" fill="#31C293"/><polygon points="228.45,498.17 219.44,497.22 221.65,479.34 230.01,480.22" fill="#CD5008"/><polygon points="215.50,496.70 206.54,495.28 209.68,477.55 217.99,478.86" fill="#C5550E"/><polygon points="202.63,494.55 193.76,492.67 197.83,475.12 206.06,476.87" fill="#BD5A1A"/><polygon points="189.90,491.74 181.14,489.39 186.12,472.08 194.24,474.26" fill="#B46118"/><polygon points="177.33,488.26 168.70,485.46 174.58,468.44 182.58,471.04" fill="#AC651F"/><polygon points="164.96,484.13 156.49,480.88 163.25,464.19 171.11,467.21" fill="#A46A29"/><polygon points="152.82,479.36 144.54,475.67 152.16,459.36 159.85,462.78" fill="#9B712F"/><polygon points="140.95,473.96 132.87,469.84 141.34,453.95 148.83,457.77" fill="#9C763A"/><polygon points="129.38,467.95 121.53,463.41 130.81,447.98 138.10,452.19" fill="#94793A"/><polygon points="118.14,461.34 110.53,456.40 120.62,441.47 127.67,446.06" fill="#8B8241"/><polygon points="107.26,454.15 99.92,448.81 110.77,434.44 117.58,439.39" fill="#83854A"/><polygon points="96.77,446.40 89.72,440.69 101.31,426.90 107.85,432.20" fill="#7A8952"/><polygon points="86.70,438.11 79.96,432.04 92.26,418.88 98.51,424.51" fill="#74915A"/><polygon points="77.08,429.30 70.67,422.89 83.63,410.39 89.58,416.34" fill="#6A955A"/><polygon points="67.93,420.01 61.86,413.27 75.47,401.46 81.10,407.72" fill="#525551"/><polygon points="59.28,410.24 53.58,403.20 67.78,392.12 73.07,398.66" fill="#525551"/><polygon points="51.16,400.04 45.83,392.71 60.59,382.39 65.54,389.20" fill="#525551"/><polygon points="43.58,389.43 38.64,381.83 53.92,372.29 58.50,379.35" fill="#525551"/><polygon points="36.56,378.44 32.03,370.58 47.79,361.87 52.00,369.15" fill="#525551"/><polygon points="30.14,367.09 26.02,359.01 42.21,351.13 46.03,358.63" fill="#525551"/><polygon points="24.31,355.42 20.62,347.14 37.20,340.12 40.63,347.80" fill="#525551"/><polygon points="280.56,497.22 271.55,498.17 269.99,480.22 278.35,479.34" fill="#CD5008"/><polygon points="293.46,495.28 284.50,496.70 282.01,478.86 290.32,477.55" fill="#C5550E"/><polygon points="306.24,492.67 297.37,494.55 293.94,476.87 302.17,475.12" fill="#BD5A1A"/><polygon points="318.86,489.39 310.10,491.74 305.76,474.26 313.88,472.08" fill="#B46118"/><polygon points="331.30,485.46 322.67,488.26 317.42,471.04 325.42,468.44" fill="#AC651F"/><polygon points="343.51,480.88 335.04,484.13 328.89,467.21 336.75,464.19" fill="#A46A29"/><polygon points="355.46,475.67 347.18,479.36 340.15,462.78 347.84,459.36" fill="#9B712F"/><polygon points="367.13,469.84 359.05,473.96 351.17,457.77 358.66,453.95" fill="#9C763A"/><polygon points="378.47,463.41 370.62,467.95 361.90,452.19 369.19,447.98" fill="#94793A"/><polygon points="389.47,456.40 381.86,461.34 372.33,446.06 379.38,441.47" fill="#525551"/><polygon points="400.08,448.81 392.74,454.15 382.42,439.39 389.23,434.44" fill="#525551"/><polygon points="410.28,440.69 403.23,446.40 392.15,432.20 398.69,426.90" fill="#525551"/><polygon points="420.04,432.04 413.30,438.11 401.49,424.51 407.74,418.88" fill="#525551"/><polygon points="429.33,422.89 422.92,429.30 410.42,416.34 416.37,410.39" fill="#525551"/><polygon points="438.14,413.27 432.07,420.01 418.90,407.72 424.53,401.46" fill="#525551"/><polygon points="446.42,403.20 440.72,410.24 426.93,398.66 432.22,392.12" fill="#525551"/><polygon points="454.17,392.71 448.84,400.04 434.46,389.20 439.41,382.39" fill="#525551"/><polygon points="461.36,381.83 456.42,389.43 441.50,379.35 446.08,372.29" fill="#525551"/><polygon points="467.97,370.58 463.44,378.44 448.00,369.15 452.21,361.87" fill="#525551"/><polygon points="473.98,359.01 469.86,367.09 453.97,358.63 457.79,351.13" fill="#525551"/><polygon points="479.38,347.14 475.69,355.42 459.37,347.80 462.80,340.12" fill="#525551"/><circle cx="250.00" cy="9.90" r="9.00" fill="#F58909"/><circle cx="489.74" cy="263.19" r="9.00" fill="#F58909"/><circle cx="250.00" cy="490.10" r="9.00" fill="#F58909"/><circle cx="10.26" cy="263.19" r="9.00" fill="#F58909"/><rect x="192.70" y="44.30" width="26.20" height="17.81" rx="3.40" fill="#34C294"/><rect x="218.90" y="48.60" width="2.53" height="9.20" fill="#34C294"/><rect x="194.90" y="46.50" width="21.80" height="13.41" fill="#000"/><rect x="194.90" y="46.50" width="8.72" height="13.41" fill="#34C294"/><text x="232.00" y="53.20" font-size="35.19" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">40%</text><polygon points="149.62,93.68 149.87,91.37 150.62,89.21 151.80,87.37 153.34,85.95 155.14,85.05 157.07,84.75 159.00,85.05 160.79,85.95 162.34,87.37 163.52,89.21 164.27,91.37 164.52,93.68" fill="#34C294"/><line x1="157.07" y1="79.06" x2="157.07" y2="80.76" stroke="#34C294" stroke-width="2.96" stroke-linecap="round"/><line x1="148.88" y1="82.96" x2="147.18" y2="84.16" stroke="#34C294" stroke-width="2.96" stroke-linecap="round"/><line x1="165.28" y1="84.16" x2="166.98" y2="82.96" stroke="#34C294" stroke-width="2.96" stroke-linecap="round"/><line x1="143.28" y1="92.16" x2="145.38" y2="92.16" stroke="#34C294" stroke-width="2.96" stroke-linecap="round"/><line x1="168.68" y1="92.16" x2="170.78" y2="92.16" stroke="#34C294" stroke-width="2.96" stroke-linecap="round"/><line x1="142.98" y1="98.11" x2="170.98" y2="98.11" stroke="#34C294" stroke-width="2.60" stroke-linecap="round"/><line x1="153.28" y1="98.11" x2="156.98" y2="101.16" stroke="#34C294" stroke-width="2.60" stroke-linecap="round"/><line x1="156.98" y1="101.16" x2="160.68" y2="98.11" stroke="#34C294" stroke-width="2.60" stroke-linecap="round"/><text x="157.00" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">6:34</text><circle cx="347.15" cy="89.65" r="7.80" fill="#34C294"/><line x1="346.35" y1="76.75" x2="346.35" y2="79.45" stroke="#34C294" stroke-width="2.30" stroke-linecap="round"/><line x1="355.05" y1="88.45" x2="357.65" y2="88.45" stroke="#34C294" stroke-width="2.30" stroke-linecap="round"/><line x1="339.65" y1="80.25" x2="338.25" y2="81.65" stroke="#34C294" stroke-width="2.70" stroke-linecap="round"/><line x1="353.65" y1="81.65" x2="354.75" y2="80.55" stroke="#34C294" stroke-width="2.70" stroke-linecap="round"/><circle cx="336.75" cy="95.15" r="10.40" fill="#000000"/><circle cx="346.55" cy="97.65" r="8.00" fill="#000000"/><rect x="326.45" y="94.55" width="28.00" height="9.45" rx="3.40" fill="#000000"/><circle cx="336.75" cy="95.15" r="8.70" fill="#34C294"/><circle cx="346.55" cy="97.65" r="6.30" fill="#34C294"/><rect x="328.15" y="96.25" width="24.60" height="7.75" rx="3.40" fill="#34C294"/><text x="343.70" y="131.06" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">63°/52°</text><text x="211.40" y="221.10" font-size="137.08" font-weight="700" fill="url(#gH6)" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">11</text><text x="276.02" y="221.10" font-size="137.08" font-weight="700" fill="url(#gM6)" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">22</text><rect x="237.88" y="183.68" width="24.24" height="21.30" fill="#525551"/><rect x="237.88" y="234.57" width="24.24" height="21.30" fill="#525551"/><rect x="0" y="286.30" width="500" height="44.19" fill="#525551"/><polyline points="27.99,300.53 45.77,313.45 36.88,319.91 36.88,294.07 45.77,300.53 27.99,313.45" fill="none" stroke="#000000" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/><text x="178.05" y="308.10" font-size="35.19" font-weight="700" fill="#000000" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MON</text><text x="298.28" y="308.10" font-size="35.19" font-weight="700" fill="#000000" text-anchor="middle" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">MAY 26</text><text x="465.89" y="308.10" font-size="35.19" font-weight="700" fill="#000000" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">AM</text><text x="234.30" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">0.7</text><text x="234.30" y="410.88" font-size="43.75" font-weight="700" fill="#34C294" text-anchor="end" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">DST</text><text x="267.40" y="366.76" font-size="43.75" font-weight="700" fill="#FFFFFF" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">1337</text><text x="267.40" y="410.88" font-size="43.75" font-weight="700" fill="#34C294" text-anchor="start" font-family="Roboto Condensed,Arial Narrow,sans-serif" dominant-baseline="central">STEP</text></svg></div>
<div class="themes"><button data-i="0" class="on">1 · Ember</button><button data-i="1">2 · Aurora</button><button data-i="2">3 · Brass</button><button data-i="3">4 · Voltage</button><button data-i="4">5 · Reef</button><button data-i="5">6 · Acid</button><button data-i="6">7 · Kelp</button></div>
<footer>七套主题 · 进度环状态取自设计稿：右上 21/21、左上 10/21、右下 9/21、左下 14/21</footer>
</div>
<script>
var faces=document.querySelectorAll("svg.f"), btns=document.querySelectorAll("button");
faces[0].classList.add("on");
btns.forEach(function(b){b.onclick=function(){
var i=+b.dataset.i;
faces.forEach(function(f){f.classList.toggle("on",+f.dataset.i===i)});
btns.forEach(function(o){o.classList.toggle("on",o===b)});
}});
</script></body></html>
Reference in New Issue View Git Blame Copy Permalink