Mercurial > mozreview > gecko / changeset / 13895cc32076904757c1cc44b30fcba11ab7041a
summary | shortlog | changelog | pushlog | graph | tags | bookmarks | branches | files | changeset | raw | zip | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Bug 1352063 - Implement new animation for bookmarking. r?gijs draft
authorJared Wein <jwein@mozilla.com>
Mon, 24 Jul 2017 17:52:44 -0400
changeset 614779 13895cc32076904757c1cc44b30fcba11ab7041a
parent 614262 60a5308fa987676fa5ed9fd5b3ad6c9938af0539
child 638960 e89daf833e81a3ed885596f63b34019271ad00bd
push id70119
push userbmo:jaws@mozilla.com
push dateTue, 25 Jul 2017 00:27:57 +0000
reviewersgijs
bugs1352063
milestone56.0a1
Bug 1352063 - Implement new animation for bookmarking. r?gijs MozReview-Commit-ID: GDfxtaCNtZo
browser/base/content/browser-places.js file | annotate | diff | comparison | revisions
browser/base/content/browser.xul file | annotate | diff | comparison | revisions
browser/base/content/test/performance/browser_startup_images.js file | annotate | diff | comparison | revisions
browser/themes/shared/icons/bookmark-animation.svg file | annotate | diff | comparison | revisions
browser/themes/shared/icons/library-bookmark-animation.svg file | annotate | diff | comparison | revisions
browser/themes/shared/jar.inc.mn file | annotate | diff | comparison | revisions
browser/themes/shared/toolbarbutton-icons.inc.css file | annotate | diff | comparison | revisions
browser/themes/shared/urlbar-searchbar.inc.css file | annotate | diff | comparison | revisions 
--- a/browser/base/content/browser-places.js
+++ b/browser/base/content/browser-places.js
@@ -71,36 +71,48 @@ var StarUI = {
         elt.removeAttribute("disabled");
       elt.removeAttribute("wasDisabled");
     });
   },
 
   // nsIDOMEventListener
   handleEvent(aEvent) {
     switch (aEvent.type) {
+      case "animationend": {
+        let libraryButton = document.getElementById("library-button");
+        if (aEvent.animationName.startsWith("library-bookmark-animation")) {
+          libraryButton.setAttribute("fade", "true");
+        } else if (aEvent.animationName == "library-bookmark-fade") {
+          libraryButton.removeEventListener("animationend", this);
+          libraryButton.removeAttribute("animate");
+          libraryButton.removeAttribute("fade");
+        }
+        break;
+      }
       case "mousemove":
         clearTimeout(this._autoCloseTimer);
         // The autoclose timer is not disabled on generic mouseout
         // because the user may not have actually interacted with the popup.
         break;
-      case "popuphidden":
+      case "popuphidden": {
         clearTimeout(this._autoCloseTimer);
         if (aEvent.originalTarget == this.panel) {
           if (!this._element("editBookmarkPanelContent").hidden)
             this.quitEditMode();
 
           if (this._anchorToolbarButton) {
             this._anchorToolbarButton.removeAttribute("open");
             this._anchorToolbarButton = null;
           }
           this._restoreCommandsState();
           this._itemId = -1;
           if (this._batching)
             this.endBatch();
 
+          let libraryButton;
           if (this._uriForRemoval) {
             if (this._isNewBookmark) {
               if (!PlacesUIUtils.useAsyncTransactions) {
                 PlacesUtils.transactionManager.undoTransaction();
                 break;
               }
               PlacesTransactions.undo().catch(Cu.reportError);
               break;
@@ -113,19 +125,31 @@ var StarUI = {
                 let txn = new PlacesRemoveItemTransaction(itemId);
                 PlacesUtils.transactionManager.doTransaction(txn);
               }
               break;
             }
 
             PlacesTransactions.RemoveBookmarksForUrls([this._uriForRemoval])
                               .transact().catch(Cu.reportError);
+          } else if (this._isNewBookmark &&
+                     Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled") &&
+                     AppConstants.MOZ_PHOTON_ANIMATIONS &&
+                     (libraryButton = document.getElementById("library-button")) &&
+                     libraryButton.getAttribute("cui-areatype") != "menu-panel" &&
+                     libraryButton.getAttribute("overflowedItem") != "true" &&
+                     libraryButton.closest("#nav-bar")) {
+            BrowserUtils.setToolbarButtonHeightProperty(libraryButton);
+            libraryButton.removeAttribute("fade");
+            libraryButton.setAttribute("animate", "bookmark");
+            libraryButton.addEventListener("animationend", this);
           }
         }
         break;
+      }
       case "keypress":
         clearTimeout(this._autoCloseTimer);
         this._autoCloseTimerEnabled = false;
 
         if (aEvent.defaultPrevented) {
           // The event has already been consumed inside of the panel.
           break;
         }
@@ -1681,24 +1705,35 @@ var BookmarkingUI = {
     }
   },
 
   init() {
     CustomizableUI.addListener(this);
     if (!AppConstants.MOZ_PHOTON_THEME) {
       this._updateCustomizationState();
     }
+
+    if (AppConstants.MOZ_PHOTON_ANIMATIONS &&
+        Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled")) {
+      let starButtonBox = document.getElementById("star-button-box");
+      starButtonBox.setAttribute("animationsenabled", "true");
+      this.star.addEventListener("mouseover", this, {once: true});
+    }
   },
 
   _hasBookmarksObserver: false,
   _itemGuids: new Set(),
   uninit: function BUI_uninit() {
     this.updateBookmarkPageMenuItem(true);
     CustomizableUI.removeListener(this);
 
+    if (AppConstants.MOZ_PHOTON_ANIMATIONS) {
+      this.star.removeEventListener("mouseover", this);
+    }
+
     this._uninitView();
 
     if (this._hasBookmarksObserver) {
       PlacesUtils.bookmarks.removeObserver(this);
     }
 
     if (this._pendingUpdate) {
       delete this._pendingUpdate;
@@ -1766,16 +1801,17 @@ var BookmarkingUI = {
     if (this._itemGuids.size > 0) {
       this.broadcaster.setAttribute("starred", "true");
       this.broadcaster.setAttribute("buttontooltiptext", this._starredTooltip);
       this.broadcaster.setAttribute("tooltiptext", this._starredTooltip);
       if (!AppConstants.MOZ_PHOTON_THEME && this.button.getAttribute("overflowedItem") == "true") {
         this.button.setAttribute("label", this._starButtonOverflowedStarredLabel);
       }
     } else {
+      this.star.removeAttribute("animate");
       this.broadcaster.removeAttribute("starred");
       this.broadcaster.setAttribute("buttontooltiptext", this._unstarredTooltip);
       this.broadcaster.setAttribute("tooltiptext", this._unstarredTooltip);
       if (!AppConstants.MOZ_PHOTON_THEME && this.button.getAttribute("overflowedItem") == "true") {
         this.button.setAttribute("label", this._starButtonOverflowedLabel);
       }
     }
   },
@@ -1900,26 +1936,36 @@ var BookmarkingUI = {
 
   onStarCommand(aEvent) {
     // Ignore clicks on the star if we are updating its state.
     if (!this._pendingUpdate) {
       let isBookmarked = this._itemGuids.size > 0;
       // Disable the old animation in photon
       if (!isBookmarked && !AppConstants.MOZ_PHOTON_THEME)
         this._showBookmarkedNotification();
+      // Set up variables for new animation in Photon
+      if (!isBookmarked && AppConstants.MOZ_PHOTON_ANIMATIONS) {
+        BrowserUtils.setToolbarButtonHeightProperty(this.star);
+        this.star.setAttribute("animate", "true");
+      }
       PlacesCommandHook.bookmarkCurrentPage(true);
     }
   },
 
   onCurrentPageContextPopupShowing() {
     this.updateBookmarkPageMenuItem();
   },
 
   handleEvent: function BUI_handleEvent(aEvent) {
     switch (aEvent.type) {
+      case "mouseover":
+        if (AppConstants.MOZ_PHOTON_ANIMATIONS) {
+          this.star.setAttribute("preloadanimations", "true");
+        }
+        break;
       case "ViewShowing":
         this.onPanelMenuViewShowing(aEvent);
         break;
       case "ViewHiding":
         this.onPanelMenuViewHiding(aEvent);
         break;
     }
   },
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -900,22 +900,28 @@
                        hidden="true"
                        tooltiptext="&pageReportIcon.tooltip;"
                        onmousedown="gPopupBlockerObserver.onReportButtonMousedown(event);"/>
                 <image id="reader-mode-button"
                        class="urlbar-icon"
                        hidden="true"
                        onclick="ReaderParent.buttonClick(event);"/>
 #ifdef MOZ_PHOTON_THEME
-                <image id="star-button"
-                       class="urlbar-icon"
-                       onclick="BookmarkingUI.onStarCommand(event);">
-                  <observes element="bookmarkThisPageBroadcaster" attribute="starred"/>
-                  <observes element="bookmarkThisPageBroadcaster" attribute="tooltiptext"/>
-                </image>
+                <hbox id="star-button-box">
+                  <image id="star-button"
+                         class="urlbar-icon"
+                         onclick="BookmarkingUI.onStarCommand(event);">
+                    <observes element="bookmarkThisPageBroadcaster" attribute="starred"/>
+                    <observes element="bookmarkThisPageBroadcaster" attribute="tooltiptext"/>
+                  </image>
+                  <hbox id="star-button-animatable-box">
+                    <image id="star-button-animatable-image"
+                           onclick="BookmarkingUI.onStarCommand(event);"/>
+                  </hbox>
+                </hbox>
 #endif
                 <toolbarbutton id="urlbar-zoom-button"
                        onclick="FullZoom.reset();"
                        tooltip="dynamic-shortcut-tooltip"
                        hidden="true"/>
               </hbox>
               <hbox id="userContext-icons" hidden="true">
                 <label id="userContext-label"/>
--- a/browser/base/content/test/performance/browser_startup_images.js
+++ b/browser/base/content/test/performance/browser_startup_images.js
@@ -30,21 +30,16 @@ const whitelist = [
     platforms: ["linux", "win", "macosx"],
     photon: true,
   },
   {
     file: "chrome://browser/skin/toolbarbutton-dropdown-arrow.png",
     platforms: ["win"],
     photon: true,
   },
-  {
-    file: "chrome://browser/skin/bookmark-hollow.svg",
-    platforms: ["linux", "win", "macosx"],
-    photon: true,
-  },
 
   // Non-Photon-only entries
   {
     file: "chrome://browser/skin/toolbarbutton-dropdown-arrow.png",
     platforms: ["linux", "win", "macosx"],
     photon: false,
   },
 
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/icons/bookmark-animation.svg
@@ -0,0 +1,542 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="660" height="33">
+  <svg>
+    <defs>
+      <mask id="b" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(0 0 0 0 16.352 17.593)"/>
+      </mask>
+      <mask id="a" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(0 0 0 0 16.463 17.517)"/>
+      </mask>
+    </defs>
+    <path fill="none" stroke="context-fill" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.584" d="M16.457 9.307l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.624 -2.66 2.897 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31"/>
+    <g mask="url(#a)">
+      <path fill="#FFF" d="M16.456 9.271l1.716 3.376 0.725 1.427 1.577 0.269 3.666 0.626 -2.67 2.907 -1.033 1.125 0.23 1.512 0.589 3.838 -3.333 -1.768 -1.5 -0.796 -1.496 0.803 -3.238 1.737 0.586 -3.813 0.234 -1.52 -1.047 -1.128 -2.686 -2.892 3.732 -0.627 1.619 -0.273 0.716 -1.477 1.612 -3.324"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.59" d="M16.456 9.271l1.716 3.376 0.725 1.427 1.577 0.269 3.666 0.626 -2.67 2.907 -1.033 1.125 0.23 1.512 0.589 3.838 -3.333 -1.768 -1.5 -0.796 -1.496 0.803 -3.238 1.737 0.586 -3.813 0.234 -1.52 -1.047 -1.128 -2.686 -2.892 3.732 -0.627 1.619 -0.273 0.716 -1.477 1.612 -3.324"/>
+    </g>
+    <g mask="url(#b)" opacity=".08">
+      <path fill="context-fill" d="M16.502 10.083l2.255 4.57 5.044 0.734 -3.65 3.557 0.862 5.023 -4.511 -2.371 -4.512 2.371 0.862 -5.023 -3.65 -3.557 5.044 -0.733 2.256 -4.57z"/>
+      <path fill="none" d="M16.502 10.083l2.255 4.57 5.044 0.734 -3.65 3.557 0.862 5.023 -4.511 -2.371 -4.512 2.371 0.862 -5.023 -3.65 -3.557 5.044 -0.733 2.256 -4.57z"/>
+    </g>
+  </svg>
+  <svg x="33">
+    <defs>
+      <mask id="d" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.04 0 0 .04 9.957 11.594)"/>
+      </mask>
+      <mask id="c" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.04 0 0 .04 10.127 12.218)"/>
+      </mask>
+    </defs>
+    <path fill="none" stroke="context-fill" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.584" d="M16.457 9.307l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.624 -2.66 2.897 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31"/>
+    <g mask="url(#c)">
+      <path fill="#FFF" d="M16.457 9.283l1.712 3.37 0.724 1.425 1.575 0.268 3.66 0.626 -2.665 2.902 -1.032 1.124 0.23 1.509 0.588 3.831 -3.328 -1.765 -1.498 -0.794 -1.493 0.802 -3.233 1.734 0.585 -3.807 0.233 -1.517 -1.045 -1.127 -2.681 -2.887 3.726 -0.626 1.616 -0.272 0.715 -1.476 1.609 -3.318"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.587" d="M16.457 9.283l1.712 3.37 0.724 1.425 1.575 0.268 3.66 0.626 -2.665 2.902 -1.032 1.124 0.23 1.509 0.588 3.831 -3.328 -1.765 -1.498 -0.794 -1.493 0.802 -3.233 1.734 0.585 -3.807 0.233 -1.517 -1.045 -1.127 -2.681 -2.887 3.726 -0.626 1.616 -0.272 0.715 -1.476 1.609 -3.318"/>
+    </g>
+    <g mask="url(#d)" opacity=".08">
+      <path fill="#2A9EFF" d="M16.502 10.094l2.252 4.563 5.036 0.732 -3.644 3.552 0.86 5.015 -4.504 -2.368 -4.504 2.368 0.86 -5.015 -3.644 -3.552 5.036 -0.732 2.252 -4.563z"/>
+      <path fill="none" d="M16.502 10.094l2.252 4.563 5.036 0.732 -3.644 3.552 0.86 5.015 -4.504 -2.368 -4.504 2.368 0.86 -5.015 -3.644 -3.552 5.036 -0.732 2.252 -4.563z"/>
+    </g>
+  </svg>
+  <svg x="66">
+    <defs>
+      <mask id="f" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.08 0 0 .08 3.562 5.594)"/>
+      </mask>
+      <mask id="e" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.08 0 0 .08 3.791 6.92)"/>
+      </mask>
+    </defs>
+    <path fill="none" stroke="context-fill" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.584" d="M16.457 9.307l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.624 -2.66 2.897 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31"/>
+    <g mask="url(#e)">
+      <path fill="#FFF" d="M16.457 9.308l1.708 3.359 0.721 1.42 1.569 0.267 3.649 0.624 -2.657 2.892 -1.029 1.12 0.23 1.504 0.585 3.819 -3.316 -1.76 -1.493 -0.791 -1.488 0.799 -3.223 1.729 0.584 -3.794 0.232 -1.513 -1.041 -1.123 -2.673 -2.878 3.714 -0.624 1.61 -0.27 0.713 -1.471 1.604 -3.307"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.582" d="M16.457 9.308l1.708 3.359 0.721 1.42 1.569 0.267 3.649 0.624 -2.657 2.892 -1.029 1.12 0.23 1.504 0.585 3.819 -3.316 -1.76 -1.493 -0.791 -1.488 0.799 -3.223 1.729 0.584 -3.794 0.232 -1.513 -1.041 -1.123 -2.673 -2.878 3.714 -0.624 1.61 -0.27 0.713 -1.471 1.604 -3.307"/>
+    </g>
+    <g mask="url(#f)" opacity=".387">
+      <path fill="#2399FF" d="M16.502 10.116l2.245 4.548 5.019 0.729 -3.632 3.54 0.858 4.999 -4.49 -2.36 -4.489 2.36 0.858 -4.999 -3.632 -3.54 5.019 -0.73 2.244 -4.547z"/>
+      <path fill="none" d="M16.502 10.116l2.245 4.548 5.019 0.729 -3.632 3.54 0.858 4.999 -4.49 -2.36 -4.489 2.36 0.858 -4.999 -3.632 -3.54 5.019 -0.73 2.244 -4.547z"/>
+    </g>
+  </svg>
+  <svg x="99">
+    <defs>
+      <mask id="h" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.12 0 0 .12 -2.833 -.405)"/>
+      </mask>
+      <mask id="g" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.12 0 0 .12 -2.545 1.62)"/>
+      </mask>
+    </defs>
+    <path fill="none" stroke="context-fill" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.584" d="M16.457 9.307l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.624 -2.66 2.897 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31"/>
+    <g mask="url(#g)">
+      <path fill="#FFF" d="M16.458 9.336l1.7 3.347 0.72 1.414 1.562 0.266 3.635 0.621 -2.646 2.882 -1.025 1.115 0.229 1.498 0.583 3.804 -3.304 -1.752 -1.487 -0.789 -1.482 0.796 -3.21 1.722 0.58 -3.78 0.233 -1.506 -1.038 -1.118 -2.662 -2.867 3.699 -0.622 1.604 -0.27 0.71 -1.464 1.598 -3.295"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.576" d="M16.458 9.336l1.7 3.347 0.72 1.414 1.562 0.266 3.635 0.621 -2.646 2.882 -1.025 1.115 0.229 1.498 0.583 3.804 -3.304 -1.752 -1.487 -0.789 -1.482 0.796 -3.21 1.722 0.58 -3.78 0.233 -1.506 -1.038 -1.118 -2.662 -2.867 3.699 -0.622 1.604 -0.27 0.71 -1.464 1.598 -3.295"/>
+    </g>
+    <g mask="url(#h)" opacity=".693">
+      <path fill="#1D93FF" d="M16.503 10.141l2.236 4.53 5 0.727 -3.618 3.526 0.854 4.98 -4.472 -2.351 -4.471 2.35 0.854 -4.979 -3.618 -3.526 5 -0.726 2.235 -4.53z"/>
+      <path fill="none" d="M16.503 10.141l2.236 4.53 5 0.727 -3.618 3.526 0.854 4.98 -4.472 -2.351 -4.471 2.35 0.854 -4.979 -3.618 -3.526 5 -0.726 2.235 -4.53z"/>
+    </g>
+  </svg>
+  <svg x="132">
+    <defs>
+      <mask id="j" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.16 0 0 .16 -9.228 -6.404)"/>
+      </mask>
+      <mask id="i" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.16 0 0 .16 -8.88 -3.678)"/>
+      </mask>
+    </defs>
+    <g mask="url(#i)">
+      <path fill="#FFF" d="M16.459 9.355l1.696 3.338 0.717 1.41 1.559 0.266 3.625 0.62 -2.64 2.874 -1.022 1.112 0.229 1.495 0.581 3.794 -3.295 -1.748 -1.484 -0.787 -1.478 0.794 -3.201 1.718 0.58 -3.77 0.23 -1.503 -1.035 -1.115 -2.655 -2.86 3.69 -0.62 1.6 -0.269 0.708 -1.46 1.593 -3.287"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.572" d="M16.459 9.355l1.696 3.338 0.717 1.41 1.559 0.266 3.625 0.62 -2.64 2.874 -1.022 1.112 0.229 1.495 0.581 3.794 -3.295 -1.748 -1.484 -0.787 -1.478 0.794 -3.201 1.718 0.58 -3.77 0.23 -1.503 -1.035 -1.115 -2.655 -2.86 3.69 -0.62 1.6 -0.269 0.708 -1.46 1.593 -3.287"/>
+    </g>
+    <g mask="url(#j)">
+      <path fill="#168EFF" d="M16.504 10.158l2.23 4.519 4.986 0.724 -3.608 3.518 0.852 4.966 -4.46 -2.345 -4.46 2.345 0.851 -4.966 -3.608 -3.518 4.987 -0.724 2.23 -4.519z"/>
+      <path fill="none" d="M16.504 10.158l2.23 4.519 4.986 0.724 -3.608 3.518 0.852 4.966 -4.46 -2.345 -4.46 2.345 0.851 -4.966 -3.608 -3.518 4.987 -0.724 2.23 -4.519z"/>
+    </g>
+  </svg>
+  <svg x="165">
+    <defs>
+      <mask id="l" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.623 -12.404)"/>
+      </mask>
+      <mask id="k" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.216 -8.977)"/>
+      </mask>
+    </defs>
+    <g mask="url(#k)">
+      <path fill="#FFF" d="M16.46 9.4l1.686 3.318 0.712 1.402 1.55 0.264 3.602 0.615 -2.623 2.856 -1.016 1.106 0.227 1.485 0.578 3.77 -3.275 -1.737 -1.474 -0.781 -1.469 0.789 -3.181 1.707 0.575 -3.746 0.23 -1.494 -1.028 -1.109 -2.639 -2.841 3.667 -0.616 1.59 -0.268 0.703 -1.452 1.584 -3.265"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.562" d="M16.46 9.4l1.686 3.318 0.712 1.402 1.55 0.264 3.602 0.615 -2.623 2.856 -1.016 1.106 0.227 1.485 0.578 3.77 -3.275 -1.737 -1.474 -0.781 -1.469 0.789 -3.181 1.707 0.575 -3.746 0.23 -1.494 -1.028 -1.109 -2.639 -2.841 3.667 -0.616 1.59 -0.268 0.703 -1.452 1.584 -3.265"/>
+    </g>
+    <g mask="url(#l)">
+      <path fill="#1089FF" d="M16.505 10.199l2.216 4.49 4.956 0.72 -3.586 3.496 0.846 4.935 -4.432 -2.33 -4.432 2.33 0.846 -4.935 -3.586 -3.496 4.956 -0.72 2.216 -4.49z"/>
+      <path fill="none" d="M16.505 10.199l2.216 4.49 4.956 0.72 -3.586 3.496 0.846 4.935 -4.432 -2.33 -4.432 2.33 0.846 -4.935 -3.586 -3.496 4.956 -0.72 2.216 -4.49z"/>
+    </g>
+  </svg>
+  <svg x="198">
+    <defs>
+      <mask id="n" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.623 -12.404)"/>
+      </mask>
+      <mask id="m" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.216 -8.977)"/>
+      </mask>
+    </defs>
+    <g mask="url(#m)">
+      <path fill="#FFF" d="M16.457 9.299l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.625 -2.66 2.896 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.584" d="M16.457 9.299l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.625 -2.66 2.896 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31"/>
+    </g>
+    <g mask="url(#n)">
+      <path fill="#0A84FF" d="M16.502 10.108l2.247 4.553 5.025 0.73 -3.636 3.545 0.858 5.004 -4.494 -2.363 -4.494 2.363 0.858 -5.004 -3.636 -3.545 5.025 -0.73 2.247 -4.553z"/>
+      <path fill="none" d="M16.502 10.108l2.247 4.553 5.025 0.73 -3.636 3.545 0.858 5.004 -4.494 -2.363 -4.494 2.363 0.858 -5.004 -3.636 -3.545 5.025 -0.73 2.247 -4.553z"/>
+    </g>
+    <path fill="#000" d="M4.273 14.274l-0.235 -0.115"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M4.273 14.274l-0.235 -0.115"/>
+    <path fill="#000" d="M28.738 14.306l0.234 -0.115"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M28.738 14.306l0.234 -0.115"/>
+    <path fill="#000" d="M24.168 28.806l0.168 0.2"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.168 28.806l0.168 0.2"/>
+    <path fill="#000" d="M8.816 28.826l-0.168 0.2"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.816 28.826l-0.168 0.2"/>
+    <path fill="#000" d="M16.559 4.97v-0.26"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.97v-0.26"/>
+  </svg>
+  <svg x="231">
+    <defs>
+      <mask id="p" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.623 -12.404)"/>
+      </mask>
+      <mask id="o" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.216 -8.977)"/>
+      </mask>
+    </defs>
+    <g mask="url(#o)">
+      <path fill="#FFF" d="M16.448 9.017l1.774 3.492 0.75 1.475 1.63 0.278 3.792 0.648 -2.76 3.007 -1.07 1.163 0.24 1.563 0.608 3.97 -3.447 -1.83 -1.552 -0.822 -1.546 0.83 -3.35 1.797 0.607 -3.943 0.241 -1.572 -1.082 -1.167 -2.777 -2.99 3.859 -0.65 1.674 -0.281 0.74 -1.528 1.667 -3.437"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.644" d="M16.448 9.017l1.774 3.492 0.75 1.475 1.63 0.278 3.792 0.648 -2.76 3.007 -1.07 1.163 0.24 1.563 0.608 3.97 -3.447 -1.83 -1.552 -0.822 -1.546 0.83 -3.35 1.797 0.607 -3.943 0.241 -1.572 -1.082 -1.167 -2.777 -2.99 3.859 -0.65 1.674 -0.281 0.74 -1.528 1.667 -3.437"/>
+    </g>
+    <g mask="url(#p)">
+      <path fill="#0A84FF" d="M16.495 9.857l2.332 4.727 5.217 0.758 -3.775 3.68 0.891 5.194 -4.665 -2.453 -4.666 2.453 0.891 -5.195 -3.774 -3.68 5.216 -0.757 2.333 -4.727z"/>
+      <path fill="none" d="M16.495 9.857l2.332 4.727 5.217 0.758 -3.775 3.68 0.891 5.194 -4.665 -2.453 -4.666 2.453 0.891 -5.195 -3.774 -3.68 5.216 -0.757 2.333 -4.727z"/>
+    </g>
+    <path fill="#000" d="M4.273 14.274l-0.772 -0.377"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M4.273 14.274l-0.772 -0.377"/>
+    <path fill="#000" d="M28.738 14.306s0.33 -0.16 0.772 -0.377"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M28.738 14.306s0.33 -0.16 0.772 -0.377"/>
+    <path fill="#000" d="M24.168 28.806l0.552 0.658"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.168 28.806l0.552 0.658"/>
+    <path fill="#000" d="M8.816 28.826l-0.552 0.657"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.816 28.826l-0.552 0.657"/>
+    <path fill="#000" d="M16.559 4.97v-0.859"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.97v-0.859"/>
+  </svg>
+  <svg x="264">
+    <defs>
+      <mask id="r" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.623 -12.404)"/>
+      </mask>
+      <mask id="q" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.216 -8.977)"/>
+      </mask>
+    </defs>
+    <g mask="url(#q)">
+      <path fill="#FFF" d="M16.437 8.692l1.85 3.64 0.781 1.538 1.7 0.29 3.953 0.675 -2.878 3.133 -1.115 1.213 0.25 1.63 0.633 4.137 -3.593 -1.906 -1.617 -0.858 -1.612 0.866 -3.491 1.873 0.632 -4.11 0.252 -1.639 -1.129 -1.216 -2.895 -3.118 4.023 -0.676 1.745 -0.294 0.772 -1.593 1.737 -3.583"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.714" d="M16.437 8.692l1.85 3.64 0.781 1.538 1.7 0.29 3.953 0.675 -2.878 3.133 -1.115 1.213 0.25 1.63 0.633 4.137 -3.593 -1.906 -1.617 -0.858 -1.612 0.866 -3.491 1.873 0.632 -4.11 0.252 -1.639 -1.129 -1.216 -2.895 -3.118 4.023 -0.676 1.745 -0.294 0.772 -1.593 1.737 -3.583"/>
+    </g>
+    <g mask="url(#r)">
+      <path fill="#0A84FF" d="M16.486 9.568l2.432 4.927 5.437 0.79 -3.935 3.835 0.93 5.415 -4.864 -2.557 -4.863 2.557 0.929 -5.415 -3.935 -3.835 5.437 -0.79 2.432 -4.927z"/>
+      <path fill="none" d="M16.486 9.568l2.432 4.927 5.437 0.79 -3.935 3.835 0.93 5.415 -4.864 -2.557 -4.863 2.557 0.929 -5.415 -3.935 -3.835 5.437 -0.79 2.432 -4.927z"/>
+    </g>
+    <path fill="#000" d="M4.273 14.274l-1.48 -0.722"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M4.273 14.274l-1.48 -0.722"/>
+    <path fill="#000" d="M28.738 14.306l1.48 -0.722"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M28.738 14.306l1.48 -0.722"/>
+    <path fill="#000" d="M24.168 28.806l1.058 1.26"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.168 28.806l1.058 1.26"/>
+    <path fill="#000" d="M8.816 28.826l-1.059 1.26"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.816 28.826l-1.059 1.26"/>
+    <path fill="#000" d="M16.559 4.97v-1.646"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.97v-1.646"/>
+  </svg>
+  <svg x="297">
+    <defs>
+      <mask id="t" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.623 -12.404)"/>
+      </mask>
+      <mask id="s" mask-type="alpha">
+        <path fill="#0a84ff" d="M0 0h320v240h-320z" transform="matrix(.2 0 0 .2 -15.216 -8.977)"/>
+      </mask>
+    </defs>
+    <g mask="url(#s)">
+      <path fill="#FFF" d="M16.426 8.351l1.928 3.795 0.815 1.603 1.772 0.302 4.121 0.705 -3 3.267 -1.162 1.264 0.26 1.7 0.66 4.313 -3.746 -1.987 -1.686 -0.895 -1.68 0.903 -3.64 1.952 0.659 -4.285 0.262 -1.708 -1.176 -1.268 -3.018 -3.251 4.194 -0.705 1.819 -0.306 0.805 -1.66 1.811 -3.736"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.787" d="M16.426 8.351l1.928 3.795 0.815 1.603 1.772 0.302 4.121 0.705 -3 3.267 -1.162 1.264 0.26 1.7 0.66 4.313 -3.746 -1.987 -1.686 -0.895 -1.68 0.903 -3.64 1.952 0.659 -4.285 0.262 -1.708 -1.176 -1.268 -3.018 -3.251 4.194 -0.705 1.819 -0.306 0.805 -1.66 1.811 -3.736"/>
+    </g>
+    <g mask="url(#t)">
+      <path fill="#0A84FF" d="M16.477 9.264l2.535 5.137 5.669 0.824 -4.102 3.998 0.968 5.646 -5.07 -2.666 -5.07 2.666 0.968 -5.646 -4.102 -3.998 5.669 -0.824 2.535 -5.137z"/>
+      <path fill="none" d="M16.477 9.264l2.535 5.137 5.669 0.824 -4.102 3.998 0.968 5.646 -5.07 -2.666 -5.07 2.666 0.968 -5.646 -4.102 -3.998 5.669 -0.824 2.535 -5.137z"/>
+    </g>
+    <path fill="#000" d="M4.273 14.274l-2.281 -1.113"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M4.273 14.274l-2.281 -1.113"/>
+    <path fill="#000" d="M28.738 14.306l2.28 -1.112"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M28.738 14.306l2.28 -1.112"/>
+    <path fill="#000" d="M24.168 28.806l1.631 1.944"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.168 28.806l1.631 1.944"/>
+    <path fill="#000" d="M8.816 28.826l-1.631 1.943"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.816 28.826l-1.631 1.943"/>
+    <path fill="#000" d="M16.559 4.97v-2.537"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.97v-2.537"/>
+  </svg>
+  <svg x="330">
+    <defs>
+      <mask id="v" mask-type="alpha">
+        <g clip-path="url(#f10_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="u" mask-type="alpha">
+        <g clip-path="url(#f10_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#u)">
+      <path fill="#FFF" d="M16.415 8.021l2.005 3.945 0.847 1.667 1.842 0.314 4.284 0.732 -3.119 3.397 -1.208 1.314 0.27 1.766 0.687 4.484 -3.894 -2.065 -1.753 -0.93 -1.747 0.938 -3.784 2.03 0.685 -4.455 0.273 -1.776 -1.223 -1.318 -3.138 -3.38 4.36 -0.732 1.891 -0.318 0.837 -1.727 1.883 -3.883"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.858" d="M16.415 8.021l2.005 3.945 0.847 1.667 1.842 0.314 4.284 0.732 -3.119 3.397 -1.208 1.314 0.27 1.766 0.687 4.484 -3.894 -2.065 -1.753 -0.93 -1.747 0.938 -3.784 2.03 0.685 -4.455 0.273 -1.776 -1.223 -1.318 -3.138 -3.38 4.36 -0.732 1.891 -0.318 0.837 -1.727 1.883 -3.883"/>
+    </g>
+    <g mask="url(#v)">
+      <path fill="#0A84FF" d="M16.468 8.97l2.636 5.34 5.893 0.857 -4.265 4.156 1.007 5.87 -5.27 -2.771 -5.272 2.77 1.007 -5.869 -4.265 -4.156 5.894 -0.857 2.635 -5.34z"/>
+      <path fill="none" d="M16.468 8.97l2.636 5.34 5.893 0.857 -4.265 4.156 1.007 5.87 -5.27 -2.771 -5.272 2.77 1.007 -5.869 -4.265 -4.156 5.894 -0.857 2.635 -5.34z"/>
+    </g>
+    <path fill="#000" d="M4.273 14.274l-3.056 -1.49"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M4.273 14.274l-3.056 -1.49"/>
+    <path fill="#000" d="M28.738 14.306l3.056 -1.49"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M28.738 14.306l3.056 -1.49"/>
+    <path fill="#000" d="M24.168 28.806l2.186 2.605"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.168 28.806l2.186 2.605"/>
+    <path fill="#000" d="M8.816 28.826l-2.186 2.604"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.816 28.826l-2.186 2.604"/>
+    <path fill="#000" d="M16.559 4.97v-3.4"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.97v-3.4"/>
+  </svg>
+  <svg x="363">
+    <defs>
+      <mask id="x" mask-type="alpha">
+        <g clip-path="url(#f11_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="w" mask-type="alpha">
+        <g clip-path="url(#f11_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#w)">
+      <path fill="#FFF" d="M16.406 7.738l2.07 4.074 0.875 1.721 1.902 0.324 4.424 0.756 -3.221 3.508 -1.248 1.357 0.28 1.824 0.709 4.63 -4.022 -2.133 -1.81 -0.96 -1.804 0.97 -3.907 2.095 0.707 -4.6 0.282 -1.834 -1.263 -1.361 -3.24 -3.49 4.502 -0.757 1.953 -0.328 0.864 -1.783 1.945 -4.01"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.918" d="M16.406 7.738l2.07 4.074 0.875 1.721 1.902 0.324 4.424 0.756 -3.221 3.508 -1.248 1.357 0.28 1.824 0.709 4.63 -4.022 -2.133 -1.81 -0.96 -1.804 0.97 -3.907 2.095 0.707 -4.6 0.282 -1.834 -1.263 -1.361 -3.24 -3.49 4.502 -0.757 1.953 -0.328 0.864 -1.783 1.945 -4.01"/>
+    </g>
+    <g mask="url(#x)">
+      <path fill="#0A84FF" d="M16.46 8.718l2.722 5.515 6.086 0.884 -4.404 4.292 1.04 6.061 -5.443 -2.861 -5.444 2.861 1.04 -6.06 -4.404 -4.293 6.086 -0.884 2.722 -5.515z"/>
+      <path fill="none" d="M16.46 8.718l2.722 5.515 6.086 0.884 -4.404 4.292 1.04 6.061 -5.443 -2.861 -5.444 2.861 1.04 -6.06 -4.404 -4.293 6.086 -0.884 2.722 -5.515z"/>
+    </g>
+    <path fill="#000" d="M4.145 14.211l-2.928 -1.428"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M4.145 14.211l-2.928 -1.428"/>
+    <path fill="#000" d="M28.866 14.243l2.928 -1.428"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M28.866 14.243l2.928 -1.428"/>
+    <path fill="#000" d="M24.26 28.915l2.094 2.496"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.26 28.915l2.094 2.496"/>
+    <path fill="#000" d="M8.724 28.935l-2.094 2.495"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.724 28.935l-2.094 2.495"/>
+    <path fill="#000" d="M16.559 4.828v-3.258"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.828v-3.258"/>
+  </svg>
+  <svg x="396">
+    <defs>
+      <mask id="z" mask-type="alpha">
+        <g clip-path="url(#f12_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="y" mask-type="alpha">
+        <g clip-path="url(#f12_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#y)">
+      <path fill="#FFF" d="M16.401 7.59l2.104 4.141 0.89 1.75 1.933 0.33 4.497 0.768 -3.274 3.565 -1.269 1.38 0.284 1.854 0.721 4.707 -4.087 -2.169 -1.84 -0.975 -1.834 0.984 -3.972 2.131 0.72 -4.676 0.286 -1.864 -1.284 -1.384 -3.293 -3.547 4.576 -0.77 1.985 -0.333 0.878 -1.812 1.977 -4.077"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.95" d="M16.401 7.59l2.104 4.141 0.89 1.75 1.933 0.33 4.497 0.768 -3.274 3.565 -1.269 1.38 0.284 1.854 0.721 4.707 -4.087 -2.169 -1.84 -0.975 -1.834 0.984 -3.972 2.131 0.72 -4.676 0.286 -1.864 -1.284 -1.384 -3.293 -3.547 4.576 -0.77 1.985 -0.333 0.878 -1.812 1.977 -4.077"/>
+    </g>
+    <g mask="url(#z)">
+      <path fill="#0A84FF" d="M16.457 8.587l2.766 5.605 6.186 0.899 -4.476 4.363 1.056 6.16 -5.532 -2.908 -5.533 2.909 1.057 -6.161 -4.476 -4.363 6.185 -0.899 2.767 -5.605z"/>
+      <path fill="none" d="M16.457 8.587l2.766 5.605 6.186 0.899 -4.476 4.363 1.056 6.16 -5.532 -2.908 -5.533 2.909 1.057 -6.161 -4.476 -4.363 6.185 -0.899 2.767 -5.605z"/>
+    </g>
+    <path fill="#000" d="M3.835 14.06l-2.618 -1.277"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M3.835 14.06l-2.618 -1.277"/>
+    <path fill="#000" d="M29.176 14.092l2.618 -1.277"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M29.176 14.092l2.618 -1.277"/>
+    <path fill="#000" d="M24.481 29.18l1.873 2.23"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.481 29.18l1.873 2.23"/>
+    <path fill="#000" d="M8.502 29.199l-1.872 2.231"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.502 29.199l-1.872 2.231"/>
+    <path fill="#000" d="M16.559 4.483v-2.913"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.483v-2.913"/>
+  </svg>
+  <svg x="429">
+    <defs>
+      <mask id="B" mask-type="alpha">
+        <g clip-path="url(#f13_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="A" mask-type="alpha">
+        <g clip-path="url(#f13_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#A)">
+      <path fill="#FFF" d="M16.406 7.738l2.07 4.074 0.875 1.721 1.902 0.324 4.424 0.756 -3.221 3.508 -1.248 1.357 0.28 1.824 0.709 4.63 -4.022 -2.133 -1.81 -0.96 -1.804 0.97 -3.907 2.096 0.707 -4.6 0.282 -1.835 -1.263 -1.361 -3.24 -3.49 4.502 -0.757 1.953 -0.328 0.864 -1.783 1.945 -4.01"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.918" d="M16.406 7.738l2.07 4.074 0.875 1.721 1.902 0.324 4.424 0.756 -3.221 3.508 -1.248 1.357 0.28 1.824 0.709 4.63 -4.022 -2.133 -1.81 -0.96 -1.804 0.97 -3.907 2.096 0.707 -4.6 0.282 -1.835 -1.263 -1.361 -3.24 -3.49 4.502 -0.757 1.953 -0.328 0.864 -1.783 1.945 -4.01"/>
+    </g>
+    <g mask="url(#B)">
+      <path fill="#0A84FF" d="M16.46 8.718l2.722 5.515 6.086 0.884 -4.404 4.292 1.04 6.061 -5.444 -2.861 -5.443 2.861 1.04 -6.06 -4.404 -4.293 6.086 -0.884 2.721 -5.515z"/>
+      <path fill="none" d="M16.46 8.718l2.722 5.515 6.086 0.884 -4.404 4.292 1.04 6.061 -5.444 -2.861 -5.443 2.861 1.04 -6.06 -4.404 -4.293 6.086 -0.884 2.721 -5.515z"/>
+    </g>
+    <path fill="#000" d="M3.408 13.852l-2.191 -1.069"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M3.408 13.852l-2.191 -1.069"/>
+    <path fill="#000" d="M29.602 13.884l2.192 -1.069"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M29.602 13.884l2.192 -1.069"/>
+    <path fill="#000" d="M24.786 29.543l1.568 1.868"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M24.786 29.543l1.568 1.868"/>
+    <path fill="#000" d="M8.197 29.563l-1.567 1.867"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M8.197 29.563l-1.567 1.867"/>
+    <path fill="#000" d="M16.559 4.008v-2.438"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 4.008v-2.438"/>
+  </svg>
+  <svg x="462">
+    <defs>
+      <mask id="D" mask-type="alpha">
+        <g clip-path="url(#f14_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="C" mask-type="alpha">
+        <g clip-path="url(#f14_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#C)">
+      <path fill="#FFF" d="M16.413 7.97l2.017 3.968 0.852 1.677 1.853 0.316 4.31 0.736 -3.138 3.417 -1.216 1.322 0.272 1.777 0.691 4.51 -3.917 -2.078 -1.763 -0.935 -1.758 0.944 -3.805 2.042 0.688 -4.482 0.275 -1.786 -1.23 -1.326 -3.156 -3.4 4.386 -0.736 1.902 -0.32 0.841 -1.737 1.895 -3.906"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.869" d="M16.413 7.97l2.017 3.968 0.852 1.677 1.853 0.316 4.31 0.736 -3.138 3.417 -1.216 1.322 0.272 1.777 0.691 4.51 -3.917 -2.078 -1.763 -0.935 -1.758 0.944 -3.805 2.042 0.688 -4.482 0.275 -1.786 -1.23 -1.326 -3.156 -3.4 4.386 -0.736 1.902 -0.32 0.841 -1.737 1.895 -3.906"/>
+    </g>
+    <g mask="url(#D)">
+      <path fill="#0A84FF" d="M16.467 8.925l2.65 5.371 5.928 0.862 -4.289 4.18 1.013 5.905 -5.302 -2.788 -5.302 2.788 1.012 -5.904 -4.289 -4.181 5.928 -0.862 2.65 -5.371z"/>
+      <path fill="none" d="M16.467 8.925l2.65 5.371 5.928 0.862 -4.289 4.18 1.013 5.905 -5.302 -2.788 -5.302 2.788 1.012 -5.904 -4.289 -4.181 5.928 -0.862 2.65 -5.371z"/>
+    </g>
+    <path fill="#000" d="M2.901 13.605l-1.684 -0.822"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M2.901 13.605l-1.684 -0.822"/>
+    <path fill="#000" d="M30.109 13.637l1.685 -0.822"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M30.109 13.637l1.685 -0.822"/>
+    <path fill="#000" d="M25.149 29.975l1.205 1.436"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M25.149 29.975l1.205 1.436"/>
+    <path fill="#000" d="M7.835 29.994l-1.205 1.436"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M7.835 29.994l-1.205 1.436"/>
+    <path fill="#000" d="M16.559 3.445v-1.875"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 3.445v-1.875"/>
+  </svg>
+  <svg x="495">
+    <defs>
+      <mask id="F" mask-type="alpha">
+        <g clip-path="url(#f15_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="E" mask-type="alpha">
+        <g clip-path="url(#f15_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#E)">
+      <path fill="#FFF" d="M16.422 8.223l1.958 3.853 0.827 1.628 1.8 0.307 4.184 0.715 -3.047 3.317 -1.18 1.284 0.264 1.725 0.671 4.38 -3.804 -2.018 -1.712 -0.908 -1.706 0.917 -3.696 1.982 0.67 -4.35 0.266 -1.736 -1.195 -1.287 -3.064 -3.3 4.258 -0.716 1.848 -0.311 0.817 -1.686 1.839 -3.793"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.814" d="M16.422 8.223l1.958 3.853 0.827 1.628 1.8 0.307 4.184 0.715 -3.047 3.317 -1.18 1.284 0.264 1.725 0.671 4.38 -3.804 -2.018 -1.712 -0.908 -1.706 0.917 -3.696 1.982 0.67 -4.35 0.266 -1.736 -1.195 -1.287 -3.064 -3.3 4.258 -0.716 1.848 -0.311 0.817 -1.686 1.839 -3.793"/>
+    </g>
+    <g mask="url(#F)">
+      <path fill="#0A84FF" d="M16.473 9.15l2.575 5.216 5.755 0.836 -4.165 4.06 0.984 5.733 -5.149 -2.707 -5.148 2.707 0.984 -5.733 -4.165 -4.06 5.755 -0.836 2.574 -5.216z"/>
+      <path fill="none" d="M16.473 9.15l2.575 5.216 5.755 0.836 -4.165 4.06 0.984 5.733 -5.149 -2.707 -5.148 2.707 0.984 -5.733 -4.165 -4.06 5.755 -0.836 2.574 -5.216z"/>
+    </g>
+    <path fill="#000" d="M2.342 13.332l-1.125 -0.549"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M2.342 13.332l-1.125 -0.549"/>
+    <path fill="#000" d="M30.668 13.364l1.126 -0.549"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M30.668 13.364l1.126 -0.549"/>
+    <path fill="#000" d="M25.549 30.451l0.805 0.96"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M25.549 30.451l0.805 0.96"/>
+    <path fill="#000" d="M7.435 30.47l-0.805 0.96"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M7.435 30.47l-0.805 0.96"/>
+    <path fill="#000" d="M16.559 2.822v-1.252"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 2.822v-1.252"/>
+  </svg>
+  <svg x="528">
+    <defs>
+      <mask id="H" mask-type="alpha">
+        <g clip-path="url(#f16_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="G" mask-type="alpha">
+        <g clip-path="url(#f16_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#G)">
+      <path fill="#FFF" d="M16.43 8.48l1.899 3.736 0.802 1.579 1.745 0.297 4.057 0.693 -2.954 3.217 -1.144 1.245 0.255 1.673 0.651 4.247 -3.688 -1.957 -1.66 -0.88 -1.655 0.888 -3.583 1.923 0.649 -4.22 0.258 -1.681 -1.158 -1.249 -2.972 -3.2 4.13 -0.694 1.79 -0.301 0.793 -1.636 1.783 -3.677"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.759" d="M16.43 8.48l1.899 3.736 0.802 1.579 1.745 0.297 4.057 0.693 -2.954 3.217 -1.144 1.245 0.255 1.673 0.651 4.247 -3.688 -1.957 -1.66 -0.88 -1.655 0.888 -3.583 1.923 0.649 -4.22 0.258 -1.681 -1.158 -1.249 -2.972 -3.2 4.13 -0.694 1.79 -0.301 0.793 -1.636 1.783 -3.677"/>
+    </g>
+    <g mask="url(#H)">
+      <path fill="#0A84FF" d="M16.48 9.38l2.496 5.056 5.581 0.811 -4.038 3.937 0.953 5.559 -4.992 -2.625 -4.992 2.625 0.954 -5.559 -4.039 -3.937 5.581 -0.81 2.496 -5.058z"/>
+      <path fill="none" d="M16.48 9.38l2.496 5.056 5.581 0.811 -4.038 3.937 0.953 5.559 -4.992 -2.625 -4.992 2.625 0.954 -5.559 -4.039 -3.937 5.581 -0.81 2.496 -5.058z"/>
+    </g>
+    <path fill="#000" d="M1.758 13.047l-0.541 -0.264"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M1.758 13.047l-0.541 -0.264"/>
+    <path fill="#000" d="M31.253 13.08l0.54 -0.265"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M31.253 13.08l0.54 -0.265"/>
+    <path fill="#000" d="M25.967 30.95l0.387 0.46"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M25.967 30.95l0.387 0.46"/>
+    <path fill="#000" d="M7.017 30.97l-0.387 0.46"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M7.017 30.97l-0.387 0.46"/>
+    <path fill="#000" d="M16.559 2.172v-0.602"/>
+    <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-width="1.6" d="M16.559 2.172v-0.602"/>
+  </svg>
+  <svg x="561">
+    <defs>
+      <mask id="J" mask-type="alpha">
+        <g clip-path="url(#f17_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="I" mask-type="alpha">
+        <g clip-path="url(#f17_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#I)">
+      <path fill="#FFF" d="M16.438 8.731l1.84 3.622 0.779 1.53 1.69 0.289 3.934 0.672 -2.864 3.118 -1.109 1.207 0.248 1.622 0.631 4.116 -3.575 -1.896 -1.61 -0.854 -1.604 0.862 -3.473 1.863 0.628 -4.09 0.251 -1.63 -1.123 -1.21 -2.88 -3.103 4.002 -0.673 1.737 -0.292 0.768 -1.585 1.729 -3.565"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.706" d="M16.438 8.731l1.84 3.622 0.779 1.53 1.69 0.289 3.934 0.672 -2.864 3.118 -1.109 1.207 0.248 1.622 0.631 4.116 -3.575 -1.896 -1.61 -0.854 -1.604 0.862 -3.473 1.863 0.628 -4.09 0.251 -1.63 -1.123 -1.21 -2.88 -3.103 4.002 -0.673 1.737 -0.292 0.768 -1.585 1.729 -3.565"/>
+    </g>
+    <g mask="url(#J)">
+      <path fill="#0A84FF" d="M16.487 9.603l2.42 4.902 5.41 0.787 -3.915 3.816 0.924 5.388 -4.839 -2.544 -4.84 2.544 0.925 -5.388 -3.915 -3.816 5.41 -0.787 2.42 -4.902z"/>
+      <path fill="none" d="M16.487 9.603l2.42 4.902 5.41 0.787 -3.915 3.816 0.924 5.388 -4.839 -2.544 -4.84 2.544 0.925 -5.388 -3.915 -3.816 5.41 -0.787 2.42 -4.902z"/>
+    </g>
+  </svg>
+  <svg x="594">
+    <defs>
+      <mask id="L" mask-type="alpha">
+        <g clip-path="url(#f18_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="K" mask-type="alpha">
+        <g clip-path="url(#f18_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#K)">
+      <path fill="#FFF" d="M16.446 8.966l1.786 3.515 0.755 1.485 1.642 0.28 3.817 0.652 -2.78 3.027 -1.076 1.171 0.24 1.574 0.613 3.996 -3.47 -1.841 -1.562 -0.828 -1.557 0.836 -3.371 1.808 0.61 -3.97 0.243 -1.582 -1.09 -1.175 -2.795 -3.01 3.885 -0.654 1.685 -0.283 0.745 -1.539 1.679 -3.46"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.655" d="M16.446 8.966l1.786 3.515 0.755 1.485 1.642 0.28 3.817 0.652 -2.78 3.027 -1.076 1.171 0.24 1.574 0.613 3.996 -3.47 -1.841 -1.562 -0.828 -1.557 0.836 -3.371 1.808 0.61 -3.97 0.243 -1.582 -1.09 -1.175 -2.795 -3.01 3.885 -0.654 1.685 -0.283 0.745 -1.539 1.679 -3.46"/>
+    </g>
+    <g mask="url(#L)">
+      <path fill="#0A84FF" d="M16.493 9.811l2.349 4.759 5.25 0.763 -3.799 3.704 0.897 5.23 -4.697 -2.47 -4.696 2.47 0.897 -5.23 -3.8 -3.704 5.25 -0.763 2.35 -4.759z"/>
+      <path fill="none" d="M16.493 9.811l2.349 4.759 5.25 0.763 -3.799 3.704 0.897 5.23 -4.697 -2.47 -4.696 2.47 0.897 -5.23 -3.8 -3.704 5.25 -0.763 2.35 -4.759z"/>
+    </g>
+  </svg>
+  <svg x="627">
+    <defs>
+      <mask id="N" mask-type="alpha">
+        <g clip-path="url(#f19_BkV3WrqkR1)" transform="matrix(.2 0 0 .2 -15.623 -12.404)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="M" mask-type="alpha">
+        <g clip-path="url(#f19_4P5xKEAlF3)" transform="matrix(.2 0 0 .2 -15.216 -8.977)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <g mask="url(#M)">
+      <path fill="#FFF" d="M16.453 9.164l1.74 3.425 0.735 1.447 1.6 0.273 3.719 0.635 -2.708 2.95 -1.049 1.14 0.235 1.534 0.596 3.893 -3.38 -1.794 -1.523 -0.807 -1.516 0.815 -3.285 1.762 0.595 -3.868 0.237 -1.542 -1.062 -1.144 -2.724 -2.934 3.785 -0.636 1.642 -0.276 0.726 -1.499 1.635 -3.371"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.613" d="M16.453 9.164l1.74 3.425 0.735 1.447 1.6 0.273 3.719 0.635 -2.708 2.95 -1.049 1.14 0.235 1.534 0.596 3.893 -3.38 -1.794 -1.523 -0.807 -1.516 0.815 -3.285 1.762 0.595 -3.868 0.237 -1.542 -1.062 -1.144 -2.724 -2.934 3.785 -0.636 1.642 -0.276 0.726 -1.499 1.635 -3.371"/>
+    </g>
+    <g mask="url(#N)">
+      <path fill="#0A84FF" d="M16.499 9.988l2.288 4.636 5.116 0.744 -3.702 3.608 0.874 5.096 -4.576 -2.406 -4.576 2.406 0.874 -5.096 -3.702 -3.608 5.116 -0.744 2.288 -4.636z"/>
+      <path fill="none" d="M16.499 9.988l2.288 4.636 5.116 0.744 -3.702 3.608 0.874 5.096 -4.576 -2.406 -4.576 2.406 0.874 -5.096 -3.702 -3.608 5.116 -0.744 2.288 -4.636z"/>
+    </g>
+  </svg>
+  <svg x="660">
+    <defs>
+      <mask id="P" mask-type="alpha">
+        <g clip-path="url(#f20_BkV3WrqkR1)" transform="matrix(0 0 0 0 16.352 17.593)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+      <mask id="O" mask-type="alpha">
+        <g clip-path="url(#f20_4P5xKEAlF3)" transform="matrix(0 0 0 0 16.463 17.517)">
+          <path fill="#0a84ff" d="M0 0h320v240h-320z"/>
+        </g>
+      </mask>
+    </defs>
+    <path fill="none" stroke="context-fill" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.584" d="M16.457 9.307l1.71 3.363 0.722 1.422 1.57 0.267 3.653 0.624 -2.66 2.897 -1.03 1.12 0.23 1.506 0.587 3.824 -3.32 -1.762 -1.496 -0.792 -1.49 0.8 -3.225 1.73 0.584 -3.798 0.233 -1.514 -1.043 -1.124 -2.676 -2.882 3.718 -0.624 1.613 -0.272 0.713 -1.472 1.606 -3.31" display="block"/>
+    <g mask="url(#O)">
+      <path fill="#FFF" d="M16.456 9.271l1.716 3.376 0.725 1.427 1.577 0.269 3.666 0.626 -2.67 2.907 -1.033 1.125 0.23 1.512 0.589 3.838 -3.333 -1.768 -1.5 -0.796 -1.496 0.803 -3.238 1.737 0.586 -3.813 0.234 -1.52 -1.047 -1.128 -2.686 -2.892 3.732 -0.627 1.619 -0.273 0.716 -1.477 1.612 -3.324"/>
+      <path fill="none" stroke="#0A84FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.59" d="M16.456 9.271l1.716 3.376 0.725 1.427 1.577 0.269 3.666 0.626 -2.67 2.907 -1.033 1.125 0.23 1.512 0.589 3.838 -3.333 -1.768 -1.5 -0.796 -1.496 0.803 -3.238 1.737 0.586 -3.813 0.234 -1.52 -1.047 -1.128 -2.686 -2.892 3.732 -0.627 1.619 -0.273 0.716 -1.477 1.612 -3.324"/>
+    </g>
+    <g mask="url(#P)" opacity=".08">
+      <path fill="context-fill" d="M16.502 10.083l2.255 4.57 5.044 0.734 -3.65 3.557 0.862 5.023 -4.511 -2.371 -4.512 2.371 0.862 -5.023 -3.65 -3.557 5.044 -0.733 2.256 -4.57z"/>
+      <path fill="none" d="M16.502 10.083l2.255 4.57 5.044 0.734 -3.65 3.557 0.862 5.023 -4.511 -2.371 -4.512 2.371 0.862 -5.023 -3.65 -3.557 5.044 -0.733 2.256 -4.57z"/>
+    </g>
+  </svg>
+</svg>
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/icons/library-bookmark-animation.svg
@@ -0,0 +1,635 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="1078" height="54" fill="context-fill">
+  <svg>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+  </svg>
+  <svg x="22">
+    <defs>
+      <mask id="a" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#a)" opacity=".043">
+      <path fill="rgb(48,163,255)" d="M13.593 1.683l0.46 3.355 0.193 1.418 1.254 0.69 2.914 1.604 -3.108 1.673 -1.204 0.647 -0.247 1.345 -0.628 3.414 -2.298 -2.47 -1.034 -1.113 -1.498 0.24 -3.246 0.519 1.614 -3.05 0.643 -1.215 -0.554 -1.26 -1.42 -3.23 3.336 0.564 1.447 0.244 1.038 -1.038 2.336 -2.335"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.422" d="M13.593 1.683l0.46 3.355 0.193 1.418 1.254 0.69 2.914 1.604 -3.108 1.673 -1.204 0.647 -0.247 1.345 -0.628 3.414 -2.298 -2.47 -1.034 -1.113 -1.498 0.24 -3.246 0.519 1.614 -3.05 0.643 -1.215 -0.554 -1.26 -1.42 -3.23 3.336 0.564 1.447 0.244 1.038 -1.038 2.336 -2.335"/>
+    </g>
+  </svg>
+  <svg x="44">
+    <defs>
+      <mask id="b" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#b)" opacity=".156">
+      <path fill="rgb(48,163,255)" d="M13.328 1.594l0.588 3.314 0.248 1.4 1.272 0.636 2.957 1.48 -3.02 1.783 -1.17 0.69 -0.194 1.346 -0.49 3.416 -2.378 -2.364 -1.072 -1.064 -1.478 0.297 -3.203 0.643 1.482 -3.092 0.592 -1.233 -0.6 -1.23 -1.538 -3.152 3.336 0.429 1.447 0.186 0.99 -1.072 2.229 -2.412"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.413" d="M13.328 1.594l0.588 3.314 0.248 1.4 1.272 0.636 2.957 1.48 -3.02 1.783 -1.17 0.69 -0.194 1.346 -0.49 3.416 -2.378 -2.364 -1.072 -1.064 -1.478 0.297 -3.203 0.643 1.482 -3.092 0.592 -1.233 -0.6 -1.23 -1.538 -3.152 3.336 0.429 1.447 0.186 0.99 -1.072 2.229 -2.412"/>
+    </g>
+  </svg>
+  <svg x="66">
+    <defs>
+      <mask id="c" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#c)" opacity=".316">
+      <path fill="rgb(48,163,255)" d="M12.953 1.508l0.766 3.249 0.323 1.373 1.295 0.558 3.009 1.3 -2.892 1.934 -1.12 0.748 -0.117 1.342 -0.295 3.41 -2.486 -2.209 -1.12 -0.994 -1.447 0.376 -3.135 0.814 1.296 -3.143 0.517 -1.254 -0.661 -1.184 -1.698 -3.036 3.327 0.24 1.442 0.105 0.92 -1.117 2.074 -2.51"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.401" d="M12.953 1.508l0.766 3.249 0.323 1.373 1.295 0.558 3.009 1.3 -2.892 1.934 -1.12 0.748 -0.117 1.342 -0.295 3.41 -2.486 -2.209 -1.12 -0.994 -1.447 0.376 -3.135 0.814 1.296 -3.143 0.517 -1.254 -0.661 -1.184 -1.698 -3.036 3.327 0.24 1.442 0.105 0.92 -1.117 2.074 -2.51"/>
+    </g>
+  </svg>
+  <svg x="88">
+    <defs>
+      <mask id="d" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#d)" opacity=".5">
+      <path fill="rgb(48,163,255)" d="M12.525 1.445l0.963 3.162 0.406 1.336 1.315 0.47 3.056 1.094 -2.735 2.093 -1.06 0.81 -0.03 1.335 -0.075 3.387 -2.597 -2.025 -1.17 -0.91 -1.405 0.463 -3.047 1.002 1.082 -3.188 0.431 -1.271 -0.729 -1.128 -1.87 -2.892 3.303 0.026 1.432 0.011 0.839 -1.161 1.89 -2.612"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.388" d="M12.525 1.445l0.963 3.162 0.406 1.336 1.315 0.47 3.056 1.094 -2.735 2.093 -1.06 0.81 -0.03 1.335 -0.075 3.387 -2.597 -2.025 -1.17 -0.91 -1.405 0.463 -3.047 1.002 1.082 -3.188 0.431 -1.271 -0.729 -1.128 -1.87 -2.892 3.303 0.026 1.432 0.011 0.839 -1.161 1.89 -2.612"/>
+    </g>
+  </svg>
+  <svg x="110">
+    <defs>
+      <mask id="e" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#e)" opacity=".684">
+      <path fill="rgb(48,163,255)" d="M12.101 1.412l1.152 3.062 0.486 1.294 1.329 0.381 3.089 0.888 -2.57 2.242 -0.995 0.867 0.055 1.32 0.14 3.352 -2.695 -1.836 -1.213 -0.826 -1.36 0.547 -2.946 1.184 0.867 -3.219 0.345 -1.283 -0.791 -1.068 -2.03 -2.74 3.263 -0.183 1.416 -0.08 0.755 -1.2 1.702 -2.7"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.374" d="M12.101 1.412l1.152 3.062 0.486 1.294 1.329 0.381 3.089 0.888 -2.57 2.242 -0.995 0.867 0.055 1.32 0.14 3.352 -2.695 -1.836 -1.213 -0.826 -1.36 0.547 -2.946 1.184 0.867 -3.219 0.345 -1.283 -0.791 -1.068 -2.03 -2.74 3.263 -0.183 1.416 -0.08 0.755 -1.2 1.702 -2.7"/>
+    </g>
+  </svg>
+  <svg x="132">
+    <defs>
+      <mask id="f" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#f)" opacity=".844">
+      <path fill="rgb(48,163,255)" d="M11.736 1.4l1.31 2.967 0.552 1.254 1.337 0.304 3.106 0.707 -2.419 2.361 -0.937 0.914 0.127 1.303 0.324 3.31 -2.768 -1.668 -1.246 -0.75 -1.316 0.616 -2.85 1.335 0.68 -3.233 0.27 -1.29 -0.842 -1.013 -2.162 -2.599 3.22 -0.362 1.397 -0.157 0.682 -1.23 1.534 -2.767"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.362" d="M11.736 1.4l1.31 2.967 0.552 1.254 1.337 0.304 3.106 0.707 -2.419 2.361 -0.937 0.914 0.127 1.303 0.324 3.31 -2.768 -1.668 -1.246 -0.75 -1.316 0.616 -2.85 1.335 0.68 -3.233 0.27 -1.29 -0.842 -1.013 -2.162 -2.599 3.22 -0.362 1.397 -0.157 0.682 -1.23 1.534 -2.767"/>
+    </g>
+  </svg>
+  <svg x="154">
+    <defs>
+      <mask id="g" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#g)" opacity=".957">
+      <path fill="rgb(48,163,255)" d="M11.481 1.392l1.417 2.895 0.598 1.224 1.34 0.249 3.111 0.58 -2.309 2.44 -0.894 0.944 0.177 1.289 0.452 3.273 -2.814 -1.547 -1.267 -0.696 -1.282 0.664 -2.779 1.437 0.548 -3.237 0.219 -1.291 -0.877 -0.973 -2.248 -2.496 3.184 -0.486 1.38 -0.21 0.628 -1.249 1.415 -2.808"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.353" d="M11.481 1.392l1.417 2.895 0.598 1.224 1.34 0.249 3.111 0.58 -2.309 2.44 -0.894 0.944 0.177 1.289 0.452 3.273 -2.814 -1.547 -1.267 -0.696 -1.282 0.664 -2.779 1.437 0.548 -3.237 0.219 -1.291 -0.877 -0.973 -2.248 -2.496 3.184 -0.486 1.38 -0.21 0.628 -1.249 1.415 -2.808"/>
+    </g>
+  </svg>
+  <svg x="176">
+    <defs>
+      <mask id="h" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#h)">
+      <path fill="rgb(48,163,255)" d="M11.386 1.366l1.456 2.867 0.615 1.211 1.34 0.228 3.113 0.532 -2.267 2.469 -0.878 0.955 0.196 1.283 0.5 3.259 -2.83 -1.501 -1.275 -0.676 -1.269 0.682 -2.75 1.475 0.499 -3.237 0.198 -1.291 -0.889 -0.958 -2.28 -2.456 3.169 -0.532 1.373 -0.231 0.608 -1.255 1.37 -2.822"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M11.386 1.366l1.456 2.867 0.615 1.211 1.34 0.228 3.113 0.532 -2.267 2.469 -0.878 0.955 0.196 1.283 0.5 3.259 -2.83 -1.501 -1.275 -0.676 -1.269 0.682 -2.75 1.475 0.499 -3.237 0.198 -1.291 -0.889 -0.958 -2.28 -2.456 3.169 -0.532 1.373 -0.231 0.608 -1.255 1.37 -2.822"/>
+    </g>
+  </svg>
+  <svg x="198">
+    <defs>
+      <mask id="i" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#i)">
+      <path fill="rgb(48,163,255)" d="M11.333 1.416l1.48 2.854 0.625 1.206 1.341 0.218 3.118 0.506 -2.247 2.487 -0.87 0.962 0.207 1.282 0.526 3.254 -2.842 -1.478 -1.28 -0.665 -1.263 0.692 -2.738 1.498 0.471 -3.241 0.188 -1.293 -0.896 -0.95 -2.3 -2.437 3.163 -0.558 1.372 -0.243 0.598 -1.26 1.346 -2.833"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M11.333 1.416l1.48 2.854 0.625 1.206 1.341 0.218 3.118 0.506 -2.247 2.487 -0.87 0.962 0.207 1.282 0.526 3.254 -2.842 -1.478 -1.28 -0.665 -1.263 0.692 -2.738 1.498 0.471 -3.241 0.188 -1.293 -0.896 -0.95 -2.3 -2.437 3.163 -0.558 1.372 -0.243 0.598 -1.26 1.346 -2.833"/>
+    </g>
+  </svg>
+  <svg x="220">
+    <defs>
+      <mask id="j" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#j)">
+      <path fill="rgb(48,163,255)" d="M11.26 1.479l1.512 2.837 0.639 1.2 1.343 0.201 3.123 0.471 -2.217 2.512 -0.86 0.973 0.222 1.279 0.563 3.248 -2.859 -1.445 -1.287 -0.65 -1.256 0.706 -2.72 1.528 0.435 -3.246 0.173 -1.295 -0.908 -0.94 -2.328 -2.41 3.158 -0.595 1.369 -0.258 0.583 -1.266 1.313 -2.848"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M11.26 1.479l1.512 2.837 0.639 1.2 1.343 0.201 3.123 0.471 -2.217 2.512 -0.86 0.973 0.222 1.279 0.563 3.248 -2.859 -1.445 -1.287 -0.65 -1.256 0.706 -2.72 1.528 0.435 -3.246 0.173 -1.295 -0.908 -0.94 -2.328 -2.41 3.158 -0.595 1.369 -0.258 0.583 -1.266 1.313 -2.848"/>
+    </g>
+  </svg>
+  <svg x="242">
+    <defs>
+      <mask id="k" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#k)">
+      <path fill="rgb(48,163,255)" d="M11.174 1.557l1.55 2.817 0.655 1.19 1.346 0.185 3.129 0.43 -2.184 2.54 -0.847 0.984 0.239 1.277 0.606 3.24 -2.878 -1.408 -1.296 -0.633 -1.246 0.723 -2.7 1.565 0.392 -3.252 0.156 -1.297 -0.92 -0.928 -2.36 -2.379 3.15 -0.636 1.365 -0.277 0.567 -1.273 1.275 -2.866"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M11.174 1.557l1.55 2.817 0.655 1.19 1.346 0.185 3.129 0.43 -2.184 2.54 -0.847 0.984 0.239 1.277 0.606 3.24 -2.878 -1.408 -1.296 -0.633 -1.246 0.723 -2.7 1.565 0.392 -3.252 0.156 -1.297 -0.92 -0.928 -2.36 -2.379 3.15 -0.636 1.365 -0.277 0.567 -1.273 1.275 -2.866"/>
+    </g>
+  </svg>
+  <svg x="264">
+    <defs>
+      <mask id="l" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#l)">
+      <path fill="rgb(48,163,255)" d="M11.08 1.652l1.592 2.794 0.671 1.181 1.349 0.165 3.135 0.383 -2.147 2.573 -0.833 0.996 0.258 1.273 0.653 3.23 -2.898 -1.365 -1.305 -0.614 -1.235 0.741 -2.677 1.604 0.344 -3.257 0.137 -1.3 -0.933 -0.914 -2.394 -2.345 3.14 -0.682 1.361 -0.296 0.548 -1.282 1.234 -2.883"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M11.08 1.652l1.592 2.794 0.671 1.181 1.349 0.165 3.135 0.383 -2.147 2.573 -0.833 0.996 0.258 1.273 0.653 3.23 -2.898 -1.365 -1.305 -0.614 -1.235 0.741 -2.677 1.604 0.344 -3.257 0.137 -1.3 -0.933 -0.914 -2.394 -2.345 3.14 -0.682 1.361 -0.296 0.548 -1.282 1.234 -2.883"/>
+    </g>
+  </svg>
+  <svg x="286">
+    <defs>
+      <mask id="m" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#m)">
+      <path fill="rgb(48,163,255)" d="M10.982 1.764l1.633 2.77 0.69 1.17 1.351 0.144 3.14 0.335 -2.107 2.606 -0.817 1.008 0.277 1.269 0.703 3.22 -2.919 -1.32 -1.314 -0.594 -1.224 0.76 -2.652 1.644 0.294 -3.262 0.117 -1.3 -0.947 -0.9 -2.43 -2.309 3.13 -0.73 1.356 -0.317 0.528 -1.29 1.19 -2.902"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.982 1.764l1.633 2.77 0.69 1.17 1.351 0.144 3.14 0.335 -2.107 2.606 -0.817 1.008 0.277 1.269 0.703 3.22 -2.919 -1.32 -1.314 -0.594 -1.224 0.76 -2.652 1.644 0.294 -3.262 0.117 -1.3 -0.947 -0.9 -2.43 -2.309 3.13 -0.73 1.356 -0.317 0.528 -1.29 1.19 -2.902"/>
+    </g>
+  </svg>
+  <svg x="308">
+    <defs>
+      <mask id="n" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#n)">
+      <path fill="rgb(48,163,255)" d="M10.879 1.895l1.677 2.743 0.709 1.159 1.353 0.122 3.145 0.285 -2.065 2.64 -0.8 1.02 0.296 1.265 0.755 3.209 -2.94 -1.274 -1.323 -0.573 -1.212 0.78 -2.625 1.686 0.242 -3.266 0.096 -1.303 -0.961 -0.885 -2.467 -2.268 3.117 -0.78 1.351 -0.339 0.508 -1.298 1.142 -2.921"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.879 1.895l1.677 2.743 0.709 1.159 1.353 0.122 3.145 0.285 -2.065 2.64 -0.8 1.02 0.296 1.265 0.755 3.209 -2.94 -1.274 -1.323 -0.573 -1.212 0.78 -2.625 1.686 0.242 -3.266 0.096 -1.303 -0.961 -0.885 -2.467 -2.268 3.117 -0.78 1.351 -0.339 0.508 -1.298 1.142 -2.921"/>
+    </g>
+  </svg>
+  <svg x="330">
+    <defs>
+      <mask id="o" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#o)">
+      <path fill="rgb(48,163,255)" d="M10.772 2.046l1.723 2.715 0.728 1.147 1.354 0.1 3.15 0.233 -2.022 2.673 -0.783 1.034 0.318 1.26 0.807 3.195 -2.96 -1.225 -1.333 -0.551 -1.198 0.8 -2.597 1.73 0.187 -3.27 0.075 -1.305 -0.976 -0.868 -2.503 -2.228 3.103 -0.831 1.346 -0.361 0.486 -1.307 1.094 -2.94"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.772 2.046l1.723 2.715 0.728 1.147 1.354 0.1 3.15 0.233 -2.022 2.673 -0.783 1.034 0.318 1.26 0.807 3.195 -2.96 -1.225 -1.333 -0.551 -1.198 0.8 -2.597 1.73 0.187 -3.27 0.075 -1.305 -0.976 -0.868 -2.503 -2.228 3.103 -0.831 1.346 -0.361 0.486 -1.307 1.094 -2.94"/>
+    </g>
+  </svg>
+  <svg x="352">
+    <defs>
+      <mask id="p" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#p)">
+      <path fill="rgb(48,163,255)" d="M10.663 2.218l1.769 2.686 0.747 1.135 1.356 0.076 3.153 0.18 -1.976 2.707 -0.766 1.048 0.339 1.253 0.861 3.182 -2.98 -1.175 -1.342 -0.529 -1.185 0.82 -2.567 1.774 0.132 -3.273 0.053 -1.305 -0.99 -0.852 -2.541 -2.185 3.089 -0.884 1.339 -0.384 0.464 -1.314 1.044 -2.958"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.663 2.218l1.769 2.686 0.747 1.135 1.356 0.076 3.153 0.18 -1.976 2.707 -0.766 1.048 0.339 1.253 0.861 3.182 -2.98 -1.175 -1.342 -0.529 -1.185 0.82 -2.567 1.774 0.132 -3.273 0.053 -1.305 -0.99 -0.852 -2.541 -2.185 3.089 -0.884 1.339 -0.384 0.464 -1.314 1.044 -2.958"/>
+    </g>
+  </svg>
+  <svg x="374">
+    <defs>
+      <mask id="q" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#q)">
+      <path fill="rgb(48,163,255)" d="M10.552 2.414l1.815 2.655 0.766 1.122 1.357 0.053 3.156 0.126 -1.929 2.74 -0.748 1.06 0.36 1.248 0.917 3.167 -3 -1.124 -1.351 -0.505 -1.17 0.84 -2.537 1.817 0.076 -3.274 0.03 -1.306 -1.005 -0.835 -2.578 -2.14 3.073 -0.937 1.333 -0.407 0.44 -1.323 0.994 -2.975"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.552 2.414l1.815 2.655 0.766 1.122 1.357 0.053 3.156 0.126 -1.929 2.74 -0.748 1.06 0.36 1.248 0.917 3.167 -3 -1.124 -1.351 -0.505 -1.17 0.84 -2.537 1.817 0.076 -3.274 0.03 -1.306 -1.005 -0.835 -2.578 -2.14 3.073 -0.937 1.333 -0.407 0.44 -1.323 0.994 -2.975"/>
+    </g>
+  </svg>
+  <svg x="396">
+    <defs>
+      <mask id="r" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#r)">
+      <path fill="rgb(48,163,255)" d="M10.44 2.636l1.86 2.622 0.786 1.109 1.358 0.03 3.158 0.07 -1.881 2.773 -0.73 1.074 0.383 1.24 0.97 3.151 -3.018 -1.07 -1.36 -0.482 -1.155 0.86 -2.505 1.861 0.02 -3.275 0.006 -1.306 -1.019 -0.817 -2.615 -2.096 3.057 -0.99 1.325 -0.43 0.418 -1.33 0.94 -2.992"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.44 2.636l1.86 2.622 0.786 1.109 1.358 0.03 3.158 0.07 -1.881 2.773 -0.73 1.074 0.383 1.24 0.97 3.151 -3.018 -1.07 -1.36 -0.482 -1.155 0.86 -2.505 1.861 0.02 -3.275 0.006 -1.306 -1.019 -0.817 -2.615 -2.096 3.057 -0.99 1.325 -0.43 0.418 -1.33 0.94 -2.992"/>
+    </g>
+  </svg>
+  <svg x="418">
+    <defs>
+      <mask id="s" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#s)">
+      <path fill="rgb(48,163,255)" d="M10.326 2.885l1.907 2.59 0.805 1.094 1.359 0.006 3.158 0.014 -1.832 2.807 -0.71 1.086 0.404 1.234 1.026 3.132 -3.037 -1.017 -1.368 -0.458 -1.14 0.88 -2.472 1.906 -0.038 -3.275 -0.016 -1.306 -1.034 -0.8 -2.651 -2.048 3.038 -1.044 1.318 -0.453 0.394 -1.338 0.888 -3.008"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.326 2.885l1.907 2.59 0.805 1.094 1.359 0.006 3.158 0.014 -1.832 2.807 -0.71 1.086 0.404 1.234 1.026 3.132 -3.037 -1.017 -1.368 -0.458 -1.14 0.88 -2.472 1.906 -0.038 -3.275 -0.016 -1.306 -1.034 -0.8 -2.651 -2.048 3.038 -1.044 1.318 -0.453 0.394 -1.338 0.888 -3.008"/>
+    </g>
+  </svg>
+  <svg x="440">
+    <defs>
+      <mask id="t" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#t)">
+      <path fill="rgb(48,163,255)" d="M10.212 3.165l1.952 2.555 0.825 1.08 1.358 -0.019 3.158 -0.04 -1.782 2.837 -0.69 1.1 0.426 1.226 1.082 3.114 -3.055 -0.964 -1.376 -0.433 -1.125 0.9 -2.436 1.95 -0.097 -3.274 -0.04 -1.306 -1.047 -0.78 -2.688 -2.002 3.02 -1.098 1.309 -0.476 0.37 -1.344 0.835 -3.024"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.212 3.165l1.952 2.555 0.825 1.08 1.358 -0.019 3.158 -0.04 -1.782 2.837 -0.69 1.1 0.426 1.226 1.082 3.114 -3.055 -0.964 -1.376 -0.433 -1.125 0.9 -2.436 1.95 -0.097 -3.274 -0.04 -1.306 -1.047 -0.78 -2.688 -2.002 3.02 -1.098 1.309 -0.476 0.37 -1.344 0.835 -3.024"/>
+    </g>
+  </svg>
+  <svg x="462">
+    <defs>
+      <mask id="u" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#u)">
+      <path fill="rgb(48,163,255)" d="M10.097 3.479l1.998 2.52 0.843 1.064 1.358 -0.043 3.157 -0.097 -1.73 2.87 -0.671 1.11 0.447 1.219 1.138 3.094 -3.072 -0.908 -1.383 -0.409 -1.108 0.92 -2.402 1.993 -0.156 -3.272 -0.062 -1.304 -1.061 -0.762 -2.723 -1.953 2.999 -1.152 1.3 -0.5 0.347 -1.35 0.78 -3.038"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M10.097 3.479l1.998 2.52 0.843 1.064 1.358 -0.043 3.157 -0.097 -1.73 2.87 -0.671 1.11 0.447 1.219 1.138 3.094 -3.072 -0.908 -1.383 -0.409 -1.108 0.92 -2.402 1.993 -0.156 -3.272 -0.062 -1.304 -1.061 -0.762 -2.723 -1.953 2.999 -1.152 1.3 -0.5 0.347 -1.35 0.78 -3.038"/>
+    </g>
+  </svg>
+  <svg x="484">
+    <defs>
+      <mask id="v" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#v)">
+      <path fill="rgb(48,163,255)" d="M9.981 3.83l2.043 2.483 0.863 1.05 1.357 -0.068 3.154 -0.154 -1.678 2.9 -0.651 1.123 0.47 1.21 1.193 3.073 -3.088 -0.853 -1.39 -0.383 -1.092 0.94 -2.366 2.036 -0.214 -3.269 -0.086 -1.303 -1.075 -0.743 -2.757 -1.903 2.978 -1.206 1.291 -0.523 0.322 -1.357 0.726 -3.051"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.981 3.83l2.043 2.483 0.863 1.05 1.357 -0.068 3.154 -0.154 -1.678 2.9 -0.651 1.123 0.47 1.21 1.193 3.073 -3.088 -0.853 -1.39 -0.383 -1.092 0.94 -2.366 2.036 -0.214 -3.269 -0.086 -1.303 -1.075 -0.743 -2.757 -1.903 2.978 -1.206 1.291 -0.523 0.322 -1.357 0.726 -3.051"/>
+    </g>
+  </svg>
+  <svg x="506">
+    <defs>
+      <mask id="w" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#w)">
+      <path fill="rgb(48,163,255)" d="M9.866 4.223l2.087 2.446 0.881 1.034 1.356 -0.092 3.15 -0.211 -1.625 2.93 -0.63 1.134 0.491 1.202 1.248 3.05 -3.103 -0.796 -1.397 -0.359 -1.074 0.96 -2.328 2.078 -0.274 -3.264 -0.109 -1.302 -1.088 -0.723 -2.791 -1.854 2.955 -1.259 1.282 -0.546 0.297 -1.362 0.67 -3.064"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.866 4.223l2.087 2.446 0.881 1.034 1.356 -0.092 3.15 -0.211 -1.625 2.93 -0.63 1.134 0.491 1.202 1.248 3.05 -3.103 -0.796 -1.397 -0.359 -1.074 0.96 -2.328 2.078 -0.274 -3.264 -0.109 -1.302 -1.088 -0.723 -2.791 -1.854 2.955 -1.259 1.282 -0.546 0.297 -1.362 0.67 -3.064"/>
+    </g>
+  </svg>
+  <svg x="528">
+    <defs>
+      <mask id="x" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#x)">
+      <path fill="rgb(48,163,255)" d="M9.75 4.663l2.13 2.408 0.901 1.018 1.354 -0.116 3.146 -0.268 -1.573 2.959 -0.61 1.145 0.514 1.193 1.303 3.028 -3.117 -0.741 -1.403 -0.333 -1.057 0.979 -2.29 2.12 -0.333 -3.26 -0.132 -1.299 -1.101 -0.703 -2.825 -1.803 2.933 -1.312 1.271 -0.57 0.273 -1.367 0.615 -3.076"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.75 4.663l2.13 2.408 0.901 1.018 1.354 -0.116 3.146 -0.268 -1.573 2.959 -0.61 1.145 0.514 1.193 1.303 3.028 -3.117 -0.741 -1.403 -0.333 -1.057 0.979 -2.29 2.12 -0.333 -3.26 -0.132 -1.299 -1.101 -0.703 -2.825 -1.803 2.933 -1.312 1.271 -0.57 0.273 -1.367 0.615 -3.076"/>
+    </g>
+  </svg>
+  <svg x="550">
+    <defs>
+      <mask id="y" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#y)">
+      <path fill="rgb(48,163,255)" d="M9.635 5.158l2.173 2.37 0.919 1 1.35 -0.14 3.142 -0.324 -1.52 2.987 -0.588 1.156 0.534 1.183 1.358 3.004 -3.13 -0.685 -1.409 -0.307 -1.039 0.997 -2.252 2.16 -0.39 -3.251 -0.157 -1.297 -1.113 -0.683 -2.857 -1.752 2.909 -1.365 1.26 -0.593 0.25 -1.371 0.559 -3.087"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.635 5.158l2.173 2.37 0.919 1 1.35 -0.14 3.142 -0.324 -1.52 2.987 -0.588 1.156 0.534 1.183 1.358 3.004 -3.13 -0.685 -1.409 -0.307 -1.039 0.997 -2.252 2.16 -0.39 -3.251 -0.157 -1.297 -1.113 -0.683 -2.857 -1.752 2.909 -1.365 1.26 -0.593 0.25 -1.371 0.559 -3.087"/>
+    </g>
+  </svg>
+  <svg x="572">
+    <defs>
+      <mask id="z" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#z)">
+      <path fill="rgb(48,163,255)" d="M9.52 5.717l2.215 2.33 0.936 0.984 1.349 -0.164 3.135 -0.382 -1.466 3.014 -0.568 1.167 0.556 1.173 1.411 2.98 -3.141 -0.63 -1.415 -0.282 -1.02 1.017 -2.213 2.2 -0.45 -3.244 -0.179 -1.294 -1.125 -0.663 -2.888 -1.7 2.884 -1.418 1.25 -0.614 0.223 -1.376 0.504 -3.096"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.52 5.717l2.215 2.33 0.936 0.984 1.349 -0.164 3.135 -0.382 -1.466 3.014 -0.568 1.167 0.556 1.173 1.411 2.98 -3.141 -0.63 -1.415 -0.282 -1.02 1.017 -2.213 2.2 -0.45 -3.244 -0.179 -1.294 -1.125 -0.663 -2.888 -1.7 2.884 -1.418 1.25 -0.614 0.223 -1.376 0.504 -3.096"/>
+    </g>
+  </svg>
+  <svg x="594">
+    <defs>
+      <mask id="A" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#A)">
+      <path fill="rgb(48,163,255)" d="M9.404 6.35l2.257 2.29 0.954 0.968 1.345 -0.19 3.128 -0.437 -1.411 3.04 -0.547 1.177 0.576 1.163 1.464 2.953 -3.152 -0.572 -1.419 -0.257 -1.002 1.035 -2.173 2.24 -0.508 -3.237 -0.202 -1.29 -1.137 -0.643 -2.918 -1.648 2.858 -1.469 1.239 -0.637 0.199 -1.38 0.448 -3.104"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.404 6.35l2.257 2.29 0.954 0.968 1.345 -0.19 3.128 -0.437 -1.411 3.04 -0.547 1.177 0.576 1.163 1.464 2.953 -3.152 -0.572 -1.419 -0.257 -1.002 1.035 -2.173 2.24 -0.508 -3.237 -0.202 -1.29 -1.137 -0.643 -2.918 -1.648 2.858 -1.469 1.239 -0.637 0.199 -1.38 0.448 -3.104"/>
+    </g>
+  </svg>
+  <svg x="616">
+    <defs>
+      <mask id="B" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#B)">
+      <path fill="rgb(48,163,255)" d="M9.29 7.074l2.297 2.249 0.97 0.95 1.342 -0.212 3.12 -0.493 -1.357 3.064 -0.526 1.186 0.597 1.153 1.517 2.927 -3.162 -0.516 -1.424 -0.232 -0.984 1.052 -2.133 2.278 -0.564 -3.226 -0.226 -1.287 -1.148 -0.622 -2.947 -1.597 2.832 -1.518 1.227 -0.66 0.174 -1.383 0.394 -3.111"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.29 7.074l2.297 2.249 0.97 0.95 1.342 -0.212 3.12 -0.493 -1.357 3.064 -0.526 1.186 0.597 1.153 1.517 2.927 -3.162 -0.516 -1.424 -0.232 -0.984 1.052 -2.133 2.278 -0.564 -3.226 -0.226 -1.287 -1.148 -0.622 -2.947 -1.597 2.832 -1.518 1.227 -0.66 0.174 -1.383 0.394 -3.111"/>
+    </g>
+  </svg>
+  <svg x="638">
+    <defs>
+      <mask id="C" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5166 0 0 .5 13.263 28.454)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5166 0 0 .5 13.263 28.454)"/>
+      </mask>
+    </defs>
+    <path d="M7.985 22.141c-0.57 0 -1.033 0.448 -1.033 1v10c0 0.552 0.463 1 1.033 1 0.57 0 1.033 -0.448 1.033 -1v-10c0 -0.552 -0.462 -1 -1.033 -1zm3.1 -1c-0.57 0 -1.033 0.448 -1.033 1v11c0 0.552 0.462 1 1.033 1 0.57 0 1.033 -0.448 1.033 -1v-11c0 -0.552 -0.463 -1 -1.033 -1zm8.202 11.658l-4.132 -11c-0.185 -0.523 -0.772 -0.8 -1.313 -0.622 -0.539 0.178 -0.827 0.747 -0.642 1.27a0.509 0.509 0 0 0 0.013 0.036l4.133 11c0.185 0.523 0.772 0.801 1.312 0.622 0.54 -0.178 0.828 -0.747 0.643 -1.27 -0.004 -0.012 -0.008 -0.024 -0.014 -0.036zm-14.401 -12.658c-0.57 0 -1.034 0.448 -1.034 1v12c0 0.552 0.463 1 1.034 1 0.57 0 1.033 -0.448 1.033 -1v-12c0 -0.552 -0.463 -1 -1.033 -1z"/>
+    <g mask="url(#C)">
+      <path fill="rgb(48,163,255)" d="M9.175 7.909l2.337 2.208 0.987 0.933 1.338 -0.236 3.11 -0.548 -1.302 3.087 -0.506 1.196 0.618 1.142 1.568 2.9 -3.17 -0.46 -1.428 -0.207 -0.965 1.07 -2.092 2.315 -0.622 -3.216 -0.248 -1.283 -1.16 -0.602 -2.973 -1.544 2.803 -1.568 1.216 -0.681 0.15 -1.386 0.338 -3.118"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.175 7.909l2.337 2.208 0.987 0.933 1.338 -0.236 3.11 -0.548 -1.302 3.087 -0.506 1.196 0.618 1.142 1.568 2.9 -3.17 -0.46 -1.428 -0.207 -0.965 1.07 -2.092 2.315 -0.622 -3.216 -0.248 -1.283 -1.16 -0.602 -2.973 -1.544 2.803 -1.568 1.216 -0.681 0.15 -1.386 0.338 -3.118"/>
+    </g>
+  </svg>
+  <svg x="660">
+    <defs>
+      <mask id="D" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5332 0 0 .5 13.482 28.845)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5332 0 0 .5 13.482 28.845)"/>
+      </mask>
+    </defs>
+    <path d="M8.035 22.532c-0.589 0 -1.066 0.448 -1.066 1v10c0 0.552 0.477 1 1.066 1 0.589 0 1.066 -0.448 1.066 -1v-10c0 -0.552 -0.477 -1 -1.066 -1zm3.2 -1c-0.59 0 -1.067 0.448 -1.067 1v11c0 0.552 0.478 1 1.066 1 0.589 0 1.067 -0.448 1.067 -1v-11c0 -0.552 -0.478 -1 -1.067 -1zm8.465 11.658l-4.265 -11c-0.191 -0.523 -0.797 -0.8 -1.355 -0.622 -0.556 0.178 -0.854 0.747 -0.663 1.27l0.014 0.036 4.266 11c0.19 0.523 0.796 0.801 1.354 0.622 0.557 -0.178 0.854 -0.747 0.663 -1.27 -0.004 -0.012 -0.008 -0.024 -0.014 -0.036zm-14.864 -12.658c-0.589 0 -1.067 0.448 -1.067 1v12c0 0.552 0.478 1 1.067 1 0.588 0 1.066 -0.448 1.066 -1v-12c0 -0.552 -0.478 -1 -1.066 -1z"/>
+    <g mask="url(#D)">
+      <path fill="rgb(48,163,255)" d="M9.06 8.886l2.376 2.167 1.003 0.916 1.334 -0.26 3.1 -0.602 -1.248 3.11 -0.485 1.204 0.638 1.13 1.618 2.872 -3.178 -0.404 -1.43 -0.182 -0.947 1.086 -2.051 2.352 -0.678 -3.204 -0.27 -1.278 -1.17 -0.582 -3 -1.492 2.775 -1.617 1.204 -0.702 0.125 -1.389 0.284 -3.123"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M9.06 8.886l2.376 2.167 1.003 0.916 1.334 -0.26 3.1 -0.602 -1.248 3.11 -0.485 1.204 0.638 1.13 1.618 2.872 -3.178 -0.404 -1.43 -0.182 -0.947 1.086 -2.051 2.352 -0.678 -3.204 -0.27 -1.278 -1.17 -0.582 -3 -1.492 2.775 -1.617 1.204 -0.702 0.125 -1.389 0.284 -3.123"/>
+    </g>
+  </svg>
+  <svg x="682">
+    <defs>
+      <mask id="E" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54974 0 0 .5 13.727 29.36)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54974 0 0 .5 13.727 29.36)"/>
+      </mask>
+    </defs>
+    <path d="M8.11 23.047c-0.606 0 -1.099 0.448 -1.099 1v10c0 0.552 0.493 1 1.1 1 0.607 0 1.1 -0.448 1.1 -1v-10c0 -0.552 -0.493 -1 -1.1 -1zm3.3 -1c-0.608 0 -1.1 0.448 -1.1 1v11c0 0.552 0.492 1 1.1 1 0.606 0 1.099 -0.448 1.099 -1v-11c0 -0.552 -0.493 -1 -1.1 -1zm8.728 11.658l-4.398 -11c-0.197 -0.523 -0.821 -0.8 -1.396 -0.622 -0.574 0.178 -0.881 0.747 -0.684 1.27l0.014 0.036 4.398 11c0.197 0.523 0.821 0.801 1.396 0.622 0.574 -0.178 0.881 -0.747 0.684 -1.27l-0.014 -0.036zm-15.326 -12.658c-0.607 0 -1.1 0.448 -1.1 1v12c0 0.552 0.493 1 1.1 1 0.607 0 1.1 -0.448 1.1 -1v-12c0 -0.552 -0.493 -1 -1.1 -1z"/>
+    <g mask="url(#E)">
+      <path fill="rgb(48,163,255)" d="M8.946 10.051l2.413 2.126 1.019 0.898 1.329 -0.283 3.089 -0.655 -1.195 3.13 -0.463 1.213 0.657 1.12 1.668 2.843 -3.185 -0.35 -1.433 -0.156 -0.928 1.102 -2.01 2.387 -0.733 -3.192 -0.293 -1.273 -1.18 -0.562 -3.025 -1.44 2.747 -1.665 1.191 -0.722 0.102 -1.39 0.23 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.946 10.051l2.413 2.126 1.019 0.898 1.329 -0.283 3.089 -0.655 -1.195 3.13 -0.463 1.213 0.657 1.12 1.668 2.843 -3.185 -0.35 -1.433 -0.156 -0.928 1.102 -2.01 2.387 -0.733 -3.192 -0.293 -1.273 -1.18 -0.562 -3.025 -1.44 2.747 -1.665 1.191 -0.722 0.102 -1.39 0.23 -3.129"/>
+    </g>
+  </svg>
+  <svg x="704">
+    <defs>
+      <mask id="F" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56608 0 0 .5 13.962 29.878)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56608 0 0 .5 13.962 29.878)"/>
+      </mask>
+    </defs>
+    <path d="M8.18 23.565c-0.626 0 -1.133 0.448 -1.133 1v10c0 0.552 0.507 1 1.132 1 0.625 0 1.133 -0.448 1.133 -1v-10c0 -0.552 -0.508 -1 -1.133 -1zm3.396 -1c-0.625 0 -1.132 0.448 -1.132 1v11c0 0.552 0.507 1 1.132 1 0.625 0 1.132 -0.448 1.132 -1v-11c0 -0.552 -0.507 -1 -1.132 -1zm8.988 11.658l-4.529 -11c-0.202 -0.523 -0.845 -0.8 -1.437 -0.622 -0.591 0.178 -0.907 0.747 -0.705 1.27a0.481 0.481 0 0 0 0.015 0.036l4.529 11c0.202 0.523 0.846 0.801 1.438 0.622 0.59 -0.178 0.907 -0.747 0.704 -1.27a0.481 0.481 0 0 0 -0.015 -0.036zm-15.781 -12.658c-0.625 0 -1.132 0.448 -1.132 1v12c0 0.552 0.507 1 1.132 1 0.625 0 1.132 -0.448 1.132 -1v-12c0 -0.552 -0.507 -1 -1.132 -1z"/>
+    <g mask="url(#F)">
+      <path fill="rgb(48,163,255)" d="M8.831 11.48l2.448 2.083 1.035 0.881 1.324 -0.305 3.077 -0.708 -1.14 3.15 -0.443 1.22 0.676 1.11 1.716 2.814 -3.19 -0.295 -1.436 -0.133 -0.909 1.118 -1.97 2.42 -0.787 -3.179 -0.314 -1.268 -1.189 -0.541 -3.05 -1.388 2.719 -1.712 1.179 -0.742 0.077 -1.392 0.176 -3.132"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.831 11.48l2.448 2.083 1.035 0.881 1.324 -0.305 3.077 -0.708 -1.14 3.15 -0.443 1.22 0.676 1.11 1.716 2.814 -3.19 -0.295 -1.436 -0.133 -0.909 1.118 -1.97 2.42 -0.787 -3.179 -0.314 -1.268 -1.189 -0.541 -3.05 -1.388 2.719 -1.712 1.179 -0.742 0.077 -1.392 0.176 -3.132"/>
+    </g>
+  </svg>
+  <svg x="726">
+    <defs>
+      <mask id="G" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58198 0 0 .5 14.154 30.278)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58198 0 0 .5 14.154 30.278)"/>
+      </mask>
+    </defs>
+    <path d="M8.209 23.965c-0.643 0 -1.164 0.448 -1.164 1v10c0 0.552 0.521 1 1.164 1 0.642 0 1.164 -0.448 1.164 -1v-10c0 -0.552 -0.522 -1 -1.164 -1zm3.492 -1c-0.643 0 -1.164 0.448 -1.164 1v11c0 0.552 0.521 1 1.164 1 0.642 0 1.164 -0.448 1.164 -1v-11c0 -0.552 -0.522 -1 -1.164 -1zm9.24 11.658l-4.655 -11c-0.209 -0.523 -0.87 -0.801 -1.479 -0.622 -0.607 0.178 -0.932 0.747 -0.724 1.27a0.474 0.474 0 0 0 0.016 0.036l4.655 11c0.209 0.523 0.87 0.8 1.479 0.622 0.607 -0.178 0.932 -0.747 0.724 -1.27l-0.016 -0.036zm-16.224 -12.658c-0.642 0 -1.164 0.448 -1.164 1v12c0 0.552 0.522 1 1.164 1 0.643 0 1.164 -0.448 1.164 -1v-12c0 -0.552 -0.521 -1 -1.164 -1z"/>
+    <g mask="url(#G)">
+      <path fill="rgb(48,163,255)" d="M8.714 13.295l2.483 2.043 1.05 0.863 1.318 -0.327 3.065 -0.76 -1.088 3.17 -0.422 1.227 0.694 1.097 1.763 2.786 -3.194 -0.242 -1.438 -0.108 -0.89 1.133 -1.929 2.453 -0.84 -3.166 -0.336 -1.262 -1.197 -0.522 -3.073 -1.336 2.69 -1.757 1.166 -0.763 0.054 -1.393 0.124 -3.134"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.714 13.295l2.483 2.043 1.05 0.863 1.318 -0.327 3.065 -0.76 -1.088 3.17 -0.422 1.227 0.694 1.097 1.763 2.786 -3.194 -0.242 -1.438 -0.108 -0.89 1.133 -1.929 2.453 -0.84 -3.166 -0.336 -1.262 -1.197 -0.522 -3.073 -1.336 2.69 -1.757 1.166 -0.763 0.054 -1.393 0.124 -3.134"/>
+    </g>
+  </svg>
+  <svg x="748">
+    <defs>
+      <mask id="H" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5969 0 0 .5 14.267 30.438)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5969 0 0 .5 14.267 30.438)"/>
+      </mask>
+    </defs>
+    <path d="M8.169 24.125c-0.66 0 -1.194 0.448 -1.194 1v10c0 0.552 0.535 1 1.194 1 0.659 0 1.193 -0.448 1.193 -1v-10c0 -0.552 -0.534 -1 -1.193 -1zm3.581 -1c-0.659 0 -1.194 0.448 -1.194 1v11c0 0.552 0.535 1 1.194 1 0.659 0 1.194 -0.448 1.194 -1v-11c0 -0.552 -0.535 -1 -1.194 -1zm9.478 11.658l-4.776 -11c-0.213 -0.523 -0.891 -0.801 -1.516 -0.622 -0.623 0.178 -0.956 0.747 -0.742 1.27a0.467 0.467 0 0 0 0.015 0.036l4.775 11c0.214 0.523 0.892 0.801 1.517 0.622 0.623 -0.178 0.956 -0.747 0.742 -1.27l-0.015 -0.036zm-16.64 -12.658c-0.66 0 -1.195 0.448 -1.195 1v12c0 0.552 0.535 1 1.194 1 0.66 0 1.194 -0.448 1.194 -1v-12c0 -0.552 -0.535 -1 -1.194 -1z"/>
+    <g mask="url(#H)">
+      <path fill="rgb(48,163,255)" d="M8.594 15.704l2.516 2.002 1.063 0.846 1.313 -0.349 3.053 -0.81 -1.036 3.187 -0.402 1.234 0.712 1.086 1.808 2.756 -3.198 -0.19 -1.44 -0.084 -0.87 1.147 -1.89 2.485 -0.891 -3.152 -0.356 -1.257 -1.206 -0.502 -3.095 -1.286 2.661 -1.8 1.154 -0.782 0.031 -1.394 0.073 -3.135"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.594 15.704l2.516 2.002 1.063 0.846 1.313 -0.349 3.053 -0.81 -1.036 3.187 -0.402 1.234 0.712 1.086 1.808 2.756 -3.198 -0.19 -1.44 -0.084 -0.87 1.147 -1.89 2.485 -0.891 -3.152 -0.356 -1.257 -1.206 -0.502 -3.095 -1.286 2.661 -1.8 1.154 -0.782 0.031 -1.394 0.073 -3.135"/>
+    </g>
+  </svg>
+  <svg x="770">
+    <defs>
+      <mask id="I" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.60979 0 0 .5 14.335 30.217)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.60979 0 0 .5 14.335 30.217)"/>
+      </mask>
+    </defs>
+    <path d="M8.105 23.904c-0.673 0 -1.22 0.448 -1.22 1v10c0 0.552 0.547 1 1.22 1 0.674 0 1.22 -0.448 1.22 -1v-10c0 -0.552 -0.546 -1 -1.22 -1zm3.659 -1c-0.673 0 -1.22 0.448 -1.22 1v11c0 0.552 0.547 1 1.22 1 0.673 0 1.22 -0.448 1.22 -1v-11c0 -0.552 -0.547 -1 -1.22 -1zm9.682 11.658l-4.878 -11c-0.218 -0.523 -0.911 -0.801 -1.549 -0.622 -0.637 0.178 -0.977 0.747 -0.758 1.27a0.462 0.462 0 0 0 0.015 0.036l4.879 11c0.218 0.523 0.91 0.8 1.549 0.622 0.636 -0.178 0.976 -0.747 0.758 -1.27l-0.016 -0.036zm-17 -12.658c-0.673 0 -1.219 0.448 -1.219 1v12c0 0.552 0.546 1 1.22 1 0.673 0 1.22 -0.448 1.22 -1v-12c0 -0.552 -0.547 -1 -1.22 -1z"/>
+    <g mask="url(#I)">
+      <path fill="rgb(48,163,255)" d="M8.47 18.813l2.547 1.962 1.077 0.83 1.307 -0.37 3.04 -0.859 -0.986 3.203 -0.382 1.24 0.729 1.075 1.852 2.727 -3.2 -0.139 -1.442 -0.062 -0.852 1.161 -1.85 2.514 -0.941 -3.137 -0.376 -1.25 -1.214 -0.483 -3.115 -1.237 2.632 -1.843 1.141 -0.8 0.01 -1.393 0.022 -3.137"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.47 18.813l2.547 1.962 1.077 0.83 1.307 -0.37 3.04 -0.859 -0.986 3.203 -0.382 1.24 0.729 1.075 1.852 2.727 -3.2 -0.139 -1.442 -0.062 -0.852 1.161 -1.85 2.514 -0.941 -3.137 -0.376 -1.25 -1.214 -0.483 -3.115 -1.237 2.632 -1.843 1.141 -0.8 0.01 -1.393 0.022 -3.137"/>
+    </g>
+  </svg>
+  <svg x="792">
+    <defs>
+      <mask id="J" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61897 0 0 .5 14.4 29.689)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61897 0 0 .5 14.4 29.689)"/>
+      </mask>
+    </defs>
+    <path d="M8.076 23.376c-0.683 0 -1.237 0.448 -1.237 1v10c0 0.552 0.554 1 1.237 1 0.684 0 1.238 -0.448 1.238 -1v-10c0 -0.552 -0.554 -1 -1.238 -1zm3.714 -1c-0.683 0 -1.238 0.448 -1.238 1v11c0 0.552 0.555 1 1.238 1 0.684 0 1.238 -0.448 1.238 -1v-11c0 -0.552 -0.554 -1 -1.238 -1zm9.828 11.658l-4.951 -11c-0.222 -0.523 -0.925 -0.801 -1.573 -0.622 -0.646 0.178 -0.991 0.747 -0.77 1.27a0.459 0.459 0 0 0 0.016 0.036l4.952 11c0.222 0.523 0.925 0.801 1.572 0.622 0.647 -0.178 0.992 -0.747 0.77 -1.27a0.459 0.459 0 0 0 -0.016 -0.036zm-17.255 -12.658c-0.684 0 -1.238 0.448 -1.238 1v12c0 0.552 0.554 1 1.238 1 0.683 0 1.238 -0.448 1.238 -1v-12c0 -0.552 -0.555 -1 -1.238 -1z"/>
+    <g mask="url(#J)">
+      <path fill="rgb(48,163,255)" d="M8.351 21.743l2.577 1.923 1.09 0.812 1.3 -0.39 3.027 -0.904 -0.937 3.217 -0.363 1.246 0.746 1.063 1.893 2.699 -3.202 -0.09 -1.442 -0.04 -0.834 1.174 -1.81 2.543 -0.99 -3.123 -0.395 -1.245 -1.222 -0.463 -3.133 -1.19 2.603 -1.882 1.129 -0.817 -0.012 -1.394 -0.025 -3.137"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.351 21.743l2.577 1.923 1.09 0.812 1.3 -0.39 3.027 -0.904 -0.937 3.217 -0.363 1.246 0.746 1.063 1.893 2.699 -3.202 -0.09 -1.442 -0.04 -0.834 1.174 -1.81 2.543 -0.99 -3.123 -0.395 -1.245 -1.222 -0.463 -3.133 -1.19 2.603 -1.882 1.129 -0.817 -0.012 -1.394 -0.025 -3.137"/>
+    </g>
+  </svg>
+  <svg x="814">
+    <defs>
+      <mask id="K" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62351 0 0 .5 14.434 29.059)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62351 0 0 .5 14.434 29.059)"/>
+      </mask>
+    </defs>
+    <path d="M8.064 22.746c-0.688 0 -1.247 0.448 -1.247 1v10c0 0.552 0.56 1 1.247 1 0.689 0 1.247 -0.448 1.247 -1v-10c0 -0.552 -0.558 -1 -1.247 -1zm3.741 -1c-0.688 0 -1.247 0.448 -1.247 1v11c0 0.552 0.56 1 1.247 1 0.689 0 1.247 -0.448 1.247 -1v-11c0 -0.552 -0.558 -1 -1.247 -1zm9.9 11.658l-4.988 -11c-0.223 -0.523 -0.931 -0.801 -1.583 -0.622 -0.651 0.178 -1 0.747 -0.776 1.27l0.016 0.036 4.988 11c0.224 0.523 0.932 0.8 1.584 0.622 0.651 -0.178 0.999 -0.747 0.776 -1.27a0.457 0.457 0 0 0 -0.016 -0.036zm-17.382 -12.658c-0.688 0 -1.247 0.448 -1.247 1v12c0 0.552 0.559 1 1.247 1 0.689 0 1.247 -0.448 1.247 -1v-12c0 -0.552 -0.558 -1 -1.247 -1z"/>
+    <g mask="url(#K)">
+      <path fill="rgb(48,163,255)" d="M8.248 23.608l2.606 1.885 1.1 0.796 1.296 -0.408 3.012 -0.95 -0.889 3.232 -0.345 1.25 0.761 1.053 1.933 2.67 -3.203 -0.043 -1.442 -0.018 -0.818 1.186 -1.772 2.568 -1.036 -3.107 -0.413 -1.24 -1.228 -0.445 -3.15 -1.143 2.575 -1.92 1.117 -0.834 -0.033 -1.394 -0.07 -3.136"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.248 23.608l2.606 1.885 1.1 0.796 1.296 -0.408 3.012 -0.95 -0.889 3.232 -0.345 1.25 0.761 1.053 1.933 2.67 -3.203 -0.043 -1.442 -0.018 -0.818 1.186 -1.772 2.568 -1.036 -3.107 -0.413 -1.24 -1.228 -0.445 -3.15 -1.143 2.575 -1.92 1.117 -0.834 -0.033 -1.394 -0.07 -3.136"/>
+    </g>
+  </svg>
+  <svg x="836">
+    <defs>
+      <mask id="L" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62484 0 0 .5 14.423 28.531)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62484 0 0 .5 14.423 28.531)"/>
+      </mask>
+    </defs>
+    <path d="M8.04 22.218c-0.69 0 -1.25 0.448 -1.25 1v10c0 0.552 0.56 1 1.25 1s1.249 -0.448 1.249 -1v-10c0 -0.552 -0.56 -1 -1.25 -1zm3.748 -1c-0.69 0 -1.25 0.448 -1.25 1v11c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-11c0 -0.552 -0.56 -1 -1.25 -1zm9.922 11.658l-5 -11c-0.223 -0.523 -0.933 -0.801 -1.586 -0.622 -0.653 0.178 -1.001 0.747 -0.778 1.27a0.457 0.457 0 0 0 0.017 0.036l4.998 11c0.224 0.523 0.934 0.801 1.588 0.622 0.652 -0.178 1 -0.747 0.777 -1.27a0.457 0.457 0 0 0 -0.016 -0.036zm-17.42 -12.658c-0.69 0 -1.25 0.448 -1.25 1v12c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-12c0 -0.552 -0.56 -1 -1.25 -1z"/>
+    <g mask="url(#L)">
+      <path fill="rgb(48,163,255)" d="M8.16 24.7l2.63 1.85 1.112 0.78 1.29 -0.426 2.999 -0.99 -0.844 3.243 -0.328 1.256 0.775 1.041 1.97 2.644 -3.204 0.001 -1.442 0.001 -0.801 1.197 -1.737 2.593 -1.079 -3.093 -0.43 -1.233 -1.234 -0.43 -3.165 -1.099 2.548 -1.956 1.105 -0.848 -0.051 -1.394 -0.114 -3.134"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.16 24.7l2.63 1.85 1.112 0.78 1.29 -0.426 2.999 -0.99 -0.844 3.243 -0.328 1.256 0.775 1.041 1.97 2.644 -3.204 0.001 -1.442 0.001 -0.801 1.197 -1.737 2.593 -1.079 -3.093 -0.43 -1.233 -1.234 -0.43 -3.165 -1.099 2.548 -1.956 1.105 -0.848 -0.051 -1.394 -0.114 -3.134"/>
+    </g>
+  </svg>
+  <svg x="858">
+    <defs>
+      <mask id="M" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.625 0 0 .5 14.385 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.625 0 0 .5 14.385 28.313)"/>
+      </mask>
+    </defs>
+    <path d="M8 22c-0.69 0 -1.25 0.448 -1.25 1v10c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-10c0 -0.552 -0.56 -1 -1.25 -1zm3.75 -1c-0.69 0 -1.25 0.448 -1.25 1v11c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-11c0 -0.552 -0.56 -1 -1.25 -1zm9.924 11.658l-5 -11c-0.224 -0.523 -0.934 -0.801 -1.588 -0.622 -0.652 0.178 -1.001 0.747 -0.777 1.27l0.016 0.036 5 11c0.224 0.523 0.934 0.801 1.587 0.622 0.653 -0.178 1.002 -0.747 0.778 -1.27a0.457 0.457 0 0 0 -0.016 -0.036zm-17.424 -12.658c-0.69 0 -1.25 0.448 -1.25 1v12c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-12c0 -0.552 -0.56 -1 -1.25 -1z"/>
+    <g mask="url(#M)">
+      <path fill="rgb(48,163,255)" d="M8.083 25.355l2.654 1.815 1.121 0.768 1.284 -0.443 2.987 -1.028 -0.804 3.253 -0.312 1.26 0.789 1.032 2.002 2.618 -3.203 0.042 -1.442 0.02 -0.786 1.206 -1.705 2.614 -1.117 -3.079 -0.445 -1.228 -1.24 -0.413 -3.179 -1.06 2.524 -1.988 1.094 -0.862 -0.068 -1.392 -0.154 -3.133"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.083 25.355l2.654 1.815 1.121 0.768 1.284 -0.443 2.987 -1.028 -0.804 3.253 -0.312 1.26 0.789 1.032 2.002 2.618 -3.203 0.042 -1.442 0.02 -0.786 1.206 -1.705 2.614 -1.117 -3.079 -0.445 -1.228 -1.24 -0.413 -3.179 -1.06 2.524 -1.988 1.094 -0.862 -0.068 -1.392 -0.154 -3.133"/>
+    </g>
+  </svg>
+  <svg x="880">
+    <defs>
+      <mask id="N" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61111 0 0 .5 14.298 28.255)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61111 0 0 .5 14.298 28.255)"/>
+      </mask>
+    </defs>
+    <path d="M8.054 21.942c-0.674 0 -1.222 0.448 -1.222 1v10c0 0.552 0.548 1 1.222 1 0.675 0 1.223 -0.448 1.223 -1v-10c0 -0.552 -0.548 -1 -1.223 -1zm3.667 -1c-0.675 0 -1.222 0.448 -1.222 1v11c0 0.552 0.547 1 1.222 1 0.675 0 1.222 -0.448 1.222 -1v-11c0 -0.552 -0.547 -1 -1.222 -1zm9.703 11.658l-4.889 -11c-0.218 -0.523 -0.913 -0.8 -1.552 -0.622 -0.638 0.178 -0.979 0.747 -0.76 1.27l0.016 0.036 4.889 11c0.219 0.523 0.913 0.801 1.552 0.622 0.638 -0.178 0.979 -0.747 0.76 -1.27l-0.016 -0.036zm-17.036 -12.658c-0.675 0 -1.222 0.448 -1.222 1v12c0 0.552 0.547 1 1.222 1 0.674 0 1.222 -0.448 1.222 -1v-12c0 -0.552 -0.548 -1 -1.222 -1z"/>
+    <g mask="url(#N)">
+      <path fill="rgb(48,163,255)" d="M8.02 25.74l2.672 1.787 1.13 0.755 1.28 -0.457 2.974 -1.06 -0.768 3.262 -0.298 1.263 0.8 1.023 2.03 2.597 -3.202 0.076 -1.442 0.035 -0.773 1.216 -1.676 2.632 -1.15 -3.067 -0.46 -1.222 -1.243 -0.4 -3.19 -1.026 2.502 -2.015 1.085 -0.874 -0.084 -1.392 -0.188 -3.13"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M8.02 25.74l2.672 1.787 1.13 0.755 1.28 -0.457 2.974 -1.06 -0.768 3.262 -0.298 1.263 0.8 1.023 2.03 2.597 -3.202 0.076 -1.442 0.035 -0.773 1.216 -1.676 2.632 -1.15 -3.067 -0.46 -1.222 -1.243 -0.4 -3.19 -1.026 2.502 -2.015 1.085 -0.874 -0.084 -1.392 -0.188 -3.13"/>
+    </g>
+  </svg>
+  <svg x="902">
+    <defs>
+      <mask id="O" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.59722 0 0 .5 14.154 28.183)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.59722 0 0 .5 14.154 28.183)"/>
+      </mask>
+    </defs>
+    <path d="M8.052 21.87c-0.659 0 -1.194 0.448 -1.194 1v10c0 0.552 0.535 1 1.194 1 0.66 0 1.195 -0.448 1.195 -1v-10c0 -0.552 -0.535 -1 -1.195 -1zm3.584 -1c-0.66 0 -1.195 0.448 -1.195 1v11c0 0.552 0.535 1 1.195 1 0.659 0 1.194 -0.448 1.194 -1v-11c0 -0.552 -0.535 -1 -1.194 -1zm9.482 11.658l-4.777 -11c-0.214 -0.523 -0.893 -0.801 -1.517 -0.622 -0.624 0.178 -0.957 0.747 -0.743 1.27a0.467 0.467 0 0 0 0.015 0.036l4.778 11c0.214 0.523 0.892 0.8 1.517 0.622 0.623 -0.178 0.957 -0.747 0.743 -1.27a0.467 0.467 0 0 0 -0.016 -0.036zm-16.649 -12.658c-0.66 0 -1.194 0.448 -1.194 1v12c0 0.552 0.535 1 1.194 1 0.66 0 1.194 -0.448 1.194 -1v-12c0 -0.552 -0.535 -1 -1.194 -1z"/>
+    <g mask="url(#O)">
+      <path fill="rgb(48,163,255)" d="M7.971 25.945l2.688 1.764 1.136 0.746 1.276 -0.467 2.966 -1.085 -0.741 3.268 -0.288 1.265 0.808 1.017 2.052 2.58 -3.202 0.102 -1.441 0.047 -0.763 1.222 -1.654 2.647 -1.175 -3.057 -0.47 -1.22 -1.247 -0.39 -3.198 -0.998 2.485 -2.036 1.077 -0.883 -0.095 -1.39 -0.214 -3.13"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.971 25.945l2.688 1.764 1.136 0.746 1.276 -0.467 2.966 -1.085 -0.741 3.268 -0.288 1.265 0.808 1.017 2.052 2.58 -3.202 0.102 -1.441 0.047 -0.763 1.222 -1.654 2.647 -1.175 -3.057 -0.47 -1.22 -1.247 -0.39 -3.198 -0.998 2.485 -2.036 1.077 -0.883 -0.095 -1.39 -0.214 -3.13"/>
+    </g>
+  </svg>
+  <svg x="924">
+    <defs>
+      <mask id="P" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58333 0 0 .5 13.973 28.156)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58333 0 0 .5 13.973 28.156)"/>
+      </mask>
+    </defs>
+    <path d="M8.013 21.843c-0.644 0 -1.166 0.448 -1.166 1v10c0 0.552 0.522 1 1.166 1 0.644 0 1.167 -0.448 1.167 -1v-10c0 -0.552 -0.523 -1 -1.167 -1zm3.5 -1c-0.644 0 -1.166 0.448 -1.166 1v11c0 0.552 0.522 1 1.166 1 0.644 0 1.167 -0.448 1.167 -1v-11c0 -0.552 -0.523 -1 -1.167 -1zm9.262 11.658l-4.666 -11c-0.21 -0.523 -0.872 -0.801 -1.482 -0.622 -0.609 0.178 -0.934 0.747 -0.726 1.27a0.473 0.473 0 0 0 0.016 0.036l4.666 11c0.21 0.523 0.872 0.8 1.482 0.622 0.609 -0.178 0.934 -0.747 0.726 -1.27l-0.016 -0.036zm-16.262 -12.658c-0.644 0 -1.166 0.448 -1.166 1v12c0 0.552 0.522 1 1.166 1 0.644 0 1.167 -0.448 1.167 -1v-12c0 -0.552 -0.523 -1 -1.167 -1z"/>
+    <g mask="url(#P)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.572 -3.201 0.115 -1.442 0.053 -0.758 1.224 -1.644 2.653 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.987 2.478 -2.045 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.572 -3.201 0.115 -1.442 0.053 -0.758 1.224 -1.644 2.653 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.987 2.478 -2.045 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="946">
+    <defs>
+      <mask id="Q" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56944 0 0 .5 13.787 28.166)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56944 0 0 .5 13.787 28.166)"/>
+      </mask>
+    </defs>
+    <path d="M7.97 21.853c-0.629 0 -1.139 0.448 -1.139 1v10c0 0.552 0.51 1 1.139 1s1.139 -0.448 1.139 -1v-10c0 -0.552 -0.51 -1 -1.139 -1zm3.417 -1c-0.629 0 -1.14 0.448 -1.14 1v11c0 0.552 0.511 1 1.14 1 0.628 0 1.139 -0.448 1.139 -1v-11c0 -0.552 -0.51 -1 -1.14 -1zm9.041 11.658l-4.555 -11c-0.204 -0.523 -0.851 -0.8 -1.447 -0.622 -0.594 0.178 -0.912 0.747 -0.708 1.27a0.48 0.48 0 0 0 0.015 0.036l4.555 11c0.204 0.523 0.851 0.801 1.447 0.622 0.594 -0.178 0.912 -0.747 0.708 -1.27a0.48 0.48 0 0 0 -0.015 -0.036zm-15.875 -12.658c-0.628 0 -1.139 0.448 -1.139 1v12c0 0.552 0.51 1 1.14 1 0.628 0 1.138 -0.448 1.138 -1v-12c0 -0.552 -0.51 -1 -1.139 -1z"/>
+    <g mask="url(#Q)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="968">
+    <defs>
+      <mask id="R" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.55556 0 0 .5 13.611 28.195)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.55556 0 0 .5 13.611 28.195)"/>
+      </mask>
+    </defs>
+    <path d="M7.936 21.882c-0.614 0 -1.112 0.448 -1.112 1v10c0 0.552 0.498 1 1.112 1 0.613 0 1.11 -0.448 1.11 -1v-10c0 -0.552 -0.497 -1 -1.11 -1zm3.333 -1c-0.613 0 -1.111 0.448 -1.111 1v11c0 0.552 0.498 1 1.11 1 0.614 0 1.112 -0.448 1.112 -1v-11c0 -0.552 -0.498 -1 -1.111 -1zm8.821 11.658l-4.444 -11c-0.2 -0.523 -0.83 -0.8 -1.412 -0.622 -0.58 0.178 -0.89 0.747 -0.69 1.27a0.487 0.487 0 0 0 0.014 0.036l4.444 11c0.2 0.523 0.83 0.801 1.411 0.622 0.58 -0.178 0.89 -0.747 0.691 -1.27a0.487 0.487 0 0 0 -0.014 -0.036zm-15.488 -12.658c-0.613 0 -1.11 0.448 -1.11 1v12c0 0.552 0.497 1 1.11 1 0.614 0 1.111 -0.448 1.111 -1v-12c0 -0.552 -0.497 -1 -1.11 -1z"/>
+    <g mask="url(#R)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="990">
+    <defs>
+      <mask id="S" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54167 0 0 .5 13.449 28.232)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54167 0 0 .5 13.449 28.232)"/>
+      </mask>
+    </defs>
+    <path d="M7.915 21.919c-0.598 0 -1.083 0.448 -1.083 1v10c0 0.552 0.485 1 1.083 1s1.084 -0.448 1.084 -1v-10c0 -0.552 -0.486 -1 -1.084 -1zm3.25 -1c-0.598 0 -1.083 0.448 -1.083 1v11c0 0.552 0.485 1 1.083 1s1.084 -0.448 1.084 -1v-11c0 -0.552 -0.486 -1 -1.084 -1zm8.6 11.658l-4.333 -11c-0.193 -0.523 -0.809 -0.801 -1.375 -0.622 -0.566 0.178 -0.868 0.747 -0.674 1.27a0.494 0.494 0 0 0 0.014 0.036l4.333 11c0.194 0.523 0.81 0.8 1.376 0.622 0.566 -0.178 0.868 -0.747 0.674 -1.27a0.494 0.494 0 0 0 -0.014 -0.036zm-15.1 -12.658c-0.598 0 -1.083 0.448 -1.083 1v12c0 0.552 0.485 1 1.083 1s1.084 -0.448 1.084 -1v-12c0 -0.552 -0.486 -1 -1.084 -1z"/>
+    <g mask="url(#S)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="1012">
+    <defs>
+      <mask id="T" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.52778 0 0 .5 13.306 28.269)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.52778 0 0 .5 13.306 28.269)"/>
+      </mask>
+    </defs>
+    <path d="M7.914 21.956c-0.583 0 -1.056 0.448 -1.056 1v10c0 0.552 0.473 1 1.056 1 0.583 0 1.056 -0.448 1.056 -1v-10c0 -0.552 -0.473 -1 -1.056 -1zm3.167 -1c-0.583 0 -1.056 0.448 -1.056 1v11c0 0.552 0.473 1 1.056 1 0.582 0 1.055 -0.448 1.055 -1v-11c0 -0.552 -0.473 -1 -1.055 -1zm8.38 11.658l-4.222 -11c-0.19 -0.523 -0.789 -0.801 -1.341 -0.622 -0.551 0.178 -0.846 0.747 -0.657 1.27l0.014 0.036 4.222 11c0.19 0.523 0.789 0.8 1.34 0.622 0.552 -0.178 0.846 -0.747 0.657 -1.27l-0.013 -0.036zm-14.714 -12.658c-0.582 0 -1.055 0.448 -1.055 1v12c0 0.552 0.473 1 1.055 1 0.583 0 1.056 -0.448 1.056 -1v-12c0 -0.552 -0.473 -1 -1.056 -1z"/>
+    <g mask="url(#T)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="1034">
+    <defs>
+      <mask id="U" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.51389 0 0 .5 13.188 28.299)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.51389 0 0 .5 13.188 28.299)"/>
+      </mask>
+    </defs>
+    <path d="M7.938 21.986c-0.567 0 -1.027 0.448 -1.027 1v10c0 0.552 0.46 1 1.027 1 0.568 0 1.028 -0.448 1.028 -1v-10c0 -0.552 -0.46 -1 -1.028 -1zm3.084 -1c-0.568 0 -1.028 0.448 -1.028 1v11c0 0.552 0.46 1 1.028 1 0.567 0 1.028 -0.448 1.028 -1v-11c0 -0.552 -0.46 -1 -1.028 -1zm8.16 11.658l-4.112 -11c-0.184 -0.523 -0.768 -0.801 -1.305 -0.622 -0.537 0.178 -0.823 0.747 -0.64 1.27a0.51 0.51 0 0 0 0.014 0.036l4.111 11c0.184 0.523 0.768 0.8 1.305 0.622 0.537 -0.178 0.824 -0.747 0.64 -1.27l-0.014 -0.036zm-14.327 -12.658c-0.567 0 -1.028 0.448 -1.028 1v12c0 0.552 0.46 1 1.028 1 0.567 0 1.028 -0.448 1.028 -1v-12c0 -0.552 -0.46 -1 -1.028 -1z"/>
+    <g mask="url(#U)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="1056">
+    <defs>
+      <mask id="V" mask-type="alpha">
+        <path fill="rgb(48,163,255)" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 4.641 5.5 0.109 0.75 -2.141 3.25 -0.015 6.787 0.009 9.339 25.4 4.124 -39.128 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.108 28.313)"/>
+        <path fill-opacity="0" stroke="rgb(135,17,17)" stroke-width="0" d="M-1.454 -10.124l-7.75 24.312 10.687 6 2.75 -0.375 1.5 -0.125 1.125 2.32 2.75 0.055 0.375 -1.07 1.625 -0.008 3.393 0.005 4.67 12.7 2.062 -19.564 3 -12.625 -0.375 -11.125 -25.813 -0.5z"/>
+      </mask>
+    </defs>
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+    <g mask="url(#V)">
+      <path fill="rgb(48,163,255)" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+      <path fill="none" stroke="rgb(48,163,255)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M7.95 26.013l2.695 1.754 1.138 0.742 1.274 -0.472 2.962 -1.096 -0.729 3.27 -0.283 1.267 0.812 1.013 2.062 2.573 -3.201 0.115 -1.442 0.052 -0.758 1.225 -1.644 2.652 -1.187 -3.053 -0.474 -1.217 -1.248 -0.385 -3.203 -0.986 2.478 -2.046 1.074 -0.887 -0.1 -1.39 -0.226 -3.129"/>
+    </g>
+  </svg>
+  <svg x="1078">
+    <path d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z"/>
+  </svg>
+</svg>
--- a/browser/themes/shared/jar.inc.mn
+++ b/browser/themes/shared/jar.inc.mn
@@ -117,16 +117,17 @@
   skin/classic/browser/arrow-dropdown.svg             (../shared/icons/arrow-dropdown.svg)
   skin/classic/browser/arrow-left.svg                 (../shared/icons/arrow-left.svg)
   skin/classic/browser/back.svg                       (../shared/icons/back.svg)
 #ifndef MOZ_PHOTON_THEME
   skin/classic/browser/back-large.svg                 (../shared/icons/back-large.svg)
 #endif
   skin/classic/browser/back-12.svg                    (../shared/icons/back-12.svg)
   skin/classic/browser/bookmark.svg                   (../shared/icons/bookmark.svg)
