Bug 1355924 - The refresh/stop button should have an animation when changing between states. r?dao draft
authorJared Wein <jwein@mozilla.com>
Fri, 07 Jul 2017 20:39:30 -0400
changeset 605561 3927a89b4dc6eab29b3aa3a3b5d23324831f5237
parent 605055 20f32734df750bddada9d1edca665c2ea53946f0
child 636536 2ef41d86cec4c6cd28a7e8692b6c558c669c3a93
push id67456
push userbmo:jaws@mozilla.com
push dateSat, 08 Jul 2017 00:42:04 +0000
reviewersdao
bugs1355924
milestone56.0a1
Bug 1355924 - The refresh/stop button should have an animation when changing between states. r?dao MozReview-Commit-ID: 1t3tVLGaggl
browser/app/profile/firefox.js
browser/base/content/browser.js
browser/base/content/browser.xul
browser/base/content/tabbrowser.xml
browser/themes/shared/icons/reload-to-stop.svg
browser/themes/shared/icons/stop-to-reload.svg
browser/themes/shared/jar.inc.mn
browser/themes/shared/toolbarbutton-icons.inc.css
--- a/browser/app/profile/firefox.js
+++ b/browser/app/profile/firefox.js
@@ -232,16 +232,18 @@ pref("general.skins.selectedSkin", "clas
 
 pref("general.smoothScroll", true);
 #ifdef UNIX_BUT_NOT_MAC
 pref("general.autoScroll", false);
 #else
 pref("general.autoScroll", true);
 #endif
 
+pref("browser.stopReloadAnimation.enabled", true);
+
 // UI density of the browser chrome. This mostly affects toolbarbutton
 // and urlbar spacing. The possible values are 0=normal, 1=compact, 2=touch.
 pref("browser.uidensity", 0);
 // Whether Firefox will automatically override the uidensity to "touch"
 // while the user is in a touch environment (such as Windows tablet mode).
 #ifdef MOZ_PHOTON_THEME
 pref("browser.touchmode.auto", true);
 #else
--- a/browser/base/content/browser.js
+++ b/browser/base/content/browser.js
@@ -4556,17 +4556,17 @@ var XULBrowserWindow = {
 
       this.isBusy = true;
 
       if (!(aStateFlags & nsIWebProgressListener.STATE_RESTORING)) {
         this._busyUI = true;
 
         // XXX: This needs to be based on window activity...
         this.stopCommand.removeAttribute("disabled");
-        CombinedStopReload.switchToStop();
+        CombinedStopReload.switchToStop(aRequest, aWebProgress);
       }
     } else if (aStateFlags & nsIWebProgressListener.STATE_STOP) {
       // This (thanks to the filter) is a network stop or the last
       // request stop outside of loading the document, stop throbbers
       // and progress bars and such
       if (aRequest) {
         let msg = "";
         let location;
@@ -4610,17 +4610,17 @@ var XULBrowserWindow = {
       }
 
       this.isBusy = false;
 
       if (this._busyUI) {
         this._busyUI = false;
 
         this.stopCommand.setAttribute("disabled", "true");
-        CombinedStopReload.switchToReload(aRequest instanceof Ci.nsIRequest);
+        CombinedStopReload.switchToReload(aRequest, aWebProgress);
       }
     }
   },
 
   onLocationChange(aWebProgress, aRequest, aLocationURI, aFlags) {
     var location = aLocationURI ? aLocationURI.spec : "";
 
     // If displayed, hide the form validation popup.
@@ -4916,51 +4916,120 @@ var CombinedStopReload = {
       return;
 
     this._initialized = true;
     if (XULBrowserWindow.stopCommand.getAttribute("disabled") != "true")
       reload.setAttribute("displaystop", "true");
     stop.addEventListener("click", this);
     this.reload = reload;
     this.stop = stop;
+    this.stopReloadContainer = this.reload.parentNode;
+
+    // Disable animations until the browser has fully loaded.
+    this.animate = false;
+    let startupInfo = Cc["@mozilla.org/toolkit/app-startup;1"]
+                        .getService(Ci.nsIAppStartup)
+                        .getStartupInfo();
+    if (startupInfo.sessionRestored) {
+      this.startAnimationPrefMonitoring();
+    } else {
+      Services.obs.addObserver(this, "sessionstore-windows-restored");
+    }
   },
 
   uninit() {
     if (!this._initialized)
       return;
 
+    Services.prefs.removeObserver("toolkit.cosmeticAnimations.enabled", this);
     this._cancelTransition();
     this._initialized = false;
     this.stop.removeEventListener("click", this);
+    this.stopReloadContainer.removeEventListener("animationend", this);
+    this.stopReloadContainer = null;
     this.reload = null;
     this.stop = null;
   },
 
   handleEvent(event) {
-    // the only event we listen to is "click" on the stop button
-    if (event.button == 0 &&
-        !this.stop.disabled)
-      this._stopClicked = true;
-  },
-
-  switchToStop() {
+    switch (event.type) {
+      case "click":
+        if (event.button == 0 &&
+            !this.stop.disabled) {
+          this._stopClicked = true;
+        }
+      case "animationend": {
+        if (event.target.classList.contains("toolbarbutton-animatable-image") &&
+            (event.animationName == "reload-to-stop" ||
+             event.animationName == "stop-to-reload" ||
+             event.animationName == "reload-to-stop-rtl" ||
+             event.animationName == "stop-to-reload-rtl")) {
+          this.stopReloadContainer.removeAttribute("animate");
+        }
+      }
+    }
+  },
+
+  observe(subject, topic, data) {
+    if (topic == "sessionstore-windows-restored") {
+      Services.obs.removeObserver(this, "sessionstore-windows-restored");
+      this.startAnimationPrefMonitoring();
+    } else if (topic == "nsPref:changed") {
+      this.animate = Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled");
+    }
+  },
+
+  startAnimationPrefMonitoring() {
+    requestIdleCallback(() => {
+      // CombinedStopReload may have been uninitialized before the idleCallback is executed.
+      if (!this._initialized)
+        return;
+      this.animate = Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled") &&
+                     Services.prefs.getBoolPref("browser.stopReloadAnimation.enabled");
+      Services.prefs.addObserver("toolkit.cosmeticAnimations.enabled", this);
+      this.stopReloadContainer.addEventListener("animationend", this);
+    });
+  },
+
+  switchToStop(aRequest, aWebProgress) {
     if (!this._initialized)
       return;
 
+    let shouldAnimate = AppConstants.MOZ_PHOTON_ANIMATIONS &&
+                        aRequest instanceof Ci.nsIRequest &&
+                        aWebProgress.isTopLevel &&
+                        aWebProgress.isLoadingDocument &&
+                        this.animate;
+
     this._cancelTransition();
+    if (shouldAnimate)
+      this.stopReloadContainer.setAttribute("animate", "true");
+    else
+      this.stopReloadContainer.removeAttribute("animate");
     this.reload.setAttribute("displaystop", "true");
   },
 
-  switchToReload(aDelay) {
+  switchToReload(aRequest, aWebProgress) {
     if (!this._initialized)
       return;
 
+    let shouldAnimate = AppConstants.MOZ_PHOTON_ANIMATIONS &&
+                        aRequest instanceof Ci.nsIRequest &&
+                        aWebProgress.isTopLevel &&
+                        !aWebProgress.isLoadingDocument &&
+                        this.animate;
+
+    if (shouldAnimate)
+      this.stopReloadContainer.setAttribute("animate", "true");
+    else
+      this.stopReloadContainer.removeAttribute("animate");
+
     this.reload.removeAttribute("displaystop");
 
-    if (!aDelay || this._stopClicked) {
+    if (!shouldAnimate || this._stopClicked) {
       this._stopClicked = false;
       this._cancelTransition();
       this.reload.disabled = XULBrowserWindow.reloadCommand
                                              .getAttribute("disabled") == "true";
       return;
     }
 
     if (this._timer)
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -781,21 +781,29 @@
                          context="backForwardMenu"/>
           <toolbaritem id="stop-reload-button"
                        removable="false" overflows="false"
                        class="chromeclass-toolbar-additional">
             <toolbarbutton id="reload-button"
                            class="toolbarbutton-1"
                            command="Browser:ReloadOrDuplicate"
                            onclick="checkForMiddleClick(this, event);"
-                           tooltip="dynamic-shortcut-tooltip"/>
+                           tooltip="dynamic-shortcut-tooltip">
+              <box class="toolbarbutton-animatable-box">
+                <image class="toolbarbutton-animatable-image"/>
+              </box>
+            </toolbarbutton>
             <toolbarbutton id="stop-button"
                            class="toolbarbutton-1"
                            command="Browser:Stop"
-                           tooltip="dynamic-shortcut-tooltip"/>
+                           tooltip="dynamic-shortcut-tooltip">
+              <box class="toolbarbutton-animatable-box">
+                <image class="toolbarbutton-animatable-image"/>
+              </box>
+            </toolbarbutton>
           </toolbaritem>
 #endif
           <hbox id="urlbar-wrapper" flex="1">
 #ifndef MOZ_PHOTON_THEME
             <toolbarbutton id="forward-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
                            label="&forwardCmd.label;"
                            command="Browser:ForwardOrForwardDuplicate"
                            onclick="checkForMiddleClick(this, event);"
--- a/browser/base/content/tabbrowser.xml
+++ b/browser/base/content/tabbrowser.xml
@@ -1120,22 +1120,20 @@
                 (!oldBrowser.blockedPopups && newBrowser.blockedPopups))
               updateBlockedPopups = true;
 
             this.mCurrentBrowser = newBrowser;
             this.mCurrentTab = this.tabContainer.selectedItem;
             this.showTab(this.mCurrentTab);
 
             var forwardButtonContainer = document.getElementById("urlbar-wrapper");
-            if (forwardButtonContainer) {
-              forwardButtonContainer.setAttribute("switchingtabs", "true");
-              window.addEventListener("MozAfterPaint", function() {
-                forwardButtonContainer.removeAttribute("switchingtabs");
-              }, {once: true});
-            }
+            forwardButtonContainer.setAttribute("switchingtabs", "true");
+            window.addEventListener("MozAfterPaint", function() {
+              forwardButtonContainer.removeAttribute("switchingtabs");
+            }, {once: true});
 
             this._appendStatusPanel();
 
             if (updateBlockedPopups)
               this.mCurrentBrowser.updateBlockedPopups();
 
             // Update the URL bar.
             var loc = this.mCurrentBrowser.currentURI;
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/icons/reload-to-stop.svg
@@ -0,0 +1,1550 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="756" height="20" fill="context-fill">
+  <svg width="18" height="20" x="0" y="0">
+    <defs>
+      <clipPath id="b">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="e" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.27 18.622) scale(7.36622)"/>
+      </mask>
+      <mask id="d" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="a" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="c" mask-type="alpha">
+        <g filter="url(#a)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#b)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#c)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#d)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#e)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="18" y="0">
+    <defs>
+      <clipPath id="g">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="j" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.26 18.622) scale(7.3132)"/>
+      </mask>
+      <mask id="i" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="f" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="h" mask-type="alpha">
+        <g filter="url(#f)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#g)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#h)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#i)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#j)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="36" y="0">
+    <defs>
+      <clipPath id="l">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="o" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.25 18.622) scale(7.2471)"/>
+      </mask>
+      <mask id="n" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="k" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="m" mask-type="alpha">
+        <g filter="url(#k)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#l)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#m)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#n)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#o)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="54" y="0">
+    <defs>
+      <clipPath id="q">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="t" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.238 18.622) scale(7.16624)"/>
+      </mask>
+      <mask id="s" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="p" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="r" mask-type="alpha">
+        <g filter="url(#p)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#q)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#r)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#s)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#t)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="72" y="0">
+    <defs>
+      <clipPath id="v">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="y" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.223 18.622) scale(7.06864)"/>
+      </mask>
+      <mask id="x" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="u" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="w" mask-type="alpha">
+        <g filter="url(#u)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#v)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#w)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#x)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#y)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="90" y="0">
+    <defs>
+      <clipPath id="A">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="D" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.204 18.622) scale(6.95179)"/>
+      </mask>
+      <mask id="C" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.15 1.705) scale(7.47174)"/>
+      </mask>
+      <filter id="z" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="B" mask-type="alpha">
+        <g filter="url(#z)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#A)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#B)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#C)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#D)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="108" y="0">
+    <defs>
+      <clipPath id="F">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="I" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.183 18.622) scale(6.81253)"/>
+      </mask>
+      <mask id="H" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.149 1.705) scale(7.45936)"/>
+      </mask>
+      <filter id="E" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="G" mask-type="alpha">
+        <g filter="url(#E)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#F)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#G)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#H)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#I)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="126" y="0">
+    <defs>
+      <clipPath id="K">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="N" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.157 18.622) scale(6.6468)"/>
+      </mask>
+      <mask id="M" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.145 1.705) scale(7.43823)"/>
+      </mask>
+      <filter id="J" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="L" mask-type="alpha">
+        <g filter="url(#J)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#K)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#L)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#M)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#N)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="144" y="0">
+    <defs>
+      <clipPath id="P">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="S" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.126 18.622) scale(6.44921)"/>
+      </mask>
+      <mask id="R" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.14 1.705) scale(7.40751)"/>
+      </mask>
+      <filter id="O" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="Q" mask-type="alpha">
+        <g filter="url(#O)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#P)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#Q)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#R)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#S)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="162" y="0">
+    <defs>
+      <clipPath id="U">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="X" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.09 18.622) scale(6.21239)"/>
+      </mask>
+      <mask id="W" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.134 1.705) scale(7.36622)"/>
+      </mask>
+      <filter id="T" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="V" mask-type="alpha">
+        <g filter="url(#T)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#U)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#V)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#W)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#X)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="180" y="0">
+    <defs>
+      <clipPath id="Z">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ac" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.044 18.622) scale(5.92587)"/>
+      </mask>
+      <mask id="ab" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.126 1.705) scale(7.3132)"/>
+      </mask>
+      <filter id="Y" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aa" mask-type="alpha">
+        <g filter="url(#Y)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#Z)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aa)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#ab)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ac)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="198" y="0">
+    <defs>
+      <clipPath id="ae">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ah" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.99 18.622) scale(5.57409)"/>
+      </mask>
+      <mask id="ag" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.116 1.705) scale(7.2471)"/>
+      </mask>
+      <filter id="ad" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="af" mask-type="alpha">
+        <g filter="url(#ad)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ae)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#af)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#ag)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ah)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="216" y="0">
+    <defs>
+      <clipPath id="aj">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="am" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.92 18.622) scale(5.13258)"/>
+      </mask>
+      <mask id="al" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.103 1.705) scale(7.16624)"/>
+      </mask>
+      <filter id="ai" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="ak" mask-type="alpha">
+        <g filter="url(#ai)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aj)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#ak)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#al)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#am)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="234" y="0">
+    <defs>
+      <clipPath id="ao">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ar" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.831 18.622) scale(4.56057)"/>
+      </mask>
+      <mask id="aq" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.088 1.705) scale(7.06864)"/>
+      </mask>
+      <filter id="an" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="ap" mask-type="alpha">
+        <g filter="url(#an)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ao)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#ap)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aq)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ar)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="252" y="0">
+    <defs>
+      <clipPath id="at">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aw" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.711 18.622) scale(3.7901)"/>
+      </mask>
+      <mask id="av" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.07 1.705) scale(6.95179)"/>
+      </mask>
+      <filter id="as" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="au" mask-type="alpha">
+        <g filter="url(#as)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#at)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#au)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#av)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aw)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="270" y="0">
+    <defs>
+      <clipPath id="ay">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aB" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.55 18.622) scale(2.75815)"/>
+      </mask>
+      <mask id="aA" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.048 1.705) scale(6.81253)"/>
+      </mask>
+      <filter id="ax" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="az" mask-type="alpha">
+        <g filter="url(#ax)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ay)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#az)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aA)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aB)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="288" y="0">
+    <defs>
+      <clipPath id="aD">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aG" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.386 18.622) scale(1.70603)"/>
+      </mask>
+      <mask id="aF" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.022 1.705) scale(6.6468)"/>
+      </mask>
+      <filter id="aC" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aE" mask-type="alpha">
+        <g filter="url(#aC)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aD)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aE)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aF)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aG)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="306" y="0">
+    <defs>
+      <clipPath id="aI">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aL" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.284 18.622) scale(1.05114)"/>
+      </mask>
+      <mask id="aK" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.991 1.705) scale(6.44921)"/>
+      </mask>
+      <filter id="aH" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aJ" mask-type="alpha">
+        <g filter="url(#aH)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aI)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aJ)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aK)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aL)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="324" y="0">
+    <defs>
+      <clipPath id="aN">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aQ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.233 18.622) scale(.72448)"/>
+      </mask>
+      <mask id="aP" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.954 1.705) scale(6.21239)"/>
+      </mask>
+      <filter id="aM" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aO" mask-type="alpha">
+        <g filter="url(#aM)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aN)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aO)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aP)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aQ)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="342" y="0">
+    <defs>
+      <clipPath id="aS">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aV" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.21 18.622) scale(.57983)"/>
+      </mask>
+      <mask id="aU" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.91 1.705) scale(5.92587)"/>
+      </mask>
+      <filter id="aR" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aT" mask-type="alpha">
+        <g filter="url(#aR)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aS)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aT)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aU)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aV)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="360" y="0">
+    <defs>
+      <clipPath id="aX">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ba" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="aZ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.855 1.705) scale(5.57409)"/>
+      </mask>
+      <filter id="aW" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aY" mask-type="alpha">
+        <g filter="url(#aW)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aX)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aY)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aZ)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ba)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="378" y="0">
+    <defs>
+      <clipPath id="bc">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bf" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="be" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.786 1.705) scale(5.13258)"/>
+      </mask>
+      <filter id="bb" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bd" mask-type="alpha">
+        <g filter="url(#bb)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bc)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bd)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#be)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bf)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="396" y="0">
+    <defs>
+      <clipPath id="bh">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bk" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bj" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.696 1.705) scale(4.56057)"/>
+      </mask>
+      <filter id="bg" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bi" mask-type="alpha">
+        <g filter="url(#bg)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bh)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bi)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bj)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bk)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="414" y="0">
+    <defs>
+      <clipPath id="bm">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bp" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bo" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.576 1.705) scale(3.7901)"/>
+      </mask>
+      <filter id="bl" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bn" mask-type="alpha">
+        <g filter="url(#bl)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bm)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bn)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bo)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bp)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="432" y="0">
+    <defs>
+      <clipPath id="br">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bu" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bt" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.415 1.705) scale(2.75815)"/>
+      </mask>
+      <filter id="bq" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bs" mask-type="alpha">
+        <g filter="url(#bq)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#br)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bs)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bt)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bu)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="450" y="0">
+    <defs>
+      <clipPath id="bw">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bz" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="by" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.251 1.705) scale(1.70603)"/>
+      </mask>
+      <filter id="bv" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bx" mask-type="alpha">
+        <g filter="url(#bv)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bw)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bx)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#by)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bz)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="468" y="0">
+    <defs>
+      <clipPath id="bB">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bE" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bD" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.149 1.705) scale(1.05114)"/>
+      </mask>
+      <filter id="bA" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bC" mask-type="alpha">
+        <g filter="url(#bA)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bB)">
+      <path d="M8.078 15.533l.175-.088a.077.077 0 0 0-.069-.137l-.343.173a.077.077 0 0 0-.034.103l.173.344a.077.077 0 0 0 .137-.07l-.083-.166" opacity=".077"/>
+      <g opacity=".037" mask="url(#bC)">
+        <path d="M7.1 16.725a6.994 6.994 0 0 0 8.632-4.832 6.994 6.994 0 0 0-11.54-6.98 6.954 6.954 0 0 0-2.19 4.89 1 1 0 0 0 2 .056 5.02 5.02 0 1 1 3.066 4.72"/>
+      </g>
+      <g mask="url(#bD)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bE)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="486" y="0">
+    <defs>
+      <clipPath id="bG">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bJ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bI" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.098 1.705) scale(.72448)"/>
+      </mask>
+      <filter id="bF" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bH" mask-type="alpha">
+        <g filter="url(#bF)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bG)">
+      <path d="M6.335 14.837l.386-.065a.154.154 0 0 0-.05-.303l-.76.127a.154.154 0 0 0-.125.177l.127.759a.154.154 0 0 0 .304-.051l-.062-.367" opacity=".154"/>
+      <g opacity=".106" mask="url(#bH)">
+        <path d="M5.053 15.766a6.994 6.994 0 0 0 9.722-1.823A6.994 6.994 0 0 0 6.067 3.644a6.954 6.954 0 0 0-3.635 3.935 1 1 0 0 0 1.876.692 5.02 5.02 0 1 1 1.4 5.451"/>
+      </g>
+      <g mask="url(#bI)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bJ)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="504" y="0">
+    <defs>
+      <clipPath id="bL">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bO" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bN" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.075 1.705) scale(.57983)"/>
+      </mask>
+      <filter id="bK" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bM" mask-type="alpha">
+        <g filter="url(#bK)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bL)">
+      <path d="M4.936 13.618l.583.078a.23.23 0 0 0 .062-.457l-1.143-.154a.23.23 0 0 0-.26.197l-.155 1.144a.23.23 0 0 0 .458.062l.075-.553" opacity=".231"/>
+      <g opacity=".186" mask="url(#bM)">
+        <path d="M3.419 14.205a6.994 6.994 0 0 0 9.795 1.375A6.994 6.994 0 0 0 8.25 3.04a6.954 6.954 0 0 0-4.702 2.57 1 1 0 0 0 1.557 1.253 5.02 5.02 0 1 1-.414 5.613"/>
+      </g>
+      <g mask="url(#bN)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bO)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="522" y="0">
+    <defs>
+      <clipPath id="bQ">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bT" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bS" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="bP" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bR" mask-type="alpha">
+        <g filter="url(#bP)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bQ)">
+      <path d="M4.032 12.022l.71.33a.308.308 0 0 0 .26-.558l-1.395-.648a.308.308 0 0 0-.409.15L2.55 12.69a.308.308 0 0 0 .558.26l.314-.675" opacity=".308"/>
+      <g opacity=".272" mask="url(#bR)">
+        <path d="M2.368 12.203a6.994 6.994 0 0 0 8.845 4.43 6.994 6.994 0 0 0-.703-13.468 6.954 6.954 0 0 0-5.275.933A1 1 0 0 0 6.31 5.784a5.02 5.02 0 1 1-2.184 5.187"/>
+      </g>
+      <g mask="url(#bS)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bT)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="540" y="0">
+    <defs>
+      <clipPath id="bV">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bY" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="bX" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="bU" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bW" mask-type="alpha">
+        <g filter="url(#bU)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bV)">
+      <path d="M3.712 10.234l.727.658a.385.385 0 0 0 .516-.57L3.53 9.032a.385.385 0 0 0-.543.027l-1.291 1.425a.385.385 0 0 0 .57.516l.624-.689" opacity=".385"/>
+      <g opacity=".362" mask="url(#bW)">
+        <path d="M2.012 9.97a6.994 6.994 0 0 0 6.967 7.023 6.994 6.994 0 0 0 3.634-12.988 6.954 6.954 0 0 0-5.297-.8 1 1 0 0 0 .48 1.941 5.02 5.02 0 1 1-3.725 4.219"/>
+      </g>
+      <g mask="url(#bX)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bY)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="558" y="0">
+    <defs>
+      <clipPath id="ca">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cd" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cc" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="bZ" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cb" mask-type="alpha">
+        <g filter="url(#bZ)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ca)">
+      <path d="M4.004 8.46l.6 1.013a.462.462 0 0 0 .794-.47L4.223 7.017a.462.462 0 0 0-.633-.162L1.604 8.03a.462.462 0 0 0 .47.794l.96-.568" opacity=".462"/>
+      <g opacity=".454" mask="url(#cb)">
+        <path d="M2.387 7.742a6.994 6.994 0 0 0 4.361 8.879 6.994 6.994 0 0 0 7.59-11.15 6.954 6.954 0 0 0-4.765-2.448 1 1 0 0 0-.164 1.993 5.02 5.02 0 1 1-4.877 2.809"/>
+      </g>
+      <g mask="url(#cc)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cd)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="576" y="0">
+    <defs>
+      <clipPath id="cf">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ci" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="ch" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="ce" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cg" mask-type="alpha">
+        <g filter="url(#ce)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cf)">
+      <path d="M4.864 6.9l.318 1.335a.539.539 0 0 0 1.048-.25l-.624-2.618a.539.539 0 0 0-.648-.4l-2.62.624a.539.539 0 0 0 .25 1.047l1.267-.301" opacity=".538"/>
+      <g opacity=".546" mask="url(#cg)">
+        <path d="M3.454 5.749a6.994 6.994 0 0 0 1.299 9.806 6.994 6.994 0 0 0 10.751-8.142A6.954 6.954 0 0 0 11.77 3.57a1 1 0 0 0-.791 1.836A5.02 5.02 0 1 1 5.46 6.512"/>
+      </g>
+      <g mask="url(#ch)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ci)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="594" y="0">
+    <defs>
+      <clipPath id="ck">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cn" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cm" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cj" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cl" mask-type="alpha">
+        <g filter="url(#cj)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ck)">
+      <path d="M6.187 5.726L6.08 7.291a.616.616 0 0 0 1.228.083l.207-3.07a.616.616 0 0 0-.573-.655l-3.07-.207A.616.616 0 0 0 3.79 4.67l1.485.1" opacity=".615"/>
+      <g opacity=".638" mask="url(#cl)">
+        <path d="M5.101 4.2a6.994 6.994 0 0 0-1.9 9.709A6.994 6.994 0 0 0 15.99 9.624a6.954 6.954 0 0 0-2.313-4.833 1 1 0 0 0-1.336 1.488 5.02 5.02 0 1 1-5.582-.714"/>
+      </g>
+      <g mask="url(#cm)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cn)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="612" y="0">
+    <defs>
+      <clipPath id="cp">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cs" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cr" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="co" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cq" mask-type="alpha">
+        <g filter="url(#co)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cp)">
+      <path d="M7.815 5.069L7.18 6.715a.693.693 0 0 0 1.292.498l1.245-3.23a.693.693 0 0 0-.397-.895L6.09 1.843a.693.693 0 0 0-.498 1.292l1.562.602" opacity=".692"/>
+      <g opacity=".728" mask="url(#cq)">
+        <path d="M7.156 3.26a6.994 6.994 0 0 0-4.899 8.593 6.994 6.994 0 0 0 13.487.022 6.954 6.954 0 0 0-.649-5.318 1 1 0 0 0-1.741.983 5.02 5.02 0 1 1-5.062-2.459"/>
+      </g>
+      <g mask="url(#cr)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cs)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="630" y="0">
+    <defs>
+      <clipPath id="cu">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cx" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cw" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="ct" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cv" mask-type="alpha">
+        <g filter="url(#ct)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cu)">
+      <path d="M9.559 4.997L8.343 6.535a.77.77 0 0 0 1.208.954l2.384-3.018a.77.77 0 0 0-.127-1.08L8.79 1.006a.77.77 0 0 0-.954 1.208l1.46 1.153" opacity=".769"/>
+      <g opacity=".814" mask="url(#cv)">
+        <path d="M9.404 3.024a6.994 6.994 0 0 0-7.386 6.58 6.994 6.994 0 0 0 12.775 4.326 6.954 6.954 0 0 0 1.082-5.247 1 1 0 0 0-1.964.376 5.02 5.02 0 1 1-4.013-3.946"/>
+      </g>
+      <g mask="url(#cw)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cx)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="648" y="0">
+    <defs>
+      <clipPath id="cz">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cC" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cB" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cy" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cA" mask-type="alpha">
+        <g filter="url(#cy)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cz)">
+      <path d="M11.218 5.514l-1.779 1.22a.846.846 0 0 0 .958 1.395l3.488-2.394a.846.846 0 0 0 .22-1.176L11.71 1.071a.846.846 0 0 0-1.395.957l1.158 1.687" opacity=".846"/>
+      <g opacity=".894" mask="url(#cA)">
+        <path d="M11.61 3.518a6.994 6.994 0 0 0-9.1 3.878 6.994 6.994 0 0 0 10.725 8.177 6.954 6.954 0 0 0 2.701-4.627 1 1 0 0 0-1.981-.27 5.02 5.02 0 1 1-2.543-5.02"/>
+      </g>
+      <g mask="url(#cB)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cC)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="666" y="0">
+    <defs>
+      <clipPath id="cE">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cH" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cG" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cD" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cF" mask-type="alpha">
+        <g filter="url(#cD)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cE)">
+      <path d="M12.6 6.556l-2.247.697a.923.923 0 0 0 .547 1.763l4.408-1.367a.923.923 0 0 0 .609-1.155L14.55 2.086a.923.923 0 0 0-1.764.546l.661 2.132" opacity=".923"/>
+      <g opacity=".963" mask="url(#cF)">
+        <path d="M13.543 4.69a6.994 6.994 0 0 0-9.862.77 6.994 6.994 0 0 0 7.553 11.174 6.954 6.954 0 0 0 4.037-3.523 1 1 0 0 0-1.791-.889 5.02 5.02 0 1 1-.807-5.57"/>
+      </g>
+      <g mask="url(#cG)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cH)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="684" y="0">
+    <defs>
+      <clipPath id="cJ">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cM" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cL" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cI" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cK" mask-type="alpha">
+        <g filter="url(#cI)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cJ)">
+      <path d="M13.549 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
+      <g mask="url(#cK)">
+        <path d="M15 6.418A6.994 6.994 0 0 0 5.408 4 6.994 6.994 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 0 0-1.414-1.414A5.02 5.02 0 1 1 13.549 8"/>
+      </g>
+      <g mask="url(#cL)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cM)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="702" y="0">
+    <defs>
+      <clipPath id="cO">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cR" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cQ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cN" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cP" mask-type="alpha">
+        <g filter="url(#cN)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cO)">
+      <path d="M13.549 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
+      <g mask="url(#cP)">
+        <path d="M15 6.418A6.994 6.994 0 0 0 5.408 4 6.994 6.994 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 0 0-1.414-1.414A5.02 5.02 0 1 1 13.549 8"/>
+      </g>
+      <g mask="url(#cQ)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cR)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="720" y="0">
+    <defs>
+      <clipPath id="cT">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cW" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cV" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cS" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cU" mask-type="alpha">
+        <g filter="url(#cS)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cT)">
+      <path d="M13.549 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
+      <g mask="url(#cU)">
+        <path d="M15 6.418A6.994 6.994 0 0 0 5.408 4 6.994 6.994 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 0 0-1.414-1.414A5.02 5.02 0 1 1 13.549 8"/>
+      </g>
+      <g mask="url(#cV)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cW)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="738" y="0">
+    <defs>
+      <clipPath id="cY">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="db" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="da" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="cX" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cZ" mask-type="alpha">
+        <g filter="url(#cX)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cY)">
+      <path d="M13.549 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
+      <g mask="url(#cZ)">
+        <path d="M15 6.418A6.994 6.994 0 0 0 5.408 4 6.994 6.994 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 0 0-1.414-1.414A5.02 5.02 0 1 1 13.549 8"/>
+      </g>
+      <g mask="url(#da)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#db)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="756" y="0">
+    <defs>
+      <clipPath id="dd">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="dg" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.27 18.622) scale(7.36622)"/>
+      </mask>
+      <mask id="df" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="dc" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="de" mask-type="alpha">
+        <g filter="url(#dc)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#dd)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#de)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#df)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#dg)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+</svg>
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/icons/stop-to-reload.svg
@@ -0,0 +1,1298 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="630" height="20" fill="context-fill">
+  <svg width="18" height="20" x="0" y="0">
+    <defs>
+      <clipPath id="b">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="e" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="d" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="a" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="c" mask-type="alpha">
+        <g filter="url(#a)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#b)">
+      <path d="M13.549 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
+      <g mask="url(#c)">
+        <path d="M15 6.418A6.994 6.994 0 0 0 5.408 4 6.994 6.994 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 0 0-1.414-1.414A5.02 5.02 0 1 1 13.549 8"/>
+      </g>
+      <g mask="url(#d)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#e)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="18" y="0">
+    <defs>
+      <clipPath id="g">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="j" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="i" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="f" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="h" mask-type="alpha">
+        <g filter="url(#f)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#g)">
+      <path d="M13.681 8.468l-1.93-.658a.8.8 0 0 0-.516 1.514l3.786 1.292a.8.8 0 0 0 1.015-.5l1.291-3.785a.8.8 0 0 0-1.514-.517l-.624 1.831"/>
+      <g mask="url(#h)">
+        <path d="M15.524 7.495a6.994 6.994 0 0 0-9.039-4.02 6.994 6.994 0 0 0 1.32 13.422c1.83.322 3.711-.1 5.227-1.174a1 1 0 0 0-1.152-1.635 5.02 5.02 0 1 1 1.944-5.282"/>
+      </g>
+      <g mask="url(#i)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#j)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="36" y="0">
+    <defs>
+      <clipPath id="l">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="o" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="n" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="k" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="m" mask-type="alpha">
+        <g filter="url(#k)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path display="none"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#l)">
+      <path d="M13.889 8.949l-1.21-.935a.6.6 0 0 0-.734.95l2.375 1.834a.6.6 0 0 0 .841-.109l1.833-2.374a.6.6 0 0 0-.95-.734l-.886 1.149"/>
+      <g mask="url(#m)">
+        <path d="M15.856 8.646a6.994 6.994 0 0 0-8.22-5.505 6.994 6.994 0 0 0-.992 13.45 6.954 6.954 0 0 0 5.351-.264 1 1 0 0 0-.855-1.807 5.02 5.02 0 1 1 2.817-4.872"/>
+      </g>
+      <g mask="url(#n)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#o)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="54" y="0">
+    <defs>
+      <clipPath id="q">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="t" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="s" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="p" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="r" mask-type="alpha">
+        <g filter="url(#p)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L6.625 5.75l2.596-1.742 2.341-1.57L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#q)">
+      <path d="M14.211 9.59l-.689-.752a.4.4 0 0 0-.59.54l1.351 1.475a.4.4 0 0 0 .566.024l1.474-1.35a.4.4 0 0 0-.54-.59l-.713.653"/>
+      <g mask="url(#r)">
+        <path d="M15.986 9.837a6.994 6.994 0 0 0-7.158-6.828 6.994 6.994 0 0 0-3.275 13.083 6.954 6.954 0 0 0 5.318.654 1 1 0 0 0-.535-1.927 5.02 5.02 0 1 1 3.608-4.32"/>
+      </g>
+      <g mask="url(#s)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#t)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="72" y="0">
+    <defs>
+      <clipPath id="v">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="y" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="x" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="u" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="w" mask-type="alpha">
+        <g filter="url(#u)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L5.781 6.078s4.007-2.51 4.243-3.276c.236-.765 2.054-4.098 2.054-4.098l-13.14-6.329z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#v)">
+      <path d="M14.452 10.315l-.275-.429a.2.2 0 0 0-.337.216l.54.842a.2.2 0 0 0 .276.06l.842-.54a.2.2 0 0 0-.216-.336l-.407.26"/>
+      <g mask="url(#w)">
+        <path d="M15.911 11.032a6.994 6.994 0 0 0-5.886-7.95 6.994 6.994 0 0 0-5.462 12.332 6.954 6.954 0 0 0 5.128 1.552 1 1 0 0 0-.197-1.99 5.02 5.02 0 1 1 4.292-3.64"/>
+      </g>
+      <g mask="url(#x)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#y)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="90" y="0">
+    <defs>
+      <clipPath id="A">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="D" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="C" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.075 1.705) scale(.57983)"/>
+      </mask>
+      <filter id="z" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="B" mask-type="alpha">
+        <g filter="url(#z)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625l6 14.031s5.418-3.278 5.889-4.809c.471-1.53 1.766-6.628 1.766-6.628L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#A)">
+      <path d="M14.59 11.116" opacity=".794"/>
+      <g opacity=".794" mask="url(#B)">
+        <path d="M15.633 12.198a6.994 6.994 0 0 0-4.442-8.839 6.994 6.994 0 0 0-7.487 11.218 6.954 6.954 0 0 0 4.787 2.405 1 1 0 0 0 .146-1.995 5.02 5.02 0 1 1 4.851-2.853"/>
+      </g>
+      <g mask="url(#C)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#D)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="108" y="0">
+    <defs>
+      <clipPath id="F">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="I" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="H" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.098 1.705) scale(.72448)"/>
+      </mask>
+      <filter id="E" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="G" mask-type="alpha">
+        <g filter="url(#E)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L4.094 6.734s6.83-4.047 7.536-6.343c.707-2.295 1.48-9.157 1.48-9.157L-1.063-7.624z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#F)">
+      <path d="M14.318 12.055" opacity=".353"/>
+      <g opacity=".353" mask="url(#G)">
+        <path d="M15.16 13.298a6.994 6.994 0 0 0-2.867-9.467A6.994 6.994 0 0 0 3 13.605a6.954 6.954 0 0 0 4.306 3.187 1 1 0 0 0 .484-1.94 5.02 5.02 0 1 1 5.267-1.983"/>
+      </g>
+      <g mask="url(#H)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#I)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="126" y="0">
+    <defs>
+      <clipPath id="K">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="N" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="M" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.149 1.705) scale(1.05114)"/>
+      </mask>
+      <filter id="J" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="L" mask-type="alpha">
+        <g filter="url(#J)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#K)">
+      <path d="M13.889 12.933" opacity=".076"/>
+      <g opacity=".076" mask="url(#L)">
+        <path d="M14.507 14.302a6.994 6.994 0 0 0-1.209-9.818 6.994 6.994 0 0 0-10.826 8.044 6.954 6.954 0 0 0 3.7 3.875 1 1 0 0 0 .807-1.829 5.02 5.02 0 1 1 5.528-1.054"/>
+      </g>
+      <g mask="url(#M)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#N)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="144" y="0">
+    <defs>
+      <clipPath id="P">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="S" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="R" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.251 1.705) scale(1.70603)"/>
+      </mask>
+      <filter id="O" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="Q" mask-type="alpha">
+        <g filter="url(#O)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#P)">
+      <path d="M13.316 13.724" opacity="0"/>
+      <g opacity="0" mask="url(#Q)">
+        <path d="M13.691 15.18a6.994 6.994 0 0 0 .486-9.881 6.994 6.994 0 0 0-12.04 6.077 6.954 6.954 0 0 0 2.982 4.45 1 1 0 0 0 1.109-1.664 5.02 5.02 0 1 1 5.627-.095"/>
+      </g>
+      <g mask="url(#R)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#S)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="162" y="0">
+    <defs>
+      <clipPath id="U">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="X" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="W" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.415 1.705) scale(2.75815)"/>
+      </mask>
+      <filter id="T" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="V" mask-type="alpha">
+        <g filter="url(#T)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#U)">
+      <path d="M12.617 14.407" opacity="0"/>
+      <g opacity="0" mask="url(#V)">
+        <path d="M12.738 15.904a6.994 6.994 0 0 0 2.166-9.652 6.994 6.994 0 0 0-12.902 3.931 6.954 6.954 0 0 0 2.18 4.895 1 1 0 0 0 1.376-1.45 5.02 5.02 0 1 1 5.56.868"/>
+      </g>
+      <g mask="url(#W)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#X)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="180" y="0">
+    <defs>
+      <clipPath id="Z">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ac" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="ab" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.576 1.705) scale(3.7901)"/>
+      </mask>
+      <filter id="Y" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aa" mask-type="alpha">
+        <g filter="url(#Y)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#Z)">
+      <path d="M11.81 14.96" opacity="0"/>
+      <g opacity="0" mask="url(#aa)">
+        <path d="M11.675 16.456a6.994 6.994 0 0 0 3.782-9.14 6.994 6.994 0 0 0-13.383 1.67 6.954 6.954 0 0 0 1.31 5.194 1 1 0 0 0 1.605-1.194 5.02 5.02 0 1 1 5.33 1.805"/>
+      </g>
+      <g mask="url(#ab)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ac)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="198" y="0">
+    <defs>
+      <clipPath id="ae">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ah" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="ag" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.696 1.705) scale(4.56057)"/>
+      </mask>
+      <filter id="ad" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="af" mask-type="alpha">
+        <g filter="url(#ad)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ae)">
+      <path d="M10.923 15.367" opacity="0"/>
+      <g opacity="0" mask="url(#af)">
+        <path d="M10.533 16.818a6.994 6.994 0 0 0 5.288-8.36 6.994 6.994 0 0 0-13.472-.64 6.954 6.954 0 0 0 .404 5.342 1 1 0 0 0 1.785-.903 5.02 5.02 0 1 1 4.944 2.689"/>
+      </g>
+      <g mask="url(#ag)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ah)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="216" y="0">
+    <defs>
+      <clipPath id="aj">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="am" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="al" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.786 1.705) scale(5.13258)"/>
+      </mask>
+      <filter id="ai" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="ak" mask-type="alpha">
+        <g filter="url(#ai)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aj)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#ak)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#al)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#am)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="234" y="0">
+    <defs>
+      <clipPath id="ao">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ar" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="aq" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.855 1.705) scale(5.57409)"/>
+      </mask>
+      <filter id="an" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="ap" mask-type="alpha">
+        <g filter="url(#an)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ao)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#ap)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aq)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ar)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="252" y="0">
+    <defs>
+      <clipPath id="at">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aw" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.21 18.622) scale(.57983)"/>
+      </mask>
+      <mask id="av" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.91 1.705) scale(5.92587)"/>
+      </mask>
+      <filter id="as" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="au" mask-type="alpha">
+        <g filter="url(#as)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#at)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#au)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#av)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aw)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="270" y="0">
+    <defs>
+      <clipPath id="ay">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aB" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.233 18.622) scale(.72448)"/>
+      </mask>
+      <mask id="aA" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.954 1.705) scale(6.21239)"/>
+      </mask>
+      <filter id="ax" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="az" mask-type="alpha">
+        <g filter="url(#ax)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ay)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#az)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aA)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aB)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="288" y="0">
+    <defs>
+      <clipPath id="aD">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aG" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.284 18.622) scale(1.05114)"/>
+      </mask>
+      <mask id="aF" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.991 1.705) scale(6.44921)"/>
+      </mask>
+      <filter id="aC" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aE" mask-type="alpha">
+        <g filter="url(#aC)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aD)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aE)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aF)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aG)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="306" y="0">
+    <defs>
+      <clipPath id="aI">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aL" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.386 18.622) scale(1.70603)"/>
+      </mask>
+      <mask id="aK" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.022 1.705) scale(6.6468)"/>
+      </mask>
+      <filter id="aH" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aJ" mask-type="alpha">
+        <g filter="url(#aH)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aI)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aJ)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aK)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aL)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="324" y="0">
+    <defs>
+      <clipPath id="aN">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aQ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.55 18.622) scale(2.75815)"/>
+      </mask>
+      <mask id="aP" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.048 1.705) scale(6.81253)"/>
+      </mask>
+      <filter id="aM" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aO" mask-type="alpha">
+        <g filter="url(#aM)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aN)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aO)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aP)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aQ)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="342" y="0">
+    <defs>
+      <clipPath id="aS">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="aV" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.711 18.622) scale(3.7901)"/>
+      </mask>
+      <mask id="aU" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.07 1.705) scale(6.95179)"/>
+      </mask>
+      <filter id="aR" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aT" mask-type="alpha">
+        <g filter="url(#aR)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aS)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aT)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aU)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#aV)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="360" y="0">
+    <defs>
+      <clipPath id="aX">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ba" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.831 18.622) scale(4.56057)"/>
+      </mask>
+      <mask id="aZ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.088 1.705) scale(7.06864)"/>
+      </mask>
+      <filter id="aW" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="aY" mask-type="alpha">
+        <g filter="url(#aW)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#aX)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#aY)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#aZ)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ba)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="378" y="0">
+    <defs>
+      <clipPath id="bc">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bf" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.92 18.622) scale(5.13258)"/>
+      </mask>
+      <mask id="be" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.103 1.705) scale(7.16624)"/>
+      </mask>
+      <filter id="bb" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bd" mask-type="alpha">
+        <g filter="url(#bb)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bc)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bd)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#be)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bf)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="396" y="0">
+    <defs>
+      <clipPath id="bh">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bk" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.99 18.622) scale(5.57409)"/>
+      </mask>
+      <mask id="bj" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.116 1.705) scale(7.2471)"/>
+      </mask>
+      <filter id="bg" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bi" mask-type="alpha">
+        <g filter="url(#bg)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bh)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bi)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bj)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bk)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="414" y="0">
+    <defs>
+      <clipPath id="bm">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bp" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.044 18.622) scale(5.92587)"/>
+      </mask>
+      <mask id="bo" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.126 1.705) scale(7.3132)"/>
+      </mask>
+      <filter id="bl" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bn" mask-type="alpha">
+        <g filter="url(#bl)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bm)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bn)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bo)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bp)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="432" y="0">
+    <defs>
+      <clipPath id="br">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bu" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.09 18.622) scale(6.21239)"/>
+      </mask>
+      <mask id="bt" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.134 1.705) scale(7.36622)"/>
+      </mask>
+      <filter id="bq" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bs" mask-type="alpha">
+        <g filter="url(#bq)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#br)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bs)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bt)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bu)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="450" y="0">
+    <defs>
+      <clipPath id="bw">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bz" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.126 18.622) scale(6.44921)"/>
+      </mask>
+      <mask id="by" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.14 1.705) scale(7.40751)"/>
+      </mask>
+      <filter id="bv" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bx" mask-type="alpha">
+        <g filter="url(#bv)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bw)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bx)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#by)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bz)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="468" y="0">
+    <defs>
+      <clipPath id="bB">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bE" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.157 18.622) scale(6.6468)"/>
+      </mask>
+      <mask id="bD" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.145 1.705) scale(7.43823)"/>
+      </mask>
+      <filter id="bA" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bC" mask-type="alpha">
+        <g filter="url(#bA)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bB)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bC)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bD)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bE)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="486" y="0">
+    <defs>
+      <clipPath id="bG">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bJ" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.183 18.622) scale(6.81253)"/>
+      </mask>
+      <mask id="bI" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.149 1.705) scale(7.45936)"/>
+      </mask>
+      <filter id="bF" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bH" mask-type="alpha">
+        <g filter="url(#bF)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bG)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bH)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bI)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bJ)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="504" y="0">
+    <defs>
+      <clipPath id="bL">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bO" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.204 18.622) scale(6.95179)"/>
+      </mask>
+      <mask id="bN" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.15 1.705) scale(7.47174)"/>
+      </mask>
+      <filter id="bK" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bM" mask-type="alpha">
+        <g filter="url(#bK)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bL)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bM)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bN)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bO)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="522" y="0">
+    <defs>
+      <clipPath id="bQ">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bT" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.223 18.622) scale(7.06864)"/>
+      </mask>
+      <mask id="bS" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="bP" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bR" mask-type="alpha">
+        <g filter="url(#bP)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bQ)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bR)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bS)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bT)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="540" y="0">
+    <defs>
+      <clipPath id="bV">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="bY" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.238 18.622) scale(7.16624)"/>
+      </mask>
+      <mask id="bX" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="bU" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="bW" mask-type="alpha">
+        <g filter="url(#bU)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#bV)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#bW)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#bX)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#bY)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="558" y="0">
+    <defs>
+      <clipPath id="ca">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cd" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.25 18.622) scale(7.2471)"/>
+      </mask>
+      <mask id="cc" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="bZ" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cb" mask-type="alpha">
+        <g filter="url(#bZ)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ca)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#cb)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#cc)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cd)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="576" y="0">
+    <defs>
+      <clipPath id="cf">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="ci" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.26 18.622) scale(7.3132)"/>
+      </mask>
+      <mask id="ch" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="ce" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cg" mask-type="alpha">
+        <g filter="url(#ce)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cf)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#cg)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#ch)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#ci)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="594" y="0">
+    <defs>
+      <clipPath id="ck">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cn" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.27 18.622) scale(7.36622)"/>
+      </mask>
+      <mask id="cm" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="cj" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cl" mask-type="alpha">
+        <g filter="url(#cj)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#ck)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#cl)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#cm)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cn)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="612" y="0">
+    <defs>
+      <clipPath id="cp">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cs" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.276 18.622) scale(7.40751)"/>
+      </mask>
+      <mask id="cr" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(1.151 1.705) scale(7.47609)"/>
+      </mask>
+      <filter id="co" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cq" mask-type="alpha">
+        <g filter="url(#co)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="block" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cp)">
+      <path d="M9.978 15.616" opacity="0"/>
+      <g opacity="0" mask="url(#cq)">
+        <path d="M9.346 16.98a6.994 6.994 0 0 0 6.638-7.335A6.994 6.994 0 0 0 2.819 6.714a6.954 6.954 0 0 0-.513 5.333 1 1 0 0 0 1.912-.585 5.02 5.02 0 1 1 4.412 3.493"/>
+      </g>
+      <g mask="url(#cr)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cs)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+  <svg width="18" height="20" x="630" y="0">
+    <defs>
+      <clipPath id="cu">
+        <path d="M0 0h18v20H0z"/>
+      </clipPath>
+      <mask id="cx" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.204 18.622) scale(.54135)"/>
+      </mask>
+      <mask id="cw" mask-type="alpha">
+        <path fill="#0005FF" d="M0-2.906A2.907 2.907 0 0 1 2.906 0 2.907 2.907 0 0 1 0 2.906 2.907 2.907 0 0 1-2.906 0 2.907 2.907 0 0 1 0-2.906z" transform="translate(.07 1.705) scale(.54135)"/>
+      </mask>
+      <filter id="ct" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 -1 1"/>
+      </filter>
+      <mask id="cv" mask-type="alpha">
+        <g filter="url(#ct)">
+          <path fill="#fff" opacity="0" d="M0 0h18v20H0z"/>
+          <path fill="#0005FF" d="M-1.062-7.625L3.25 7.062s8.241-4.815 9.183-7.876c.942-3.061 1.192-11.686 1.192-11.686L-1.062-7.625z" display="none" transform="translate(9.425 14.172) scale(.54135)"/>
+        </g>
+      </mask>
+    </defs>
+    <g clip-path="url(#cu)">
+      <path d="M13.549 8H11a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1V4a1 1 0 0 0-2 0v2.418"/>
+      <g mask="url(#cv)">
+        <path d="M15 6.418A6.994 6.994 0 0 0 5.408 4 6.994 6.994 0 0 0 9 17a6.954 6.954 0 0 0 4.95-2.05 1 1 0 0 0-1.414-1.414A5.02 5.02 0 1 1 13.549 8"/>
+      </g>
+      <g mask="url(#cw)">
+        <path d="M9 11.413l5.293 5.293a.999.999 0 0 0 1.414-1.414l-5.293-5.293"/>
+        <path d="M10.973 10.558L3.707 3.293a1 1 0 0 0-1.414 1.414l7.266 7.265"/>
+      </g>
+      <g mask="url(#cx)">
+        <path d="M9.285 8.301l-6.992 6.992a1 1 0 1 0 1.414 1.414l6.992-6.992"/>
+        <path d="M10.413 10l5.293-5.293a.999.999 0 0 0-1.414-1.414L8.999 8.586"/>
+      </g>
+    </g>
+  </svg>
+</svg>
--- a/browser/themes/shared/jar.inc.mn
+++ b/browser/themes/shared/jar.inc.mn
@@ -170,22 +170,28 @@
   skin/classic/browser/open.svg                       (../shared/icons/open.svg)
 #ifdef MOZ_PHOTON_THEME
   skin/classic/browser/page-action.svg                (../shared/icons/page-action.svg)
 #endif
   skin/classic/browser/print.svg                      (../shared/icons/print.svg)
   skin/classic/browser/privateBrowsing.svg            (../shared/icons/privateBrowsing.svg)
   skin/classic/browser/quit.svg                       (../shared/icons/quit.svg)
   skin/classic/browser/reload.svg                     (../shared/icons/reload.svg)
+#ifdef MOZ_PHOTON_ANIMATIONS
+  skin/classic/browser/reload-to-stop.svg             (../shared/icons/reload-to-stop.svg)
+#endif
   skin/classic/browser/save.svg                       (../shared/icons/save.svg)
   skin/classic/browser/settings.svg                   (../shared/icons/settings.svg)
   skin/classic/browser/share.svg                      (../shared/icons/share.svg)
   skin/classic/browser/sidebars.svg                   (../shared/icons/sidebars.svg)
   skin/classic/browser/sidebars-right.svg             (../shared/icons/sidebars-right.svg)
   skin/classic/browser/stop.svg                       (../shared/icons/stop.svg)
+#ifdef MOZ_PHOTON_ANIMATIONS
+  skin/classic/browser/stop-to-reload.svg             (../shared/icons/stop-to-reload.svg)
+#endif
   skin/classic/browser/sync.svg                       (../shared/icons/sync.svg)
   skin/classic/browser/synced-tabs.svg                (../shared/icons/synced-tabs.svg)
   skin/classic/browser/webIDE.svg                     (../shared/icons/webIDE.svg)
   skin/classic/browser/zoom-in.svg                    (../shared/icons/zoom-in.svg)
   skin/classic/browser/zoom-out.svg                   (../shared/icons/zoom-out.svg)
 
 
   skin/classic/browser/search-indicator.png                    (../shared/search/search-indicator.png)
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -31,16 +31,136 @@ toolbar[brighttext] :-moz-any(@primaryTo
 %endif
 }
 
 #forward-button {
   list-style-image: url("chrome://browser/skin/forward.svg");
 }
 
 %ifdef MOZ_PHOTON_THEME