+  skin/classic/browser/bookmark-animation.svg         (../shared/icons/bookmark-animation.svg)
   skin/classic/browser/bookmark-hollow.svg            (../shared/icons/bookmark-hollow.svg)
 #ifndef MOZ_PHOTON_THEME
   skin/classic/browser/bookmarksMenu.svg              (../shared/icons/bookmarksMenu.svg)
 #else
   skin/classic/browser/bookmark-star-on-tray.svg      (../shared/icons/bookmark-star-on-tray.svg)
 #endif
   skin/classic/browser/characterEncoding.svg          (../shared/icons/characterEncoding.svg)
   skin/classic/browser/chevron.svg                    (../shared/icons/chevron.svg)
@@ -156,16 +157,17 @@
   skin/classic/browser/forward.svg                    (../shared/icons/forward.svg)
   skin/classic/browser/fullscreen.svg                 (../shared/icons/fullscreen.svg)
   skin/classic/browser/fullscreen-enter.svg           (../shared/icons/fullscreen-enter.svg)
   skin/classic/browser/fullscreen-exit.svg            (../shared/icons/fullscreen-exit.svg)
   skin/classic/browser/help.svg                       (../shared/icons/help.svg)
   skin/classic/browser/history.svg                    (../shared/icons/history.svg)
   skin/classic/browser/home.svg                       (../shared/icons/home.svg)
   skin/classic/browser/library.svg                    (../shared/icons/library.svg)