+%ifdef MOZ_PHOTON_ANIMATIONS
+#stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
+#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon {
+  fill: transparent;
+}
+
+@keyframes reload-to-stop {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-738px);
+  }
+}
+
+@keyframes reload-to-stop-rtl {
+  from {
+    transform: scaleX(-1) translateX(0);
+  }
+  to {
+    transform: scaleX(-1) translateX(-738px);
+  }
+}
+
+@keyframes stop-to-reload {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-612px);
+  }
+}
+
+@keyframes stop-to-reload-rtl {
+  from {
+    transform: scaleX(-1) translateX(0);
+  }
+  to {
+    transform: scaleX(-1) translateX(-612px);
+  }
+}
+
+#reload-button > .toolbarbutton-animatable-box,
+#stop-button > .toolbarbutton-animatable-box {
+  position: fixed;
+  overflow: hidden;
+  margin-top: -10px; /* Vertically center the 20px tall animatable image */
+  /* Since .toolbarbutton-icon uses a different width than the animatable-box,
+     we need to set a padding relative to the difference in widths. */
+  margin-inline-start: calc((16px + 2 * var(--toolbarbutton-inner-padding) - 18px) / 2);
+  /* Set the min- and max- width and height of the box equal to that
+     of each frame of the SVG sprite. Setting the width and height via
+     the `width` and `height` CSS properties causes an assertion for
+     `inline-size less than zero: 'aContainingBlockISize >= 0'` (bug 1379332). */
+  min-width: 18px;
+  max-width: 18px;
+  min-height: 20px;
+  max-height: 20px;
+}
+
+#reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image,
+#stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  height: 20px; /* Height of each frame within the SVG sprite */
+  animation-fill-mode: forwards;
+  animation-iteration-count: 1;
+  list-style-image: none;
+}
+
+#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  background-image: url("chrome://browser/skin/reload-to-stop.svg");
+  width: 756px;
+}
+
+#stop-reload-button[animate] > #reload-button:not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-name: reload-to-stop;
+}
+
+#stop-reload-button[animate] > #reload-button:not([displaystop]):-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-name: reload-to-stop-rtl;
+}
+
+#reload-button:not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-timing-function: steps(41);
+  animation-duration: 684ms;
+}
+
+#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  background-image: url("chrome://browser/skin/stop-to-reload.svg");
+  width: 630px;
+}
+
+#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-name: stop-to-reload;
+}
+
+#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button:-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-name: stop-to-reload-rtl;
+}
+
+#reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-timing-function: steps(34);
+  animation-duration: 600ms;
+}
+
+#reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  transform: translateX(-738px);
+}
+
+#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  transform: scaleX(-1) translateX(-738px);
+}
+
+#reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  transform: translateX(-612px);
+}
+
+#reload-button[displaystop] + #stop-button:-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  transform: scaleX(-1) translateX(-612px);
+}
+%endif
 #reload-button {
   list-style-image: url("chrome://browser/skin/reload.svg");
 }
 
 #stop-button {
   list-style-image: url("chrome://browser/skin/stop.svg");
 }
 %endif