+  skin/classic/browser/library-bookmark-animation.svg (../shared/icons/library-bookmark-animation.svg)
 #ifdef MOZ_PHOTON_THEME
   skin/classic/browser/link.svg                       (../shared/icons/link.svg)
 #endif
   skin/classic/browser/mail.svg                       (../shared/icons/mail.svg)
   skin/classic/browser/menu.svg                       (../shared/icons/menu.svg)
   skin/classic/browser/new-tab.svg                    (../shared/icons/new-tab.svg)
   skin/classic/browser/new-window.svg                 (../shared/icons/new-window.svg)
   skin/classic/browser/open.svg                       (../shared/icons/open.svg)
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -428,8 +428,94 @@ toolbar:not([brighttext]) #bookmarks-men
 
 #webide-button@attributeSelectorForToolbar@ {
   list-style-image: url("chrome://browser/skin/webIDE.svg");
 }
 
 #library-button {
   list-style-image: url("chrome://browser/skin/library.svg");
 }
+
+@keyframes library-bookmark-animation {
+  from {
+    transform: translateX(0);
+    fill: inherit;
+  }
+  25% {
+    fill: inherit;
+  }
+  50% {
+    fill: rgb(10,132,255);
+  }
+  to {
+    transform: translateX(-1056px);
+    fill: rgb(10,132,255);
+  }
+}
+
+@keyframes library-bookmark-animation-rtl {
+  from {
+    transform: scaleX(-1) translateX(0);
+    fill: inherit;
+  }
+  25% {
+    fill: inherit;
+  }
+  50% {
+    fill: rgb(10,132,255);
+  }
+  to {
+    transform: scaleX(-1) translateX(-1056px);
+    fill: rgb(10,132,255);
+  }
+}
+
+@keyframes library-bookmark-fade {
+  from {
+    fill: rgb(10,132,255);
+  }
+  to {
+    fill: inherit;
+  }
+}
+
+#library-button[animate="bookmark"] {
+  position: relative;
+}
+
+#library-button[animate="bookmark"] > .toolbarbutton-icon {
+  fill: transparent;
+}
+
+#library-button[animate="bookmark"] > .toolbarbutton-animatable-box {
+  position: absolute;
+  overflow: hidden;
+  top: calc(50% - 27px); /* 27px is half the height of the sprite */
+  /* Set a margin relative to the difference in widths of the .toolbarbutton-icon
+     and the .toolbar-animatable-box */
+  margin-inline-start: calc((16px + 2 * var(--toolbarbutton-inner-padding) - 22px) / 2);
+  /* Set the min- and max- width and height of the box equal to that
+     of each frame of the SVG sprite (must use min- and max- due to bug 1379332). */
+  min-width: 22px;
+  max-width: 22px;
+  min-height: 54px;
+  max-height: 54px;
+}
+
+#library-button[animate="bookmark"] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  height: var(--toolbarbutton-height);
+  background-image: url("chrome://browser/skin/library-bookmark-animation.svg");
+  width: 1078px;
+  animation-name: library-bookmark-animation;
+  animation-duration: 768ms;
+  animation-timing-function: steps(48);
+}
+
+#library-button[animate="bookmark"]:-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-name: library-bookmark-animation-rtl;
+  transform: scaleX(-1);
+}
+
+#library-button[animate="bookmark"][fade] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  animation-name: library-bookmark-fade;
+  animation-duration: 2s;
+  animation-timing-function: ease-out;
+}
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -81,26 +81,93 @@
 #urlbar-page-action-button,
 .urlbar-icon {
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
   fill-opacity: 0.6;
   color: inherit;
 }
 
+@keyframes bookmark-animation {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-627px);
+  }
+}
+
+@keyframes bookmark-animation-rtl {
+  from {
+    transform: scaleX(-1) translateX(0);
+  }
+  to {
+    transform: scaleX(-1) translateX(-627px);
+  }
+}
+
+#star-button-box[animationsenabled] {
+  position: relative;
+}
+
 #star-button {
   list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
 }
 
 #star-button[starred] {
   list-style-image: url("chrome://browser/skin/bookmark.svg");
   fill-opacity: 1;
   fill: var(--toolbarbutton-icon-fill-attention);
 }
 
+/* Preload the bookmark animations to prevent a flicker during the first playing
+   of the animations. */
+#star-button[preloadanimations] + #star-button-animatable-box > #star-button-animatable-image {
+  background-image: url("chrome://browser/skin/bookmark-animation.svg"),
+                    url("chrome://browser/skin/library-bookmark-animation.svg");
+  background-size: 0, 0;
+}
+
+#star-button-box[animationsenabled] > #star-button[starred][animate] {
+  fill: transparent;
+  position: relative;
+}
+
+#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
+  position: absolute;
+  overflow: hidden;
+  top: calc(50% - 16.5px); /* 16.5px is half the height of the sprite */
+  /* .urlbar-icon has width 22px. Each frame is 33px wide. Set margin-inline-start
+     to be half the difference. */
+  margin-inline-start: -5.5px;
+  /* Set the height to equal the height of each frame of the SVG. Must use
+     min- and max- width and height due to bug 1379332. */
+  min-width: 33px;
+  max-width: 33px;
+  min-height: 33px;
+  max-height: 33px;
+}
+
+#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box > #star-button-animatable-image {
+  background-image: url("chrome://browser/skin/bookmark-animation.svg");
+  background-size: auto;
+  list-style-image: none;
+  height: var(--toolbarbutton-height);
+  animation-name: bookmark-animation;
+  animation-fill-mode: forwards;
+  animation-iteration-count: 1;
+  animation-timing-function: steps(19);
+  animation-duration: 304ms;
+  width: 660px;
+}
+
+#star-button-box[animationsenabled] > #star-button[starred][animate]:-moz-locale-dir(rtl) + #star-button-animatable-box > #star-button-animatable-image {
+  animation-name: bookmark-animation-rtl;
+}
+
 /* Page action popup */
 #page-action-bookmark-button {
   list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
 }
 
 #page-action-bookmark-button[starred] {
   list-style-image: url("chrome://browser/skin/bookmark.svg");
 }
gecko
Deployed from 4e825768105f at 2024-04-08T16:23:59Z.