Merge inbound to mozilla-central. a=merge
authorCiure Andrei <aciure@mozilla.com>
Sun, 09 Dec 2018 23:42:51 +0200
changeset 506142 53fd96ca5aa4
parent 506116 efcada818361 (current diff)
parent 506141 ff2282b876b6 (diff)
child 506143 3d9e1dd87d45
child 506814 27fd8e123b64
push id10304
push usercsabou@mozilla.com
push dateMon, 10 Dec 2018 13:40:42 +0000
treeherdermozilla-beta@89eaae012b30 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmerge
milestone65.0a1
first release with
nightly linux32
53fd96ca5aa4 / 65.0a1 / 20181209214327 / files
nightly linux64
53fd96ca5aa4 / 65.0a1 / 20181209214327 / files
nightly mac
53fd96ca5aa4 / 65.0a1 / 20181209214327 / files
nightly win32
53fd96ca5aa4 / 65.0a1 / 20181209214327 / files
nightly win64
53fd96ca5aa4 / 65.0a1 / 20181209214327 / files
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
releases
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Merge inbound to mozilla-central. a=merge
testing/web-platform/meta/streams/readable-streams/bad-underlying-sources.dedicatedworker.html.ini
testing/web-platform/meta/streams/readable-streams/bad-underlying-sources.html.ini
testing/web-platform/meta/streams/readable-streams/bad-underlying-sources.serviceworker.https.html.ini
testing/web-platform/meta/streams/readable-streams/bad-underlying-sources.sharedworker.html.ini
--- a/browser/base/content/test/forms/browser_selectpopup_colors.js
+++ b/browser/base/content/test/forms/browser_selectpopup_colors.js
@@ -180,18 +180,22 @@ const SELECT_INHERITED_COLORS_ON_OPTIONS
      <option class="textShadow">{"color": "rgb(0, 0, 255)", "textShadow": "rgb(0, 0, 0) 1px 1px 2px", "backgroundColor": "rgba(0, 0, 0, 0)"}</option>
      <option selected="true">{"end": "true"}</option>
    </select></body></html>
 `;
 
 function getSystemColor(color) {
   // Need to convert system color to RGB color.
   let textarea = document.createElementNS("http://www.w3.org/1999/xhtml", "textarea");
+  textarea.style.display = "none";
   textarea.style.color = color;
-  return getComputedStyle(textarea).color;
+  document.documentElement.appendChild(textarea);
+  let computed = getComputedStyle(textarea).color;
+  textarea.remove();
+  return computed;
 }
 
 function testOptionColors(index, item, menulist) {
   // The label contains a JSON string of the expected colors for
   // `color` and `background-color`.
   let expected = JSON.parse(item.label);
 
   for (let color of Object.keys(expected)) {
@@ -206,17 +210,17 @@ function testOptionColors(index, item, m
   EventUtils.synthesizeKey("KEY_ArrowDown");
 
   if (expected.end) {
     return;
   }
 
   if (expected.unstyled) {
     ok(!item.hasAttribute("customoptionstyling"),
-      `Item ${index} should not have any custom option styling`);
+      `Item ${index} should not have any custom option styling: ${item.outerHTML}`);
   } else {
     is(getComputedStyle(item).color, expected.color,
        "Item " + (index) + " has correct foreground color");
     is(getComputedStyle(item).backgroundColor, expected.backgroundColor,
        "Item " + (index) + " has correct background color");
     if (expected.textShadow) {
       is(getComputedStyle(item).textShadow, expected.textShadow,
          "Item " + (index) + " has correct text-shadow color");
--- a/browser/components/extensions/test/browser/browser_ext_popup_background.js
+++ b/browser/components/extensions/test/browser/browser_ext_popup_background.js
@@ -15,17 +15,20 @@ async function testPanel(browser, standA
            "rgb(255, 255, 255)", "Arrow fill should be set to #fff when no background is supplied and popup is standAlone");
       } else {
         let default_background =
           getComputedStyle(document.documentElement).getPropertyValue("--arrowpanel-background");
         // Need to apply the color to a node and get the computed value
         // to resolve CSS named colors such as -moz-field.
         let span = document.createElementNS("http://www.w3.org/1999/xhtml", "span");
         span.style.color = default_background;
+        span.style.display = "none";
+        document.documentElement.appendChild(span);
         let default_background_computed = getComputedStyle(span).color;
+        span.remove();
 
         is(getComputedStyle(arrow).fill, default_background_computed, "Arrow fill should be the default one");
       }
       return;
     }
 
     is(getComputedStyle(arrowContent).backgroundColor, background, "Arrow content should have correct background");
     is(getComputedStyle(arrow).fill, background, "Arrow should have correct background");
--- a/browser/modules/Sanitizer.jsm
+++ b/browser/modules/Sanitizer.jsm
@@ -837,18 +837,17 @@ async function sanitizeSessionPrincipal(
                                                Ci.nsIClearDataService.CLEAR_COOKIES,
                                                resolve);
   });
 }
 
 function sanitizeNewTabSegregation() {
   let identity = ContextualIdentityService.getPrivateIdentity("userContextIdInternal.thumbnail");
   if (identity) {
-    Services.obs.notifyObservers(null, "clear-origin-attributes-data",
-                                 JSON.stringify({ userContextId: identity.userContextId }));
+    Services.clearData.deleteDataFromOriginAttributesPattern({ userContextId: identity.userContextId });
   }
 }
 
 /**
  * Gets an array of items to clear from the given pref branch.
  * @param branch The pref branch to fetch.
  * @return Array of items to clear
  */
--- a/browser/themes/shared/identity-block/identity-block.inc.css
+++ b/browser/themes/shared/identity-block/identity-block.inc.css
@@ -175,31 +175,35 @@
   overflow: hidden;
   margin-inline-start: 4px;
   width: 16px;
   height: 20px;
 }
 
 #tracking-protection-icon-box:not([hasException])[active] #tracking-protection-icon-animatable-image {
   background-image: url(chrome://browser/skin/tracking-protection-animation.svg);
-  transform: translateX(-1232px);
-  width: 1248px;
+  transform: translateX(-2816px);
+  width: 2832px;
   background-size: auto;
   height: 16px;
   min-height: 20px;
   -moz-context-properties: fill, fill-opacity;
 }
 
+:root[lwt-toolbar-field-brighttext] #tracking-protection-icon-box:not([hasException])[active] #tracking-protection-icon-animatable-image {
+  background-image: url(chrome://browser/skin/tracking-protection-animation-brighttext.svg);
+}
+
 #tracking-protection-icon-box[active] #tracking-protection-icon-animatable-image:-moz-locale-dir(rtl) {
   transform: scaleX(-1) translateX(-1232px);
 }
 
 #tracking-protection-icon-box[active][animate] #tracking-protection-icon-animatable-image {
   animation-name: tp-icon-animation;
-  animation-timing-function: steps(77);
+  animation-timing-function: steps(176);
   animation-duration: 3s;
   animation-fill-mode: forwards;
 }
 
 #tracking-protection-icon-box[active][animate] #tracking-protection-icon-animatable-image:-moz-locale-dir(rtl) {
   animation-name: tp-icon-animation-rtl;
 }
 
@@ -211,73 +215,31 @@
   list-style-image: url(chrome://browser/skin/tracking-protection-disabled.svg);
 }
 
 #urlbar[pageproxystate="invalid"] > #identity-box > #extension-icon,
 #urlbar[pageproxystate="invalid"] > #identity-box > #tracking-protection-icon-box {
   visibility: collapse;
 }
 
-#tracking-protection-icon-animatable-image {
-  --tracking-protection-shield-color: #7f00d6;
-}
-
-:root[lwt-toolbar-field-brighttext] #tracking-protection-icon-animatable-image {
-  --tracking-protection-shield-color: #c069ff;
-}
-
 @keyframes tp-icon-animation {
   from {
     transform: translateX(0);
-    fill-opacity: 0.3;
   }
-  30% {
-    fill: inherit;
-    fill-opacity: 0.3;
-  }
-  31% {
-    fill: var(--tracking-protection-shield-color);
-    fill-opacity: 1;
-  }
-  50% {
-    transform: translateX(-1232px);
-  }
-  65% {
-    fill: var(--tracking-protection-shield-color);
-    fill-opacity: 1;
-  }
-  to {
-    fill: inherit;
-    fill-opacity: inherit;
+  100% {
+    transform: translateX(-2816px);
   }
 }
 
 @keyframes tp-icon-animation-rtl {
   from {
     transform: scaleX(-1) translateX(0);
-    fill-opacity: 0.3;
   }
-  30% {
-    fill: inherit;
-    fill-opacity: 0.3;
-  }
-  31% {
-    fill: var(--tracking-protection-shield-color);
-    fill-opacity: 1;
-  }
-  50% {
-    transform: scaleX(-1) translateX(-1232px);
-  }
-  65% {
-    fill: var(--tracking-protection-shield-color);
-    fill-opacity: 1;
-  }
-  to {
-    fill: inherit;
-    fill-opacity: inherit;
+  100% {
+    transform: scaleX(-1) translateX(-2816px);
   }
 }
 
 /* CONNECTION ICON, EXTENSION ICON, REMOTE CONTROL ICON */
 
 #connection-icon,
 #extension-icon,
 #remote-control-icon {
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/identity-block/tracking-protection-animation-brighttext.svg
@@ -0,0 +1,2464 @@
+<!-- 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="2832" height="20">
+  <defs>
+    <path id="shape-0" d="M18 42.999l-0.336 -0.035a18.737 18.737 0 0 1 -12.036 -7.281 27.778 27.778 0 0 1 -5.4 -15.859c-0.228 -2.517 -0.228 -8.042 -0.228 -11.117a5.535 5.535 0 0 1 4.581 -5.467l13.419 -2.303 13.413 2.303a5.536 5.536 0 0 1 4.587 5.47c0 3.069 0 8.597 -0.24 11.114a27.778 27.778 0 0 1 -5.4 15.859 18.737 18.737 0 0 1 -12.036 7.281l-0.324 0.035zm-12 -33.917c0 4.875 -0.147 8.28 0 9.9a22.722 22.722 0 0 0 4.461 13.146 12.67 12.67 0 0 0 7.539 4.815 12.664 12.664 0 0 0 7.536 -4.815 22.725 22.725 0 0 0 4.464 -13.146c0.147 -1.62 0 -5.025 0 -9.9l-12 -2.055 -12 2.055z"/>
+    <path id="shape-1" d="M18 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    <path id="shape-2" d="M8 13.565l-0.06 -0.006a3.373 3.373 0 0 1 -2.167 -1.311 5 5 0 0 1 -0.972 -2.855c-0.041 -0.453 -0.041 -1.447 -0.041 -2a0.996 0.996 0 0 1 0.825 -0.985l2.415 -0.414 2.414 0.414a0.997 0.997 0 0 1 0.826 0.985c0 0.552 0 1.547 -0.043 2a5 5 0 0 1 -0.972 2.855 3.373 3.373 0 0 1 -2.167 1.31l-0.058 0.007zm-2.16 -6.105c0 0.877 -0.026 1.49 0 1.782a4.09 4.09 0 0 0 0.803 2.366 2.28 2.28 0 0 0 1.357 0.867 2.28 2.28 0 0 0 1.356 -0.867 4.09 4.09 0 0 0 0.804 -2.366c0.026 -0.292 0 -0.905 0 -1.782l-2.16 -0.37 -2.16 0.37z"/>
+    <path id="shape-3" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854"/>
+    <path id="shape-4" d="M8 17.435l-0.121 -0.013a6.745 6.745 0 0 1 -4.333 -2.621 10 10 0 0 1 -1.944 -5.71c-0.082 -0.905 -0.082 -2.894 -0.082 -4.001a1.993 1.993 0 0 1 1.65 -1.969l4.83 -0.829 4.829 0.83a1.993 1.993 0 0 1 1.651 1.969c0 1.104 0 3.095 -0.086 4a10 10 0 0 1 -1.944 5.71 6.745 6.745 0 0 1 -4.333 2.621l-0.117 0.013zm-4.32 -12.21c0 1.755 -0.053 2.98 0 3.564a8.18 8.18 0 0 0 1.606 4.732 4.562 4.562 0 0 0 2.714 1.733 4.559 4.559 0 0 0 2.713 -1.733 8.181 8.181 0 0 0 1.607 -4.732c0.053 -0.584 0 -1.81 0 -3.564l-4.32 -0.74 -4.32 0.74z"/>
+    <path id="shape-5" d="M-20.673 24.01l36.25 40.25 40.854 -40.854 -36 -40.25 -41.104 40.854"/>
+    <path id="shape-6" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
+  </defs>
+  <svg width="16" height="20">
+    <defs>
+      <mask id="a">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.332 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#BF68FF" mask="url(#a)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use href="#shape-0"/>
+      <path d="M11.681 12.84l-6.596 1.13c0.024 2.485 0.079 4.366 0.163 5.277a15.21 15.21 0 0 0 2.982 9.315 7.09 7.09 0 0 0 3.43 2.488h0.021v-18.21z" opacity=".419"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="16">
+    <defs>
+      <mask id="c">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.321 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="b">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".006"/>
+    <g mask="url(#b)" opacity=".045" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#c)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use href="#shape-0"/>
+      <path d="M11.556 12.862l-6.58 1.126c0.023 2.48 0.079 4.357 0.163 5.265a15.173 15.173 0 0 0 2.974 9.293 7.073 7.073 0 0 0 3.422 2.482h0.021v-18.166z" opacity=".412"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="32">
+    <defs>
+      <mask id="e">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.296 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="d">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".023"/>
+    <g mask="url(#d)" opacity=".098" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#e)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use href="#shape-0"/>
+      <path d="M11.432 12.883l-6.565 1.124c0.023 2.474 0.078 4.346 0.162 5.252a15.137 15.137 0 0 0 2.968 9.271 7.056 7.056 0 0 0 3.414 2.477h0.02v-18.124z" opacity=".404"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="48">
+    <defs>
+      <mask id="g">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.263 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="f">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".051"/>
+    <g mask="url(#f)" opacity=".159" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#g)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+      <use href="#shape-0"/>
+      <path d="M11.307 12.905l-6.55 1.121c0.024 2.468 0.08 4.336 0.163 5.24a15.1 15.1 0 0 0 2.96 9.248 7.04 7.04 0 0 0 3.406 2.47h0.02v-18.079z" opacity=".397"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="64">
+    <defs>
+      <mask id="i">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.223 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="h">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".087"/>
+    <g mask="url(#h)" opacity=".224" transform="translate(4.64 5.68) scale(.18672)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#i)" transform="translate(4.654 5.699) scale(.18588)">
+      <use href="#shape-0"/>
+      <path d="M11.182 12.927l-6.534 1.118c0.024 2.462 0.079 4.326 0.163 5.227a15.065 15.065 0 0 0 2.953 9.227 7.023 7.023 0 0 0 3.397 2.464h0.021v-18.036z" opacity=".39"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="80">
+    <defs>
+      <mask id="k">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.178 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="j">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".132"/>
+    <g mask="url(#j)" opacity=".294" transform="translate(4.308 5.285) scale(.20512)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#k)" transform="translate(4.364 5.352) scale(.20198)">
+      <use href="#shape-0"/>
+      <path d="M11.058 12.948l-6.518 1.116c0.023 2.456 0.078 4.315 0.161 5.215a15.029 15.029 0 0 0 2.946 9.204 7.006 7.006 0 0 0 3.39 2.459h0.02v-17.994z" opacity=".382"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="96">
+    <defs>
+      <mask id="m">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.13 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="l">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".183"/>
+    <g mask="url(#l)" opacity=".367" transform="translate(3.813 4.694) scale(.23261)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#m)" transform="translate(3.931 4.835) scale(.22603)">
+      <use href="#shape-0"/>
+      <path d="M10.933 12.97l-6.502 1.113c0.023 2.45 0.078 4.305 0.161 5.202a14.993 14.993 0 0 0 2.94 9.182 6.99 6.99 0 0 0 3.38 2.453h0.021v-17.95z" opacity=".375"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="112">
+    <defs>
+      <mask id="o">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.08 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="n">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-2" opacity=".239"/>
+    <g mask="url(#n)" opacity=".442" transform="translate(3.202 3.964) scale(.26658)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#o)" transform="translate(3.396 4.196) scale(.25575)">
+      <use href="#shape-0"/>
+      <path d="M10.809 12.991l-6.487 1.11c0.023 2.445 0.078 4.295 0.16 5.19a14.957 14.957 0 0 0 2.933 9.16 6.972 6.972 0 0 0 3.373 2.448h0.021v-17.908z" opacity=".368"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="128">
+    <defs>
+      <mask id="q">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.027 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="p">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 13.723l-0.063 -0.006a3.51 3.51 0 0 1 -2.255 -1.365 5.205 5.205 0 0 1 -1.012 -2.971c-0.043 -0.472 -0.043 -1.507 -0.043 -2.083a1.037 1.037 0 0 1 0.859 -1.024l2.514 -0.432 2.513 0.432a1.037 1.037 0 0 1 0.86 1.025c0 0.575 0 1.61 -0.045 2.082a5.205 5.205 0 0 1 -1.012 2.971 3.51 3.51 0 0 1 -2.255 1.365l-0.061 0.006zm-2.248 -6.355c0 0.914 -0.028 1.552 0 1.855a4.257 4.257 0 0 0 0.835 2.463 2.374 2.374 0 0 0 1.413 0.903 2.373 2.373 0 0 0 1.412 -0.903 4.258 4.258 0 0 0 0.836 -2.463c0.028 -0.303 0 -0.941 0 -1.855l-2.248 -0.385 -2.248 0.385z" opacity=".301"/>
+    <g mask="url(#p)" opacity=".517" transform="translate(2.52 3.15) scale(.30443)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#q)" transform="translate(2.8 3.484) scale(.28887)">
+      <use href="#shape-0"/>
+      <path d="M10.685 13.013l-6.472 1.108c0.024 2.438 0.078 4.284 0.16 5.177a14.921 14.921 0 0 0 2.926 9.138 6.956 6.956 0 0 0 3.365 2.441h0.02v-17.864z" opacity=".36"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="144">
+    <defs>
+      <mask id="s">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.973 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="r">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 14.153l-0.07 -0.007a3.885 3.885 0 0 1 -2.495 -1.51 5.76 5.76 0 0 1 -1.12 -3.289c-0.047 -0.521 -0.047 -1.667 -0.047 -2.305a1.148 1.148 0 0 1 0.95 -1.133l2.782 -0.478 2.781 0.478a1.148 1.148 0 0 1 0.951 1.134c0 0.636 0 1.783 -0.05 2.304a5.76 5.76 0 0 1 -1.12 3.289 3.885 3.885 0 0 1 -2.495 1.51l-0.067 0.007zm-2.488 -7.033c0 1.01 -0.03 1.717 0 2.053a4.712 4.712 0 0 0 0.925 2.726 2.627 2.627 0 0 0 1.563 0.998 2.626 2.626 0 0 0 1.563 -0.998 4.712 4.712 0 0 0 0.925 -2.726c0.03 -0.336 0 -1.042 0 -2.053l-2.488 -0.426 -2.488 0.426z" opacity=".365"/>
+    <g mask="url(#r)" opacity=".591" transform="translate(1.816 2.308) scale(.34357)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#s)" transform="translate(2.184 2.748) scale(.32313)">
+      <use href="#shape-0"/>
+      <path d="M10.56 13.034l-6.455 1.105c0.023 2.433 0.077 4.274 0.16 5.165a14.885 14.885 0 0 0 2.918 9.117 6.939 6.939 0 0 0 3.357 2.435h0.02v-17.822z" opacity=".353"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="160">
+    <defs>
+      <mask id="u">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.917 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="t">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 14.786l-0.08 -0.008a4.437 4.437 0 0 1 -2.85 -1.725 6.578 6.578 0 0 1 -1.278 -3.755c-0.054 -0.596 -0.054 -1.904 -0.054 -2.632a1.31 1.31 0 0 1 1.084 -1.295l3.178 -0.545 3.176 0.545a1.31 1.31 0 0 1 1.086 1.295c0 0.727 0 2.036 -0.057 2.632a6.578 6.578 0 0 1 -1.278 3.755 4.437 4.437 0 0 1 -2.85 1.725l-0.077 0.008zm-2.842 -8.031c0 1.154 -0.034 1.96 0 2.344a5.38 5.38 0 0 0 1.057 3.113 3 3 0 0 0 1.785 1.14 2.999 2.999 0 0 0 1.784 -1.14 5.381 5.381 0 0 0 1.058 -3.113c0.034 -0.384 0 -1.19 0 -2.344l-2.842 -0.487 -2.842 0.487z" opacity=".432"/>
+    <g mask="url(#t)" opacity=".663" transform="translate(1.134 1.494) scale(.38142)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#u)" transform="translate(1.588 2.036) scale(.35625)">
+      <use href="#shape-0"/>
+      <path d="M10.437 13.056l-6.44 1.102c0.023 2.427 0.077 4.264 0.16 5.152a14.85 14.85 0 0 0 2.91 9.095 6.922 6.922 0 0 0 3.35 2.43h0.02v-17.78z" opacity=".346"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="176">
+    <defs>
+      <mask id="w">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.86 59.76l5.5 5.5 40.853 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="v">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 15.554l-0.092 -0.01a5.106 5.106 0 0 1 -3.28 -1.984 7.57 7.57 0 0 1 -1.471 -4.322c-0.062 -0.686 -0.062 -2.191 -0.062 -3.03a1.509 1.509 0 0 1 1.248 -1.49l3.657 -0.627 3.655 0.628a1.509 1.509 0 0 1 1.25 1.49c0 0.837 0 2.343 -0.065 3.03a7.57 7.57 0 0 1 -1.472 4.321 5.106 5.106 0 0 1 -3.28 1.984l-0.088 0.01zm-3.27 -9.243c0 1.328 -0.04 2.256 0 2.698a6.192 6.192 0 0 0 1.215 3.582 3.453 3.453 0 0 0 2.055 1.313 3.451 3.451 0 0 0 2.054 -1.313 6.193 6.193 0 0 0 1.216 -3.582c0.04 -0.442 0 -1.37 0 -2.698l-3.27 -0.56 -3.27 0.56z" opacity=".5"/>
+    <g mask="url(#v)" opacity=".731" transform="translate(.523 .764) scale(.41539)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#w)" transform="translate(1.053 1.397) scale(.38597)">
+      <use href="#shape-0"/>
+      <path d="M10.314 13.077l-6.425 1.1c0.023 2.42 0.077 4.253 0.159 5.14a14.814 14.814 0 0 0 2.904 9.073 6.906 6.906 0 0 0 3.341 2.423h0.02v-17.736z" opacity=".338"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="192">
+    <defs>
+      <mask id="y">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.8 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="x">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 16.39l-0.105 -0.011a5.835 5.835 0 0 1 -3.748 -2.267 8.65 8.65 0 0 1 -1.681 -4.939c-0.071 -0.784 -0.071 -2.504 -0.071 -3.462a1.724 1.724 0 0 1 1.426 -1.702l4.179 -0.717 4.177 0.717a1.724 1.724 0 0 1 1.428 1.703c0 0.956 0 2.677 -0.075 3.461a8.65 8.65 0 0 1 -1.681 4.939 5.835 5.835 0 0 1 -3.748 2.267l-0.101 0.01zm-3.737 -10.562c0 1.518 -0.046 2.578 0 3.083a7.076 7.076 0 0 0 1.39 4.094 3.946 3.946 0 0 0 2.347 1.499 3.944 3.944 0 0 0 2.347 -1.5 7.077 7.077 0 0 0 1.39 -4.093c0.046 -0.505 0 -1.565 0 -3.083l-3.737 -0.64 -3.737 0.64z" opacity=".568"/>
+    <g mask="url(#x)" opacity=".795" transform="translate(.028 .173) scale(.44288)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#y)" transform="translate(.62 .88) scale(.41002)">
+      <use href="#shape-0"/>
+      <path d="M10.19 13.098l-6.41 1.098c0.024 2.415 0.078 4.243 0.16 5.127a14.778 14.778 0 0 0 2.897 9.051 6.89 6.89 0 0 0 3.333 2.418h0.02v-17.694z" opacity=".331"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="208">
+    <defs>
+      <mask id="A">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.741 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="z">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.226l-0.118 -0.013a6.563 6.563 0 0 1 -4.216 -2.55 9.73 9.73 0 0 1 -1.891 -5.555c-0.08 -0.882 -0.08 -2.817 -0.08 -3.894a1.939 1.939 0 0 1 1.605 -1.915l4.7 -0.807 4.698 0.807a1.94 1.94 0 0 1 1.607 1.916c0 1.075 0 3.011 -0.084 3.893a9.73 9.73 0 0 1 -1.892 5.555 6.563 6.563 0 0 1 -4.216 2.55l-0.113 0.013zm-4.203 -11.88c0 1.707 -0.052 2.9 0 3.467a7.96 7.96 0 0 0 1.562 4.605 4.438 4.438 0 0 0 2.641 1.686 4.436 4.436 0 0 0 2.64 -1.686 7.96 7.96 0 0 0 1.563 -4.605c0.052 -0.567 0 -1.76 0 -3.468l-4.203 -0.72 -4.203 0.72z" opacity=".635"/>
+    <g mask="url(#z)" opacity=".852" transform="translate(-.303 -.223) scale(.46128)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#A)" transform="translate(.33 .533) scale(.42612)">
+      <use href="#shape-0"/>
+      <path d="M10.067 13.12l-6.394 1.094c0.023 2.41 0.077 4.233 0.159 5.115a14.743 14.743 0 0 0 2.89 9.03 6.873 6.873 0 0 0 3.325 2.412h0.02v-17.652z" opacity=".324"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="224">
+    <defs>
+      <mask id="C">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.68 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="B">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.994l-0.13 -0.014a7.232 7.232 0 0 1 -4.646 -2.81 10.723 10.723 0 0 1 -2.084 -6.122c-0.088 -0.972 -0.088 -3.104 -0.088 -4.291a2.137 2.137 0 0 1 1.768 -2.11l5.18 -0.89 5.178 0.89a2.137 2.137 0 0 1 1.77 2.111c0 1.185 0 3.318 -0.093 4.29a10.723 10.723 0 0 1 -2.084 6.122 7.232 7.232 0 0 1 -4.646 2.81l-0.125 0.014zm-4.632 -13.092c0 1.881 -0.057 3.196 0 3.821a8.771 8.771 0 0 0 1.722 5.074 4.891 4.891 0 0 0 2.91 1.86 4.888 4.888 0 0 0 2.909 -1.86 8.772 8.772 0 0 0 1.723 -5.074c0.057 -0.625 0 -1.94 0 -3.821l-4.632 -0.794 -4.632 0.794z" opacity=".699"/>
+    <g mask="url(#B)" opacity=".902" transform="matrix(.468 0 0 .468 -.424 -.367)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#C)" transform="matrix(.432 0 0 .432 .224 .407)">
+      <use href="#shape-0"/>
+      <path d="M9.944 13.14l-6.378 1.093c0.023 2.403 0.076 4.222 0.158 5.103a14.707 14.707 0 0 0 2.883 9.007 6.856 6.856 0 0 0 3.317 2.406h0.02v-17.608z" opacity=".316"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="240">
+    <defs>
+      <mask id="E">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.62 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="D">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.627l-0.14 -0.015a7.784 7.784 0 0 1 -5 -3.025 11.54 11.54 0 0 1 -2.243 -6.588c-0.095 -1.046 -0.095 -3.341 -0.095 -4.619a2.3 2.3 0 0 1 1.903 -2.271l5.575 -0.957 5.572 0.957a2.3 2.3 0 0 1 1.906 2.272c0 1.275 0 3.572 -0.1 4.618a11.54 11.54 0 0 1 -2.243 6.588 7.784 7.784 0 0 1 -5 3.025l-0.135 0.015zm-4.985 -14.091c0 2.025 -0.061 3.44 0 4.113a9.44 9.44 0 0 0 1.853 5.461 5.264 5.264 0 0 0 3.132 2 5.261 5.261 0 0 0 3.13 -2 9.441 9.441 0 0 0 1.855 -5.461c0.061 -0.673 0 -2.088 0 -4.113l-4.985 -0.854 -4.985 0.854z" opacity=".761"/>
+    <g mask="url(#D)" opacity=".943" transform="translate(-.402 -.34) scale(.46679)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#E)" transform="translate(.24 .427) scale(.43108)">
+      <use href="#shape-0"/>
+      <path d="M9.822 13.162l-6.364 1.09c0.023 2.397 0.077 4.212 0.158 5.09a14.672 14.672 0 0 0 2.877 8.986 6.84 6.84 0 0 0 3.309 2.4h0.02v-17.566z" opacity=".309"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="256">
+    <defs>
+      <mask id="G">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.558 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="F">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 19.056l-0.146 -0.015a8.158 8.158 0 0 1 -5.241 -3.17 12.095 12.095 0 0 1 -2.351 -6.906c-0.1 -1.096 -0.1 -3.502 -0.1 -4.84a2.41 2.41 0 0 1 1.995 -2.381l5.843 -1.003 5.84 1.003a2.41 2.41 0 0 1 1.998 2.382c0 1.336 0 3.743 -0.105 4.84a12.095 12.095 0 0 1 -2.351 6.905 8.158 8.158 0 0 1 -5.24 3.17l-0.142 0.015zm-5.225 -14.768c0 2.123 -0.064 3.605 0 4.31a9.894 9.894 0 0 0 1.942 5.725 5.517 5.517 0 0 0 3.283 2.096 5.514 5.514 0 0 0 3.281 -2.096 9.895 9.895 0 0 0 1.944 -5.724c0.064 -0.706 0 -2.188 0 -4.311l-5.225 -0.895 -5.225 0.895z" opacity=".817"/>
+    <g mask="url(#F)" opacity=".974" transform="translate(-.34 -.267) scale(.46335)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#G)" transform="translate(.287 .482) scale(.4285)">
+      <use href="#shape-0"/>
+      <path d="M9.7 13.183l-6.348 1.087c0.022 2.392 0.076 4.202 0.157 5.078a14.637 14.637 0 0 0 2.87 8.965 6.823 6.823 0 0 0 3.3 2.394h0.02v-17.524z" opacity=".301"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="272">
+    <defs>
+      <mask id="I">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.496 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="H">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 19.215l-0.149 -0.016a8.297 8.297 0 0 1 -5.33 -3.224 12.3 12.3 0 0 1 -2.39 -7.022c-0.101 -1.115 -0.101 -3.561 -0.101 -4.923a2.451 2.451 0 0 1 2.028 -2.42l5.942 -1.02 5.94 1.02a2.451 2.451 0 0 1 2.03 2.422c0 1.359 0 3.806 -0.106 4.92a12.3 12.3 0 0 1 -2.391 7.023 8.297 8.297 0 0 1 -5.33 3.224l-0.143 0.016zm-5.314 -15.019c0 2.159 -0.065 3.667 0 4.384a10.061 10.061 0 0 0 1.976 5.821 5.61 5.61 0 0 0 3.338 2.132 5.608 5.608 0 0 0 3.337 -2.132 10.063 10.063 0 0 0 1.977 -5.821c0.065 -0.717 0 -2.225 0 -4.384l-5.314 -0.91 -5.314 0.91z" opacity=".868"/>
+    <g mask="url(#H)" opacity=".993" transform="translate(-.244 -.153) scale(.45802)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#I)" transform="translate(.359 .568) scale(.4245)">
+      <use href="#shape-0"/>
+      <path d="M9.578 13.204l-6.333 1.084c0.023 2.386 0.076 4.192 0.157 5.066a14.602 14.602 0 0 0 2.863 8.943 6.807 6.807 0 0 0 3.293 2.39h0.02v-17.483z" opacity=".294"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="288">
+    <defs>
+      <mask id="K">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.433 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="J">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 19.195l-0.148 -0.016a8.28 8.28 0 0 1 -5.319 -3.217 12.274 12.274 0 0 1 -2.386 -7.008c-0.1 -1.112 -0.1 -3.553 -0.1 -4.912a2.446 2.446 0 0 1 2.024 -2.416l5.929 -1.017 5.927 1.017a2.446 2.446 0 0 1 2.027 2.418c0 1.356 0 3.798 -0.106 4.91a12.274 12.274 0 0 1 -2.387 7.008 8.28 8.28 0 0 1 -5.318 3.217l-0.143 0.016zm-5.302 -14.987c0 2.154 -0.065 3.659 0 4.374a10.04 10.04 0 0 0 1.97 5.81 5.599 5.599 0 0 0 3.332 2.127 5.596 5.596 0 0 0 3.33 -2.128 10.042 10.042 0 0 0 1.972 -5.809c0.065 -0.715 0 -2.22 0 -4.374l-5.302 -0.908 -5.302 0.908z" opacity=".913"/>
+    <g mask="url(#J)" transform="translate(-.12 -.004) scale(.45111)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#K)" transform="translate(.451 .679) scale(.41936)">
+      <use href="#shape-0"/>
+      <path d="M9.457 13.225l-6.318 1.081c0.022 2.38 0.076 4.183 0.156 5.055a14.567 14.567 0 0 0 2.856 8.921 6.79 6.79 0 0 0 3.285 2.383h0.02v-17.44z" opacity=".287"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="304">
+    <defs>
+      <mask id="M">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.37 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="L">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 19.138l-0.148 -0.015a8.23 8.23 0 0 1 -5.286 -3.198 12.201 12.201 0 0 1 -2.372 -6.966c-0.1 -1.106 -0.1 -3.533 -0.1 -4.883a2.431 2.431 0 0 1 2.012 -2.401l5.894 -1.012 5.891 1.012a2.432 2.432 0 0 1 2.015 2.402c0 1.348 0 3.776 -0.105 4.882a12.201 12.201 0 0 1 -2.372 6.966 8.23 8.23 0 0 1 -5.287 3.198l-0.142 0.015zm-5.27 -14.897c0 2.14 -0.065 3.636 0 4.348a9.98 9.98 0 0 0 1.959 5.774 5.566 5.566 0 0 0 3.311 2.115 5.562 5.562 0 0 0 3.31 -2.115 9.982 9.982 0 0 0 1.96 -5.774c0.065 -0.712 0 -2.207 0 -4.348l-5.27 -0.903 -5.27 0.903z" opacity=".949"/>
+    <g mask="url(#L)" transform="translate(.027 .172) scale(.44294)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#M)" transform="translate(.56 .808) scale(.41333)">
+      <use href="#shape-0"/>
+      <path d="M9.336 13.246l-6.303 1.079c0.023 2.374 0.075 4.172 0.156 5.042a14.532 14.532 0 0 0 2.849 8.9 6.774 6.774 0 0 0 3.277 2.377h0.02v-17.398z" opacity=".279"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="320">
+    <defs>
+      <mask id="O">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.307 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="N">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 19.05l-0.146 -0.015a8.153 8.153 0 0 1 -5.238 -3.168 12.088 12.088 0 0 1 -2.35 -6.901c-0.099 -1.096 -0.099 -3.5 -0.099 -4.838a2.409 2.409 0 0 1 1.994 -2.379l5.839 -1.002 5.837 1.002a2.41 2.41 0 0 1 1.996 2.38c0 1.336 0 3.741 -0.105 4.837a12.088 12.088 0 0 1 -2.35 6.9 8.153 8.153 0 0 1 -5.237 3.17l-0.141 0.014zm-5.222 -14.759c0 2.122 -0.064 3.603 0 4.308a9.888 9.888 0 0 0 1.941 5.72 5.514 5.514 0 0 0 3.281 2.096 5.51 5.51 0 0 0 3.28 -2.095 9.889 9.889 0 0 0 1.942 -5.72c0.064 -0.706 0 -2.187 0 -4.309l-5.222 -0.894 -5.222 0.894z" opacity=".977"/>
+    <g mask="url(#N)" transform="translate(.191 .368) scale(.43382)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#O)" transform="translate(.68 .952) scale(.40665)">
+      <use href="#shape-0"/>
+      <path d="M9.215 13.266l-6.288 1.077c0.023 2.369 0.076 4.162 0.156 5.03a14.497 14.497 0 0 0 2.842 8.879 6.758 6.758 0 0 0 3.27 2.372h0.02v-17.358z" opacity=".272"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="336">
+    <defs>
+      <mask id="Q">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.244 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="P">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.936l-0.144 -0.015a8.054 8.054 0 0 1 -5.174 -3.13 11.94 11.94 0 0 1 -2.321 -6.816c-0.098 -1.082 -0.098 -3.457 -0.098 -4.78a2.38 2.38 0 0 1 1.969 -2.35l5.768 -0.99 5.766 0.99a2.38 2.38 0 0 1 1.971 2.352c0 1.32 0 3.696 -0.103 4.778a11.94 11.94 0 0 1 -2.321 6.817 8.054 8.054 0 0 1 -5.174 3.13l-0.139 0.014zm-5.158 -14.579c0 2.096 -0.063 3.56 0 4.256a9.767 9.767 0 0 0 1.917 5.65 5.447 5.447 0 0 0 3.241 2.07 5.444 5.444 0 0 0 3.24 -2.07 9.769 9.769 0 0 0 1.918 -5.65c0.063 -0.697 0 -2.16 0 -4.256l-5.158 -0.883 -5.158 0.883z" opacity=".994"/>
+    <g mask="url(#P)" transform="translate(.367 .578) scale(.42407)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#Q)" transform="translate(.807 1.104) scale(.3996)">
+      <use href="#shape-0"/>
+      <path d="M9.095 13.287l-6.273 1.074c0.023 2.363 0.075 4.152 0.156 5.018a14.463 14.463 0 0 0 2.835 8.858 6.742 6.742 0 0 0 3.262 2.366h0.02v-17.316z" opacity=".265"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="352">
+    <defs>
+      <mask id="S">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.18 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="R">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.802l-0.142 -0.015a7.937 7.937 0 0 1 -5.099 -3.084 11.766 11.766 0 0 1 -2.287 -6.718c-0.097 -1.066 -0.097 -3.406 -0.097 -4.709a2.345 2.345 0 0 1 1.94 -2.316l5.685 -0.975 5.682 0.975a2.345 2.345 0 0 1 1.943 2.317c0 1.3 0 3.642 -0.102 4.708a11.766 11.766 0 0 1 -2.287 6.718 7.937 7.937 0 0 1 -5.099 3.084l-0.137 0.015zm-5.083 -14.367c0 2.065 -0.062 3.507 0 4.193a9.625 9.625 0 0 0 1.89 5.569 5.367 5.367 0 0 0 3.193 2.04 5.364 5.364 0 0 0 3.192 -2.04 9.626 9.626 0 0 0 1.891 -5.569c0.062 -0.686 0 -2.128 0 -4.193l-5.083 -0.87 -5.083 0.87z"/>
+    <g mask="url(#R)" transform="matrix(.414 0 0 .414 .548 .794)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#S)" transform="translate(.937 1.258) scale(.3924)">
+      <use href="#shape-0"/>
+      <path d="M8.975 13.308l-6.258 1.071c0.023 2.358 0.076 4.143 0.156 5.006a14.428 14.428 0 0 0 2.828 8.837 6.726 6.726 0 0 0 3.254 2.36h0.02v-17.274z" opacity=".257"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="368">
+    <defs>
+      <mask id="U">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.116 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="T">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.651l-0.14 -0.014a7.806 7.806 0 0 1 -5.014 -3.033 11.572 11.572 0 0 1 -2.25 -6.607c-0.095 -1.049 -0.095 -3.35 -0.095 -4.631a2.306 2.306 0 0 1 1.909 -2.278l5.59 -0.96 5.588 0.96a2.306 2.306 0 0 1 1.91 2.279c0 1.278 0 3.581 -0.1 4.63a11.572 11.572 0 0 1 -2.249 6.607 7.806 7.806 0 0 1 -5.014 3.033l-0.135 0.014zm-5 -14.13c0 2.032 -0.06 3.45 0 4.125a9.466 9.466 0 0 0 1.86 5.477 5.279 5.279 0 0 0 3.14 2.005 5.276 5.276 0 0 0 3.14 -2.005 9.467 9.467 0 0 0 1.86 -5.477c0.06 -0.675 0 -2.093 0 -4.124l-5 -0.856 -5 0.856z"/>
+    <g mask="url(#T)" transform="translate(.73 1.01) scale(.40393)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#U)" transform="translate(1.064 1.41) scale(.38535)">
+      <use href="#shape-0"/>
+      <path d="M8.856 13.328l-6.243 1.069c0.023 2.352 0.075 4.133 0.155 4.994a14.394 14.394 0 0 0 2.822 8.816 6.71 6.71 0 0 0 3.246 2.355h0.02v-17.234z" opacity=".25"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="384">
+    <defs>
+      <mask id="W">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.053 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="V">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.49l-0.137 -0.014a7.665 7.665 0 0 1 -4.925 -2.978 11.365 11.365 0 0 1 -2.209 -6.489c-0.093 -1.03 -0.093 -3.29 -0.093 -4.548a2.265 2.265 0 0 1 1.874 -2.237l5.49 -0.942 5.488 0.942a2.265 2.265 0 0 1 1.876 2.238c0 1.256 0 3.518 -0.098 4.547a11.365 11.365 0 0 1 -2.21 6.489 7.665 7.665 0 0 1 -4.923 2.978l-0.133 0.015zm-4.91 -13.875c0 1.994 -0.06 3.387 0 4.05a9.296 9.296 0 0 0 1.826 5.378 5.184 5.184 0 0 0 3.084 1.97 5.181 5.181 0 0 0 3.083 -1.97 9.297 9.297 0 0 0 1.826 -5.378c0.06 -0.663 0 -2.056 0 -4.05l-4.909 -0.841 -4.91 0.84z"/>
+    <g mask="url(#V)" transform="translate(.905 1.22) scale(.39418)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#W)" transform="translate(1.184 1.554) scale(.37867)">
+      <use href="#shape-0"/>
+      <path d="M8.738 13.349l-6.229 1.066c0.023 2.347 0.075 4.123 0.155 4.982a14.36 14.36 0 0 0 2.815 8.795 6.694 6.694 0 0 0 3.239 2.35h0.02v-17.193z" opacity=".243"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="400">
+    <defs>
+      <mask id="Y">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.989 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="X">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.325l-0.135 -0.014a7.52 7.52 0 0 1 -4.831 -2.923 11.15 11.15 0 0 1 -2.168 -6.366c-0.091 -1.01 -0.091 -3.228 -0.091 -4.462a2.222 2.222 0 0 1 1.839 -2.195l5.386 -0.924 5.384 0.924a2.222 2.222 0 0 1 1.841 2.196c0 1.232 0 3.45 -0.096 4.461a11.15 11.15 0 0 1 -2.168 6.366 7.52 7.52 0 0 1 -4.83 2.923l-0.131 0.014zm-4.817 -13.615c0 1.957 -0.059 3.324 0 3.974a9.12 9.12 0 0 0 1.79 5.277 5.086 5.086 0 0 0 3.027 1.933 5.083 5.083 0 0 0 3.025 -1.933 9.122 9.122 0 0 0 1.792 -5.277c0.059 -0.65 0 -2.017 0 -3.974l-4.817 -0.824 -4.817 0.824z"/>
+    <g mask="url(#X)" transform="translate(1.069 1.416) scale(.38506)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#Y)" transform="translate(1.293 1.683) scale(.37264)">
+      <use href="#shape-0"/>
+      <path d="M8.62 13.369l-6.214 1.064c0.023 2.34 0.075 4.113 0.154 4.97a14.326 14.326 0 0 0 2.809 8.774 6.678 6.678 0 0 0 3.23 2.344h0.02v-17.152z" opacity=".235"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="416">
+    <defs>
+      <mask id="aa">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.925 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="Z">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 18.159l-0.132 -0.014a7.376 7.376 0 0 1 -4.739 -2.866 10.936 10.936 0 0 1 -2.126 -6.244c-0.09 -0.99 -0.09 -3.166 -0.09 -4.376a2.18 2.18 0 0 1 1.804 -2.153l5.283 -0.906 5.28 0.906a2.18 2.18 0 0 1 1.806 2.154c0 1.208 0 3.384 -0.094 4.375a10.936 10.936 0 0 1 -2.126 6.244 7.376 7.376 0 0 1 -4.738 2.866l-0.128 0.014zm-4.724 -13.353c0 1.92 -0.058 3.26 0 3.898a8.945 8.945 0 0 0 1.756 5.175 4.988 4.988 0 0 0 2.968 1.896 4.986 4.986 0 0 0 2.967 -1.896 8.947 8.947 0 0 0 1.757 -5.175c0.058 -0.638 0 -1.979 0 -3.898l-4.724 -0.809 -4.724 0.81z"/>
+    <g mask="url(#Z)" transform="translate(1.216 1.592) scale(.37689)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aa)" transform="translate(1.385 1.794) scale(.3675)">
+      <use href="#shape-0"/>
+      <path d="M8.502 13.389l-6.199 1.061c0.023 2.336 0.075 4.104 0.154 4.96a14.293 14.293 0 0 0 2.802 8.753 6.663 6.663 0 0 0 3.223 2.338h0.02v-17.112z" opacity=".228"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="432">
+    <defs>
+      <mask id="ac">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.862 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="ab">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.998l-0.13 -0.013a7.236 7.236 0 0 1 -4.648 -2.812 10.728 10.728 0 0 1 -2.086 -6.125c-0.088 -0.972 -0.088 -3.106 -0.088 -4.294a2.138 2.138 0 0 1 1.77 -2.111l5.182 -0.89 5.18 0.89a2.138 2.138 0 0 1 1.772 2.112c0 1.186 0 3.32 -0.093 4.293a10.728 10.728 0 0 1 -2.086 6.125 7.236 7.236 0 0 1 -4.648 2.812l-0.125 0.013zm-4.634 -13.099c0 1.883 -0.057 3.198 0 3.824a8.775 8.775 0 0 0 1.722 5.077 4.894 4.894 0 0 0 2.912 1.86 4.89 4.89 0 0 0 2.91 -1.86 8.777 8.777 0 0 0 1.724 -5.077c0.057 -0.626 0 -1.941 0 -3.824l-4.634 -0.794 -4.634 0.794z"/>
+    <g mask="url(#ab)" transform="translate(1.34 1.74) scale(.36998)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ac)" transform="translate(1.457 1.88) scale(.3635)">
+      <use href="#shape-0"/>
+      <path d="M8.386 13.409l-6.185 1.059c0.023 2.33 0.075 4.094 0.154 4.947a14.26 14.26 0 0 0 2.795 8.733 6.647 6.647 0 0 0 3.216 2.333h0.02v-17.072z" opacity=".221"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="448">
+    <defs>
+      <mask id="ae">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.799 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="ad">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.848l-0.127 -0.014a7.105 7.105 0 0 1 -4.565 -2.76 10.534 10.534 0 0 1 -2.047 -6.015c-0.087 -0.954 -0.087 -3.05 -0.087 -4.215a2.1 2.1 0 0 1 1.737 -2.073l5.089 -0.874 5.086 0.874a2.1 2.1 0 0 1 1.74 2.074c0 1.164 0 3.26 -0.091 4.214a10.534 10.534 0 0 1 -2.048 6.014 7.105 7.105 0 0 1 -4.564 2.761l-0.123 0.014zm-4.55 -12.862c0 1.849 -0.056 3.14 0 3.754a8.617 8.617 0 0 0 1.691 4.985 4.805 4.805 0 0 0 2.859 1.826 4.802 4.802 0 0 0 2.858 -1.826 8.618 8.618 0 0 0 1.693 -4.985c0.055 -0.614 0 -1.905 0 -3.754l-4.551 -0.78 -4.55 0.78z"/>
+    <g mask="url(#ad)" transform="translate(1.436 1.855) scale(.36465)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ae)" transform="translate(1.503 1.935) scale(.36092)">
+      <use href="#shape-0"/>
+      <path d="M8.27 13.429l-6.17 1.056c0.022 2.325 0.074 4.085 0.153 4.936a14.226 14.226 0 0 0 2.789 8.713 6.632 6.632 0 0 0 3.208 2.327h0.02v-17.032z" opacity=".213"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="464">
+    <defs>
+      <mask id="ag">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.736 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="af">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.713l-0.125 -0.013a6.988 6.988 0 0 1 -4.49 -2.716 10.36 10.36 0 0 1 -2.013 -5.914c-0.085 -0.939 -0.085 -3 -0.085 -4.146a2.064 2.064 0 0 1 1.708 -2.039l5.005 -0.859 5.002 0.859a2.065 2.065 0 0 1 1.711 2.04c0 1.145 0 3.206 -0.09 4.145a10.36 10.36 0 0 1 -2.013 5.914 6.988 6.988 0 0 1 -4.49 2.716l-0.12 0.013zm-4.475 -12.65c0 1.819 -0.055 3.089 0 3.693a8.474 8.474 0 0 0 1.663 4.903 4.726 4.726 0 0 0 2.812 1.795 4.723 4.723 0 0 0 2.81 -1.795 8.475 8.475 0 0 0 1.665 -4.903c0.055 -0.604 0 -1.874 0 -3.692l-4.475 -0.767 -4.475 0.767z"/>
+    <g mask="url(#af)" transform="translate(1.498 1.929) scale(.36121)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ag)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M8.155 13.449l-6.156 1.053c0.022 2.32 0.074 4.075 0.153 4.925a14.193 14.193 0 0 0 2.782 8.692 6.616 6.616 0 0 0 3.2 2.322h0.02v-16.992z" opacity=".206"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="480">
+    <defs>
+      <mask id="ai">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.673 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="ah">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.6l-0.124 -0.014a6.888 6.888 0 0 1 -4.425 -2.677 10.213 10.213 0 0 1 -1.985 -5.83c-0.084 -0.926 -0.084 -2.957 -0.084 -4.087a2.035 2.035 0 0 1 1.685 -2.01l4.933 -0.847 4.931 0.847a2.035 2.035 0 0 1 1.687 2.01c0 1.13 0 3.161 -0.089 4.087a10.213 10.213 0 0 1 -1.985 5.83 6.888 6.888 0 0 1 -4.425 2.677l-0.119 0.013zm-4.412 -12.47c0 1.792 -0.054 3.044 0 3.64a8.354 8.354 0 0 0 1.64 4.832 4.658 4.658 0 0 0 2.772 1.77 4.656 4.656 0 0 0 2.77 -1.77 8.355 8.355 0 0 0 1.642 -4.833c0.054 -0.595 0 -1.847 0 -3.64l-4.412 -0.755 -4.412 0.756z"/>
+    <g mask="url(#ah)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ai)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M8.04 13.468l-6.141 1.052c0.022 2.314 0.073 4.065 0.152 4.913a14.16 14.16 0 0 0 2.776 8.672 6.6 6.6 0 0 0 3.193 2.317h0.02v-16.954z" opacity=".199"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="496">
+    <defs>
+      <mask id="ak">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.61 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aj">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M8.243 58.758l6.362 6.474 40.854 -40.854 -6.355 -6.474 -40.861 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.511l-0.122 -0.012a6.812 6.812 0 0 1 -4.376 -2.648 10.1 10.1 0 0 1 -1.963 -5.765c-0.083 -0.915 -0.083 -2.924 -0.083 -4.042a2.012 2.012 0 0 1 1.665 -1.988l4.879 -0.837 4.876 0.837a2.013 2.013 0 0 1 1.668 1.989c0 1.116 0 3.126 -0.087 4.04a10.1 10.1 0 0 1 -1.963 5.766 6.812 6.812 0 0 1 -4.376 2.648l-0.118 0.012zm-4.363 -12.33c0 1.772 -0.053 3.01 0 3.599a8.261 8.261 0 0 0 1.622 4.779 4.607 4.607 0 0 0 2.741 1.75 4.604 4.604 0 0 0 2.74 -1.75 8.262 8.262 0 0 0 1.623 -4.78c0.053 -0.588 0 -1.826 0 -3.599l-4.363 -0.747 -4.363 0.747z"/>
+    <g mask="url(#aj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ak)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.927 13.488l-6.128 1.049c0.022 2.308 0.074 4.056 0.152 4.902a14.128 14.128 0 0 0 2.77 8.652 6.586 6.586 0 0 0 3.186 2.311h0.02v-16.914z" opacity=".191"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="512">
+    <defs>
+      <mask id="am">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.55 59.76l5.498 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="al">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M5.98 56.039l8.701 9.117 40.854 -40.854 -8.675 -9.117 -40.88 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <path fill="#F9F9F9" fill-opacity=".2" d="M8 17.455l-0.121 -0.013a6.763 6.763 0 0 1 -4.344 -2.628 10.026 10.026 0 0 1 -1.95 -5.724c-0.082 -0.908 -0.082 -2.903 -0.082 -4.012a1.998 1.998 0 0 1 1.654 -1.974l4.843 -0.83 4.841 0.83a1.998 1.998 0 0 1 1.656 1.975c0 1.107 0 3.103 -0.087 4.011a10.026 10.026 0 0 1 -1.949 5.724 6.763 6.763 0 0 1 -4.344 2.628l-0.117 0.013zm-4.331 -12.242c0 1.76 -0.053 2.988 0 3.573a8.201 8.201 0 0 0 1.61 4.745 4.573 4.573 0 0 0 2.721 1.738 4.57 4.57 0 0 0 2.72 -1.738 8.202 8.202 0 0 0 1.611 -4.745c0.053 -0.585 0 -1.814 0 -3.573l-4.331 -0.742 -4.331 0.742z"/>
+    <g mask="url(#al)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#am)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.814 13.507l-6.113 1.047c0.022 2.303 0.073 4.047 0.151 4.89a14.095 14.095 0 0 0 2.764 8.633 6.57 6.57 0 0 0 3.178 2.306h0.02v-16.876z" opacity=".184"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="528">
+    <defs>
+      <mask id="ao">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.488 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="an">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M2.648 52.034l12.145 13.01 40.854 -40.854 -12.091 -13.01 -40.908 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#an)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ao)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.702 13.526l-6.099 1.044c0.022 2.299 0.073 4.038 0.151 4.88a14.063 14.063 0 0 0 2.757 8.613 6.556 6.556 0 0 0 3.172 2.3h0.02v-16.837z" opacity=".176"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="544">
+    <defs>
+      <mask id="aq">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.428 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="ap">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-1.397 47.174l16.326 17.734 40.854 -40.854 -16.238 -17.734 -40.942 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#ap)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.592 13.545l-6.086 1.042c0.022 2.293 0.073 4.029 0.151 4.869a14.032 14.032 0 0 0 2.75 8.593 6.541 6.541 0 0 0 3.165 2.296h0.02v-16.8z" opacity=".169"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="560">
+    <defs>
+      <mask id="as">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.368 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="ar">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-5.798 41.885l20.875 22.875 40.854 -40.854 -20.75 -22.875 -40.979 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#ar)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#as)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.482 13.564l-6.072 1.04c0.022 2.287 0.073 4.02 0.15 4.857a14 14 0 0 0 2.745 8.575 6.527 6.527 0 0 0 3.158 2.29h0.02v-16.762z" opacity=".162"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="576">
+    <defs>
+      <mask id="au">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.31 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="at">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-10.199 36.596l25.424 28.016 40.854 -40.854 -25.262 -28.016 -41.016 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#at)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#au)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.374 13.582l-6.059 1.038c0.022 2.283 0.073 4.01 0.15 4.847a13.97 13.97 0 0 0 2.74 8.555 6.512 6.512 0 0 0 3.15 2.286h0.019v-16.726z" opacity=".154"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="592">
+    <defs>
+      <mask id="aw">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.252 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="av">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-14.244 31.736l29.605 32.74 40.854 -40.854 -29.409 -32.74 -41.05 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#av)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.267 13.6l-6.045 1.036c0.021 2.278 0.072 4.002 0.15 4.836a13.939 13.939 0 0 0 2.732 8.537 6.498 6.498 0 0 0 3.144 2.28h0.019v-16.688z" opacity=".147"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="608">
+    <defs>
+      <mask id="ay">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.196 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="ax">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-17.576 27.731l33.049 36.633 40.854 -40.854 -32.825 -36.633 -41.078 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#ax)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ay)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.161 13.619l-6.032 1.032c0.022 2.273 0.072 3.994 0.15 4.826a13.909 13.909 0 0 0 2.726 8.519 6.484 6.484 0 0 0 3.137 2.275h0.02v-16.652z" opacity=".14"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="624">
+    <defs>
+      <mask id="aA">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.142 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="az">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-19.839 25.012l35.388 39.276 40.854 -40.854 -35.145 -39.276 -41.097 40.854" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#az)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M7.057 13.636l-6.02 1.031c0.022 2.268 0.073 3.985 0.15 4.816a13.879 13.879 0 0 0 2.72 8.5 6.47 6.47 0 0 0 3.13 2.27h0.02v-16.617z" opacity=".132"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="640">
+    <defs>
+      <mask id="aC">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.089 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aB">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.954 13.654l-6.006 1.028c0.021 2.264 0.072 3.977 0.149 4.806a13.85 13.85 0 0 0 2.715 8.482 6.456 6.456 0 0 0 3.123 2.266h0.02v-16.582z" opacity=".125"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="656">
+    <defs>
+      <mask id="aE">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.038 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aD">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.853 13.671l-5.994 1.026c0.022 2.26 0.072 3.969 0.149 4.796a13.821 13.821 0 0 0 2.71 8.465 6.443 6.443 0 0 0 3.116 2.26h0.02v-16.547z" opacity=".118"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="672">
+    <defs>
+      <mask id="aG">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.99 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aF">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.754 13.688l-5.982 1.024c0.022 2.254 0.072 3.96 0.149 4.786a13.793 13.793 0 0 0 2.703 8.447 6.43 6.43 0 0 0 3.111 2.257h0.02v-16.514z" opacity=".11"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="688">
+    <defs>
+      <mask id="aI">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.946 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aH">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.657 13.705l-5.97 1.022c0.022 2.25 0.072 3.952 0.148 4.776a13.765 13.765 0 0 0 2.699 8.43 6.417 6.417 0 0 0 3.104 2.252h0.02v-16.48z" opacity=".103"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="704">
+    <defs>
+      <mask id="aK">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.906 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aJ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.562 13.72l-5.958 1.02c0.021 2.246 0.071 3.945 0.147 4.768a13.738 13.738 0 0 0 2.694 8.414 6.404 6.404 0 0 0 3.098 2.247h0.02v-16.448z" opacity=".096"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="720">
+    <defs>
+      <mask id="aM">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.873 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aL">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.47 13.737l-5.948 1.018c0.022 2.24 0.072 3.937 0.148 4.757a13.712 13.712 0 0 0 2.688 8.398 6.392 6.392 0 0 0 3.092 2.243h0.02v-16.416z" opacity=".088"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="736">
+    <defs>
+      <mask id="aO">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.848 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aN">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.38 13.752l-5.937 1.016c0.022 2.237 0.072 3.93 0.148 4.749a13.686 13.686 0 0 0 2.683 8.382 6.38 6.38 0 0 0 3.086 2.24h0.02v-16.387z" opacity=".081"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="752">
+    <defs>
+      <mask id="aQ">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.837 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      </mask>
+      <mask id="aP">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.292 13.767l-5.925 1.014c0.021 2.233 0.07 3.923 0.147 4.74a13.662 13.662 0 0 0 2.678 8.367 6.369 6.369 0 0 0 3.081 2.235h0.019v-16.356z" opacity=".074"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="768">
+    <defs>
+      <mask id="aS">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M8.982 58.685l6.36 6.474 40.856 -40.854 -6.355 -6.474 -40.861 40.854" filter="null"/>
+      </mask>
+      <mask id="aR">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.208 13.781l-5.915 1.013c0.021 2.228 0.07 3.915 0.147 4.731a13.638 13.638 0 0 0 2.673 8.353 6.357 6.357 0 0 0 3.076 2.231h0.019v-16.328z" opacity=".066"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="784">
+    <defs>
+      <mask id="aU">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M6.661 55.768l8.7 9.117 40.855 -40.854 -8.675 -9.117 -40.88 40.854" filter="null"/>
+      </mask>
+      <mask id="aT">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.127 13.795l-5.905 1.01c0.021 2.226 0.071 3.91 0.147 4.724a13.615 13.615 0 0 0 2.669 8.339 6.347 6.347 0 0 0 3.07 2.227h0.019v-16.3z" opacity=".059"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="800">
+    <defs>
+      <mask id="aW">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M3.244 51.471l12.144 13.01 40.855 -40.854 -12.091 -13.01 -40.908 40.854" filter="null"/>
+      </mask>
+      <mask id="aV">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.05 13.808l-5.895 1.009c0.02 2.221 0.07 3.903 0.146 4.716a13.593 13.593 0 0 0 2.665 8.326 6.337 6.337 0 0 0 3.065 2.223h0.02v-16.274z" opacity=".051"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="816">
+    <defs>
+      <mask id="aY">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-0.905 46.257l16.326 17.734 40.854 -40.854 -16.238 -17.734 -40.942 40.854" filter="null"/>
+      </mask>
+      <mask id="aX">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#aY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.978 13.82l-5.887 1.008c0.021 2.218 0.07 3.897 0.146 4.709a13.573 13.573 0 0 0 2.66 8.313 6.327 6.327 0 0 0 3.062 2.22h0.019v-16.25z" opacity=".044"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="832">
+    <defs>
+      <mask id="ba">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-5.418 40.583l20.874 22.875 40.855 -40.855 -20.75 -22.874 -40.979 40.854" filter="null"/>
+      </mask>
+      <mask id="aZ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#ba)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.91 13.831l-5.878 1.007c0.021 2.215 0.07 3.891 0.146 4.702a13.554 13.554 0 0 0 2.657 8.301 6.318 6.318 0 0 0 3.057 2.218h0.018v-16.228z" opacity=".037"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="848">
+    <defs>
+      <mask id="bc">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-9.931 34.91l25.423 28.015 40.855 -40.855 -25.262 -28.015 -41.016 40.854" filter="null"/>
+      </mask>
+      <mask id="bb">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bb)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#bc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.849 13.842l-5.871 1.005c0.02 2.212 0.07 3.886 0.145 4.696a13.537 13.537 0 0 0 2.654 8.291 6.31 6.31 0 0 0 3.053 2.214h0.019v-16.206z" opacity=".029"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="864">
+    <defs>
+      <mask id="be">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-14.08 29.695l29.605 32.74 40.854 -40.855 -29.409 -32.74 -41.05 40.855" filter="null"/>
+      </mask>
+      <mask id="bd">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#be)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.794 13.85l-5.865 1.005c0.022 2.21 0.07 3.882 0.146 4.691a13.521 13.521 0 0 0 2.65 8.281 6.303 6.303 0 0 0 3.05 2.212h0.019v-16.188z" opacity=".022"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="880">
+    <defs>
+      <mask id="bg">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-17.497 25.398l33.049 36.633 40.854 -40.855 -32.825 -36.632 -41.078 40.854" filter="null"/>
+      </mask>
+      <mask id="bf">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bf)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#bg)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.747 13.859l-5.859 1.003c0.021 2.207 0.07 3.878 0.145 4.686a13.508 13.508 0 0 0 2.649 8.274 6.297 6.297 0 0 0 3.046 2.21h0.019v-16.173z" opacity=".015"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="896">
+    <defs>
+      <mask id="bi">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-19.818 22.481l35.388 39.276 40.854 -40.855 -35.145 -39.275 -41.097 40.854" filter="null"/>
+      </mask>
+      <mask id="bh">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bh)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#ED00B5" href="#shape-0"/>
+    </g>
+    <g fill="#BF68FF" mask="url(#bi)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.71 13.865l-5.855 1.002c0.022 2.206 0.07 3.875 0.146 4.683a13.498 13.498 0 0 0 2.646 8.267 6.292 6.292 0 0 0 3.044 2.208h0.019v-16.16z" opacity=".007"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="912">
+    <defs>
+      <mask id="bj">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#BF68FF" href="#shape-0"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="928">
+    <defs>
+      <mask id="bk">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bk)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M5.675 13.87l-5.85 1.002c0.021 2.204 0.07 3.873 0.145 4.68a13.488 13.488 0 0 0 2.644 8.26 6.288 6.288 0 0 0 3.042 2.208h0.019v-16.15z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="944">
+    <defs>
+      <mask id="bl">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bl)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.013 13.743l-5.942 1.018c0.02 2.239 0.07 3.933 0.147 4.753a13.7 13.7 0 0 0 2.686 8.391 6.387 6.387 0 0 0 3.09 2.242h0.019v-16.404z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="960">
+    <defs>
+      <mask id="bm">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bm)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M6.896 13.51l-6.111 1.045c0.022 2.303 0.073 4.046 0.151 4.89a14.092 14.092 0 0 0 2.763 8.63 6.57 6.57 0 0 0 3.178 2.306h0.02v-16.872z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="976">
+    <defs>
+      <mask id="bn">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bn)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M8.187 13.24l-6.307 1.08c0.023 2.376 0.076 4.175 0.156 5.045a14.542 14.542 0 0 0 2.851 8.906 6.779 6.779 0 0 0 3.28 2.38h0.02v-17.411z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="992">
+    <defs>
+      <mask id="bo">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bo)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M9.763 12.96l-6.51 1.114c0.023 2.453 0.078 4.31 0.161 5.208a15.01 15.01 0 0 0 2.943 9.193 6.997 6.997 0 0 0 3.385 2.456h0.02v-17.972z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1008">
+    <defs>
+      <mask id="bp">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bp)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M11.506 12.68l-6.711 1.15c0.024 2.529 0.08 4.443 0.166 5.37a15.475 15.475 0 0 0 3.034 9.477 7.214 7.214 0 0 0 3.49 2.532h0.021v-18.528z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1024">
+    <defs>
+      <mask id="bq">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M13.302 12.414l-6.905 1.182c0.025 2.602 0.083 4.571 0.171 5.524a15.921 15.921 0 0 0 3.121 9.751 7.422 7.422 0 0 0 3.591 2.605h0.022v-19.062z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1040">
+    <defs>
+      <mask id="br">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#br)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M15.035 12.167l-7.085 1.212c0.026 2.67 0.085 4.69 0.176 5.668a16.334 16.334 0 0 0 3.202 10.004 7.615 7.615 0 0 0 3.684 2.672h0.023v-19.556z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1056">
+    <defs>
+      <mask id="bs">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bs)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M16.588 11.948l-7.243 1.24c0.026 2.729 0.087 4.795 0.18 5.794a16.7 16.7 0 0 0 3.274 10.228 7.785 7.785 0 0 0 3.766 2.732h0.023v-19.994z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1072">
+    <defs>
+      <mask id="bt">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bt)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M17.846 11.768l-7.373 1.262c0.026 2.779 0.088 4.881 0.183 5.899a17 17 0 0 0 3.332 10.412 7.925 7.925 0 0 0 3.835 2.781h0.023v-20.354z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1088">
+    <defs>
+      <mask id="bu">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bu)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.69 11.642l-7.464 1.278c0.027 2.813 0.09 4.942 0.185 5.972a17.21 17.21 0 0 0 3.374 10.54 8.023 8.023 0 0 0 3.882 2.816h0.024v-20.606z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1104">
+    <defs>
+      <mask id="bv">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bv)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M19 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1120">
+    <defs>
+      <mask id="bw">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.909 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1136">
+    <defs>
+      <mask id="bx">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bx)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.753 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1152">
+    <defs>
+      <mask id="by">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#by)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.584 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1168">
+    <defs>
+      <mask id="bz">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bz)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.418 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1184">
+    <defs>
+      <mask id="bA">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.265 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1200">
+    <defs>
+      <mask id="bB">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.134 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1216">
+    <defs>
+      <mask id="bC">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <path d="M18.039 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1232">
+    <defs>
+      <mask id="bD">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1248">
+    <defs>
+      <mask id="bE">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1264">
+    <defs>
+      <mask id="bF">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1280">
+    <defs>
+      <mask id="bG">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1296">
+    <defs>
+      <mask id="bH">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1312">
+    <defs>
+      <mask id="bI">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1328">
+    <defs>
+      <mask id="bJ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1344">
+    <defs>
+      <mask id="bK">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1360">
+    <defs>
+      <mask id="bL">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1376">
+    <defs>
+      <mask id="bM">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1392">
+    <defs>
+      <mask id="bN">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1408">
+    <defs>
+      <mask id="bO">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1424">
+    <defs>
+      <mask id="bP">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1440">
+    <defs>
+      <mask id="bQ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1456">
+    <defs>
+      <mask id="bR">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1472">
+    <defs>
+      <mask id="bS">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1488">
+    <defs>
+      <mask id="bT">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1504">
+    <defs>
+      <mask id="bU">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1520">
+    <defs>
+      <mask id="bV">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1536">
+    <defs>
+      <mask id="bW">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1552">
+    <defs>
+      <mask id="bX">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1568">
+    <defs>
+      <mask id="bY">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1584">
+    <defs>
+      <mask id="bZ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#bZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1600">
+    <defs>
+      <mask id="ca">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#ca)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1616">
+    <defs>
+      <mask id="cb">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cb)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1632">
+    <defs>
+      <mask id="cc">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1648">
+    <defs>
+      <mask id="cd">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1664">
+    <defs>
+      <mask id="ce">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#ce)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1680">
+    <defs>
+      <mask id="cf">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cf)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1696">
+    <defs>
+      <mask id="cg">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cg)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1712">
+    <defs>
+      <mask id="ch">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#ch)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1728">
+    <defs>
+      <mask id="ci">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#ci)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1744">
+    <defs>
+      <mask id="cj">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1760">
+    <defs>
+      <mask id="ck">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#ck)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1776">
+    <defs>
+      <mask id="cl">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cl)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1792">
+    <defs>
+      <mask id="cm">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cm)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1808">
+    <defs>
+      <mask id="cn">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cn)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1824">
+    <defs>
+      <mask id="co">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#co)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1840">
+    <defs>
+      <mask id="cp">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cp)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1856">
+    <defs>
+      <mask id="cq">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1872">
+    <defs>
+      <mask id="cr">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cr)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1888">
+    <defs>
+      <mask id="cs">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cs)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1904">
+    <defs>
+      <mask id="ct">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#ct)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1920">
+    <defs>
+      <mask id="cu">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cu)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1936">
+    <defs>
+      <mask id="cv">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cv)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1952">
+    <defs>
+      <mask id="cw">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1968">
+    <defs>
+      <mask id="cx">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cx)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1984">
+    <defs>
+      <mask id="cy">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cy)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2000">
+    <defs>
+      <mask id="cz">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cz)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2016">
+    <defs>
+      <mask id="cA">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2032">
+    <defs>
+      <mask id="cB">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2048">
+    <defs>
+      <mask id="cC">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2064">
+    <defs>
+      <mask id="cD">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2080">
+    <defs>
+      <mask id="cE">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2096">
+    <defs>
+      <mask id="cF">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2112">
+    <defs>
+      <mask id="cG">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2128">
+    <defs>
+      <mask id="cH">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2144">
+    <defs>
+      <mask id="cI">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2160">
+    <defs>
+      <mask id="cJ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2176">
+    <defs>
+      <mask id="cK">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2192">
+    <defs>
+      <mask id="cL">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2208">
+    <defs>
+      <mask id="cM">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2224">
+    <defs>
+      <mask id="cN">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2240">
+    <defs>
+      <mask id="cO">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2256">
+    <defs>
+      <mask id="cP">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2272">
+    <defs>
+      <mask id="cQ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2288">
+    <defs>
+      <mask id="cR">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2304">
+    <defs>
+      <mask id="cS">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2320">
+    <defs>
+      <mask id="cT">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2336">
+    <defs>
+      <mask id="cU">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2352">
+    <defs>
+      <mask id="cV">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2368">
+    <defs>
+      <mask id="cW">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#BF68FF" mask="url(#cW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2384">
+    <defs>
+      <mask id="cX">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".952"/>
+    <g fill="#BF68FF" mask="url(#cX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2400">
+    <defs>
+      <mask id="cY">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".905"/>
+    <g fill="#BF68FF" mask="url(#cY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2416">
+    <defs>
+      <mask id="cZ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".857"/>
+    <g fill="#BF68FF" mask="url(#cZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2432">
+    <defs>
+      <mask id="da">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".81"/>
+    <g fill="#BF68FF" mask="url(#da)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2448">
+    <defs>
+      <mask id="db">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".762"/>
+    <g fill="#BF68FF" mask="url(#db)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2464">
+    <defs>
+      <mask id="dc">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".714"/>
+    <g fill="#BF68FF" mask="url(#dc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2480">
+    <defs>
+      <mask id="dd">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".667"/>
+    <g fill="#BF68FF" mask="url(#dd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2496">
+    <defs>
+      <mask id="de">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".619"/>
+    <g fill="#BF68FF" mask="url(#de)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2512">
+    <defs>
+      <mask id="df">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".571"/>
+    <g fill="#C26FFE" mask="url(#df)" opacity=".98" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2528">
+    <defs>
+      <mask id="dg">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".524"/>
+    <g fill="#C577FE" mask="url(#dg)" opacity=".96" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2544">
+    <defs>
+      <mask id="dh">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".476"/>
+    <g fill="#C87EFE" mask="url(#dh)" opacity=".94" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2560">
+    <defs>
+      <mask id="di">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".429"/>
+    <g fill="#CA85FD" mask="url(#di)" opacity=".92" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2576">
+    <defs>
+      <mask id="dj">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".381"/>
+    <g fill="#CD8CFD" mask="url(#dj)" opacity=".9" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2592">
+    <defs>
+      <mask id="dk">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".333"/>
+    <g fill="#D094FD" mask="url(#dk)" opacity=".88" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2608">
+    <defs>
+      <mask id="dl">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".286"/>
+    <g fill="#D39BFD" mask="url(#dl)" opacity=".86" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2624">
+    <defs>
+      <mask id="dm">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".238"/>
+    <g fill="#D6A2FC" mask="url(#dm)" opacity=".84" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2640">
+    <defs>
+      <mask id="dn">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".19"/>
+    <g fill="#D9A9FC" mask="url(#dn)" opacity=".82" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2656">
+    <defs>
+      <mask id="do">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".143"/>
+    <g fill="#DCB1FC" mask="url(#do)" opacity=".8" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2672">
+    <defs>
+      <mask id="dp">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".095"/>
+    <g fill="#DFB8FC" mask="url(#dp)" opacity=".78" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2688">
+    <defs>
+      <mask id="dq">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#F9F9F9" fill-opacity=".2" href="#shape-4" opacity=".048"/>
+    <g fill="#E2BFFB" mask="url(#dq)" opacity=".76" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2704">
+    <defs>
+      <mask id="dr">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#E5C7FB" mask="url(#dr)" opacity=".74" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2720">
+    <defs>
+      <mask id="ds">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#E8CEFB" mask="url(#ds)" opacity=".72" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2736">
+    <defs>
+      <mask id="dt">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#EBD5FB" mask="url(#dt)" opacity=".7" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2752">
+    <defs>
+      <mask id="du">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#EEDCFA" mask="url(#du)" opacity=".68" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2768">
+    <defs>
+      <mask id="dv">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#F1E4FA" mask="url(#dv)" opacity=".66" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2784">
+    <defs>
+      <mask id="dw">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#F4EBFA" mask="url(#dw)" opacity=".64" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2800">
+    <defs>
+      <mask id="dx">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#F6F2FA" mask="url(#dx)" opacity=".62" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2816">
+    <defs>
+      <mask id="dy">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="context-fill" fill-opacity="context-fill-opacity" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+</svg>
--- a/browser/themes/shared/identity-block/tracking-protection-animation.svg
+++ b/browser/themes/shared/identity-block/tracking-protection-animation.svg
@@ -1,1674 +1,2464 @@
 <!-- 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="1248" height="20">
+<svg xmlns="http://www.w3.org/2000/svg" width="2832" height="20">
   <defs>
     <path id="shape-0" d="M18 42.999l-0.336 -0.035a18.737 18.737 0 0 1 -12.036 -7.281 27.778 27.778 0 0 1 -5.4 -15.859c-0.228 -2.517 -0.228 -8.042 -0.228 -11.117a5.535 5.535 0 0 1 4.581 -5.467l13.419 -2.303 13.413 2.303a5.536 5.536 0 0 1 4.587 5.47c0 3.069 0 8.597 -0.24 11.114a27.778 27.778 0 0 1 -5.4 15.859 18.737 18.737 0 0 1 -12.036 7.281l-0.324 0.035zm-12 -33.917c0 4.875 -0.147 8.28 0 9.9a22.722 22.722 0 0 0 4.461 13.146 12.67 12.67 0 0 0 7.539 4.815 12.664 12.664 0 0 0 7.536 -4.815 22.725 22.725 0 0 0 4.464 -13.146c0.147 -1.62 0 -5.025 0 -9.9l-12 -2.055 -12 2.055z"/>
+    <path id="shape-1" d="M18 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+    <path id="shape-2" d="M8 13.565l-0.06 -0.006a3.373 3.373 0 0 1 -2.167 -1.311 5 5 0 0 1 -0.972 -2.855c-0.041 -0.453 -0.041 -1.447 -0.041 -2a0.996 0.996 0 0 1 0.825 -0.985l2.415 -0.414 2.414 0.414a0.997 0.997 0 0 1 0.826 0.985c0 0.552 0 1.547 -0.043 2a5 5 0 0 1 -0.972 2.855 3.373 3.373 0 0 1 -2.167 1.31l-0.058 0.007zm-2.16 -6.105c0 0.877 -0.026 1.49 0 1.782a4.09 4.09 0 0 0 0.803 2.366 2.28 2.28 0 0 0 1.357 0.867 2.28 2.28 0 0 0 1.356 -0.867 4.09 4.09 0 0 0 0.804 -2.366c0.026 -0.292 0 -0.905 0 -1.782l-2.16 -0.37 -2.16 0.37z"/>
+    <path id="shape-3" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854"/>
+    <path id="shape-4" d="M8 17.435l-0.121 -0.013a6.745 6.745 0 0 1 -4.333 -2.621 10 10 0 0 1 -1.944 -5.71c-0.082 -0.905 -0.082 -2.894 -0.082 -4.001a1.993 1.993 0 0 1 1.65 -1.969l4.83 -0.829 4.829 0.83a1.993 1.993 0 0 1 1.651 1.969c0 1.104 0 3.095 -0.086 4a10 10 0 0 1 -1.944 5.71 6.745 6.745 0 0 1 -4.333 2.621l-0.117 0.013zm-4.32 -12.21c0 1.755 -0.053 2.98 0 3.564a8.18 8.18 0 0 0 1.606 4.732 4.562 4.562 0 0 0 2.714 1.733 4.559 4.559 0 0 0 2.713 -1.733 8.181 8.181 0 0 0 1.607 -4.732c0.053 -0.584 0 -1.81 0 -3.564l-4.32 -0.74 -4.32 0.74z"/>
+    <path id="shape-5" d="M-20.673 24.01l36.25 40.25 40.854 -40.854 -36 -40.25 -41.104 40.854"/>
+    <path id="shape-6" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
   </defs>
   <svg width="16" height="20">
     <defs>
       <mask id="a">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.332 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
     </defs>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#a)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <g fill="#7F00D6" mask="url(#a)" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use href="#shape-0"/>
       <path d="M11.681 12.84l-6.596 1.13c0.024 2.485 0.079 4.366 0.163 5.277a15.21 15.21 0 0 0 2.982 9.315 7.09 7.09 0 0 0 3.43 2.488h0.021v-18.21z" opacity=".419"/>
     </g>
   </svg>
   <svg width="16" height="20" x="16">
     <defs>
-      <mask id="d">
+      <mask id="c">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.321 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="c">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="b">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="b">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#b)" opacity=".006" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#c)" opacity=".045" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".006"/>
+    <g mask="url(#b)" opacity=".045" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#d)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <g fill="#7F00D6" mask="url(#c)" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use href="#shape-0"/>
       <path d="M11.556 12.862l-6.58 1.126c0.023 2.48 0.079 4.357 0.163 5.265a15.173 15.173 0 0 0 2.974 9.293 7.073 7.073 0 0 0 3.422 2.482h0.021v-18.166z" opacity=".412"/>
     </g>
   </svg>
   <svg width="16" height="20" x="32">
     <defs>
-      <mask id="g">
+      <mask id="e">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.296 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="f">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="d">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="e">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#e)" opacity=".023" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#f)" opacity=".098" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".023"/>
+    <g mask="url(#d)" opacity=".098" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#g)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <g fill="#7F00D6" mask="url(#e)" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use href="#shape-0"/>
       <path d="M11.432 12.883l-6.565 1.124c0.023 2.474 0.078 4.346 0.162 5.252a15.137 15.137 0 0 0 2.968 9.271 7.056 7.056 0 0 0 3.414 2.477h0.02v-18.124z" opacity=".404"/>
     </g>
   </svg>
   <svg width="16" height="20" x="48">
     <defs>
-      <mask id="j">
+      <mask id="g">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.263 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="i">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="f">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="h">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#h)" opacity=".051" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#i)" opacity=".159" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".051"/>
+    <g mask="url(#f)" opacity=".159" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#j)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <g fill="#7F00D6" mask="url(#g)" transform="matrix(.18 0 0 .18 4.76 5.825)">
       <use href="#shape-0"/>
-      <path d="M11.307 12.905l-6.55 1.121c0.024 2.468 0.08 4.336 0.163 5.24a15.1 15.1 0 0 0 2.96 9.248 7.04 7.04 0 0 0 3.406 2.47h0.02v-18.078z" opacity=".397"/>
+      <path d="M11.307 12.905l-6.55 1.121c0.024 2.468 0.08 4.336 0.163 5.24a15.1 15.1 0 0 0 2.96 9.248 7.04 7.04 0 0 0 3.406 2.47h0.02v-18.079z" opacity=".397"/>
     </g>
   </svg>
   <svg width="16" height="20" x="64">
     <defs>
-      <mask id="m">
+      <mask id="i">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.223 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="l">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="h">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="k">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#k)" opacity=".087" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#l)" opacity=".224" transform="translate(4.64 5.68) scale(.18672)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".087"/>
+    <g mask="url(#h)" opacity=".224" transform="translate(4.64 5.68) scale(.18672)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#m)" transform="translate(4.654 5.699) scale(.18588)">
+    <g fill="#7F00D6" mask="url(#i)" transform="translate(4.654 5.699) scale(.18588)">
       <use href="#shape-0"/>
-      <path d="M11.182 12.927l-6.534 1.118c0.024 2.462 0.079 4.326 0.163 5.227a15.063 15.063 0 0 0 2.953 9.227 7.023 7.023 0 0 0 3.397 2.464h0.021v-18.036z" opacity=".39"/>
+      <path d="M11.182 12.927l-6.534 1.118c0.024 2.462 0.079 4.326 0.163 5.227a15.065 15.065 0 0 0 2.953 9.227 7.023 7.023 0 0 0 3.397 2.464h0.021v-18.036z" opacity=".39"/>
     </g>
   </svg>
   <svg width="16" height="20" x="80">
     <defs>
-      <mask id="p">
+      <mask id="k">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.178 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="o">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="j">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="n">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#n)" opacity=".132" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#o)" opacity=".294" transform="translate(4.308 5.285) scale(.20512)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".132"/>
+    <g mask="url(#j)" opacity=".294" transform="translate(4.308 5.285) scale(.20512)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#p)" transform="translate(4.364 5.352) scale(.20198)">
+    <g fill="#7F00D6" mask="url(#k)" transform="translate(4.364 5.352) scale(.20198)">
       <use href="#shape-0"/>
       <path d="M11.058 12.948l-6.518 1.116c0.023 2.456 0.078 4.315 0.161 5.215a15.029 15.029 0 0 0 2.946 9.204 7.006 7.006 0 0 0 3.39 2.459h0.02v-17.994z" opacity=".382"/>
     </g>
   </svg>
   <svg width="16" height="20" x="96">
     <defs>
-      <mask id="s">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.13 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.855 40.854" filter="null"/>
-      </mask>
-      <mask id="r">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="m">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.13 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="q">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="l">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#q)" opacity=".183" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#r)" opacity=".367" transform="translate(3.813 4.694) scale(.23261)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".183"/>
+    <g mask="url(#l)" opacity=".367" transform="translate(3.813 4.694) scale(.23261)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#s)" transform="translate(3.931 4.835) scale(.22603)">
+    <g fill="#7F00D6" mask="url(#m)" transform="translate(3.931 4.835) scale(.22603)">
       <use href="#shape-0"/>
-      <path d="M10.933 12.97l-6.502 1.113c0.023 2.45 0.078 4.305 0.161 5.202a14.984 14.984 0 0 0 2.94 9.182 6.99 6.99 0 0 0 3.38 2.453h0.021v-17.95z" opacity=".375"/>
+      <path d="M10.933 12.97l-6.502 1.113c0.023 2.45 0.078 4.305 0.161 5.202a14.993 14.993 0 0 0 2.94 9.182 6.99 6.99 0 0 0 3.38 2.453h0.021v-17.95z" opacity=".375"/>
     </g>
   </svg>
   <svg width="16" height="20" x="112">
     <defs>
-      <mask id="v">
+      <mask id="o">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.08 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="u">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="n">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="t">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#t)" opacity=".239" transform="matrix(.18 0 0 .18 4.76 5.825)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#u)" opacity=".442" transform="translate(3.202 3.964) scale(.26658)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-2" opacity=".239"/>
+    <g mask="url(#n)" opacity=".442" transform="translate(3.202 3.964) scale(.26658)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#v)" transform="translate(3.396 4.196) scale(.25575)">
+    <g fill="#7F00D6" mask="url(#o)" transform="translate(3.396 4.196) scale(.25575)">
       <use href="#shape-0"/>
-      <path d="M10.809 12.991l-6.487 1.11c0.023 2.445 0.078 4.295 0.16 5.19a14.957 14.957 0 0 0 2.933 9.16 6.972 6.972 0 0 0 3.373 2.448h0.021v-17.909z" opacity=".368"/>
+      <path d="M10.809 12.991l-6.487 1.11c0.023 2.445 0.078 4.295 0.16 5.19a14.957 14.957 0 0 0 2.933 9.16 6.972 6.972 0 0 0 3.373 2.448h0.021v-17.908z" opacity=".368"/>
     </g>
   </svg>
   <svg width="16" height="20" x="128">
     <defs>
-      <mask id="y">
+      <mask id="q">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.027 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="x">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="p">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="w">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#w)" opacity=".301" transform="translate(4.627 5.667) scale(.18737)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#x)" opacity=".517" transform="translate(2.52 3.15) scale(.30443)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 13.723l-0.063 -0.006a3.51 3.51 0 0 1 -2.255 -1.365 5.205 5.205 0 0 1 -1.012 -2.971c-0.043 -0.472 -0.043 -1.507 -0.043 -2.083a1.037 1.037 0 0 1 0.859 -1.024l2.514 -0.432 2.513 0.432a1.037 1.037 0 0 1 0.86 1.025c0 0.575 0 1.61 -0.045 2.082a5.205 5.205 0 0 1 -1.012 2.971 3.51 3.51 0 0 1 -2.255 1.365l-0.061 0.006zm-2.248 -6.355c0 0.914 -0.028 1.552 0 1.855a4.257 4.257 0 0 0 0.835 2.463 2.374 2.374 0 0 0 1.413 0.903 2.373 2.373 0 0 0 1.412 -0.903 4.258 4.258 0 0 0 0.836 -2.463c0.028 -0.303 0 -0.941 0 -1.855l-2.248 -0.385 -2.248 0.385z" opacity=".301"/>
+    <g mask="url(#p)" opacity=".517" transform="translate(2.52 3.15) scale(.30443)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#y)" transform="translate(2.8 3.484) scale(.28887)">
+    <g fill="#7F00D6" mask="url(#q)" transform="translate(2.8 3.484) scale(.28887)">
       <use href="#shape-0"/>
-      <path d="M10.685 13.013l-6.472 1.107c0.024 2.438 0.078 4.284 0.16 5.177a14.921 14.921 0 0 0 2.927 9.139 6.956 6.956 0 0 0 3.365 2.441h0.02v-17.864z" opacity=".36"/>
+      <path d="M10.685 13.013l-6.472 1.108c0.024 2.438 0.078 4.284 0.16 5.177a14.921 14.921 0 0 0 2.926 9.138 6.956 6.956 0 0 0 3.365 2.441h0.02v-17.864z" opacity=".36"/>
     </g>
   </svg>
   <svg width="16" height="20" x="144">
     <defs>
-      <mask id="B">
+      <mask id="s">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.973 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="A">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="r">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="z">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#z)" opacity=".365" transform="translate(4.268 5.237) scale(.20736)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#A)" opacity=".591" transform="translate(1.816 2.308) scale(.34357)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 14.153l-0.07 -0.007a3.885 3.885 0 0 1 -2.495 -1.51 5.76 5.76 0 0 1 -1.12 -3.289c-0.047 -0.521 -0.047 -1.667 -0.047 -2.305a1.148 1.148 0 0 1 0.95 -1.133l2.782 -0.478 2.781 0.478a1.148 1.148 0 0 1 0.951 1.134c0 0.636 0 1.783 -0.05 2.304a5.76 5.76 0 0 1 -1.12 3.289 3.885 3.885 0 0 1 -2.495 1.51l-0.067 0.007zm-2.488 -7.033c0 1.01 -0.03 1.717 0 2.053a4.712 4.712 0 0 0 0.925 2.726 2.627 2.627 0 0 0 1.563 0.998 2.626 2.626 0 0 0 1.563 -0.998 4.712 4.712 0 0 0 0.925 -2.726c0.03 -0.336 0 -1.042 0 -2.053l-2.488 -0.426 -2.488 0.426z" opacity=".365"/>
+    <g mask="url(#r)" opacity=".591" transform="translate(1.816 2.308) scale(.34357)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#B)" transform="translate(2.184 2.748) scale(.32313)">
+    <g fill="#7F00D6" mask="url(#s)" transform="translate(2.184 2.748) scale(.32313)">
       <use href="#shape-0"/>
-      <path d="M10.56 13.034l-6.454 1.106c0.023 2.433 0.077 4.274 0.16 5.165a14.885 14.885 0 0 0 2.918 9.117 6.939 6.939 0 0 0 3.357 2.435h0.02v-17.823z" opacity=".353"/>
+      <path d="M10.56 13.034l-6.455 1.105c0.023 2.433 0.077 4.274 0.16 5.165a14.885 14.885 0 0 0 2.918 9.117 6.939 6.939 0 0 0 3.357 2.435h0.02v-17.822z" opacity=".353"/>
     </g>
   </svg>
   <svg width="16" height="20" x="160">
     <defs>
-      <mask id="E">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.917 59.76l5.5 5.5 40.853 -40.854 -5.5 -5.5 -40.853 40.854" filter="null"/>
-      </mask>
-      <mask id="D">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="u">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.917 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="C">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="t">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#C)" opacity=".432" transform="translate(3.738 4.604) scale(.2368)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#D)" opacity=".663" transform="translate(1.134 1.494) scale(.38142)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 14.786l-0.08 -0.008a4.437 4.437 0 0 1 -2.85 -1.725 6.578 6.578 0 0 1 -1.278 -3.755c-0.054 -0.596 -0.054 -1.904 -0.054 -2.632a1.31 1.31 0 0 1 1.084 -1.295l3.178 -0.545 3.176 0.545a1.31 1.31 0 0 1 1.086 1.295c0 0.727 0 2.036 -0.057 2.632a6.578 6.578 0 0 1 -1.278 3.755 4.437 4.437 0 0 1 -2.85 1.725l-0.077 0.008zm-2.842 -8.031c0 1.154 -0.034 1.96 0 2.344a5.38 5.38 0 0 0 1.057 3.113 3 3 0 0 0 1.785 1.14 2.999 2.999 0 0 0 1.784 -1.14 5.381 5.381 0 0 0 1.058 -3.113c0.034 -0.384 0 -1.19 0 -2.344l-2.842 -0.487 -2.842 0.487z" opacity=".432"/>
+    <g mask="url(#t)" opacity=".663" transform="translate(1.134 1.494) scale(.38142)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#E)" transform="translate(1.588 2.036) scale(.35625)">
+    <g fill="#7F00D6" mask="url(#u)" transform="translate(1.588 2.036) scale(.35625)">
       <use href="#shape-0"/>
       <path d="M10.437 13.056l-6.44 1.102c0.023 2.427 0.077 4.264 0.16 5.152a14.85 14.85 0 0 0 2.91 9.095 6.922 6.922 0 0 0 3.35 2.43h0.02v-17.78z" opacity=".346"/>
     </g>
   </svg>
   <svg width="16" height="20" x="176">
     <defs>
-      <mask id="H">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.86 59.76l5.5 5.5 40.853 -40.854 -5.5 -5.5 -40.853 40.854" filter="null"/>
-      </mask>
-      <mask id="G">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="w">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.86 59.76l5.5 5.5 40.853 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="F">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="v">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#F)" opacity=".5" transform="translate(3.095 3.836) scale(.27252)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#G)" opacity=".731" transform="translate(.523 .764) scale(.41539)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 15.554l-0.092 -0.01a5.106 5.106 0 0 1 -3.28 -1.984 7.57 7.57 0 0 1 -1.471 -4.322c-0.062 -0.686 -0.062 -2.191 -0.062 -3.03a1.509 1.509 0 0 1 1.248 -1.49l3.657 -0.627 3.655 0.628a1.509 1.509 0 0 1 1.25 1.49c0 0.837 0 2.343 -0.065 3.03a7.57 7.57 0 0 1 -1.472 4.321 5.106 5.106 0 0 1 -3.28 1.984l-0.088 0.01zm-3.27 -9.243c0 1.328 -0.04 2.256 0 2.698a6.192 6.192 0 0 0 1.215 3.582 3.453 3.453 0 0 0 2.055 1.313 3.451 3.451 0 0 0 2.054 -1.313 6.193 6.193 0 0 0 1.216 -3.582c0.04 -0.442 0 -1.37 0 -2.698l-3.27 -0.56 -3.27 0.56z" opacity=".5"/>
+    <g mask="url(#v)" opacity=".731" transform="translate(.523 .764) scale(.41539)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#H)" transform="translate(1.053 1.397) scale(.38597)">
+    <g fill="#7F00D6" mask="url(#w)" transform="translate(1.053 1.397) scale(.38597)">
       <use href="#shape-0"/>
       <path d="M10.314 13.077l-6.425 1.1c0.023 2.42 0.077 4.253 0.159 5.14a14.814 14.814 0 0 0 2.904 9.073 6.906 6.906 0 0 0 3.341 2.423h0.02v-17.736z" opacity=".338"/>
     </g>
   </svg>
   <svg width="16" height="20" x="192">
     <defs>
-      <mask id="K">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.8 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.855 40.854" filter="null"/>
-      </mask>
-      <mask id="J">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="y">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.8 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="I">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="x">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#I)" opacity=".568" transform="translate(2.395 3) scale(.3114)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#J)" opacity=".795" transform="translate(.028 .173) scale(.44288)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 16.39l-0.105 -0.011a5.835 5.835 0 0 1 -3.748 -2.267 8.65 8.65 0 0 1 -1.681 -4.939c-0.071 -0.784 -0.071 -2.504 -0.071 -3.462a1.724 1.724 0 0 1 1.426 -1.702l4.179 -0.717 4.177 0.717a1.724 1.724 0 0 1 1.428 1.703c0 0.956 0 2.677 -0.075 3.461a8.65 8.65 0 0 1 -1.681 4.939 5.835 5.835 0 0 1 -3.748 2.267l-0.101 0.01zm-3.737 -10.562c0 1.518 -0.046 2.578 0 3.083a7.076 7.076 0 0 0 1.39 4.094 3.946 3.946 0 0 0 2.347 1.499 3.944 3.944 0 0 0 2.347 -1.5 7.077 7.077 0 0 0 1.39 -4.093c0.046 -0.505 0 -1.565 0 -3.083l-3.737 -0.64 -3.737 0.64z" opacity=".568"/>
+    <g mask="url(#x)" opacity=".795" transform="translate(.028 .173) scale(.44288)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#K)" transform="translate(.62 .88) scale(.41002)">
+    <g fill="#7F00D6" mask="url(#y)" transform="translate(.62 .88) scale(.41002)">
       <use href="#shape-0"/>
       <path d="M10.19 13.098l-6.41 1.098c0.024 2.415 0.078 4.243 0.16 5.127a14.778 14.778 0 0 0 2.897 9.051 6.89 6.89 0 0 0 3.333 2.418h0.02v-17.694z" opacity=".331"/>
     </g>
   </svg>
   <svg width="16" height="20" x="208">
     <defs>
-      <mask id="N">
+      <mask id="A">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.741 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="M">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="z">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="L">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#L)" opacity=".635" transform="translate(1.695 2.164) scale(.35028)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#M)" opacity=".852" transform="translate(-.303 -.223) scale(.46128)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.226l-0.118 -0.013a6.563 6.563 0 0 1 -4.216 -2.55 9.73 9.73 0 0 1 -1.891 -5.555c-0.08 -0.882 -0.08 -2.817 -0.08 -3.894a1.939 1.939 0 0 1 1.605 -1.915l4.7 -0.807 4.698 0.807a1.94 1.94 0 0 1 1.607 1.916c0 1.075 0 3.011 -0.084 3.893a9.73 9.73 0 0 1 -1.892 5.555 6.563 6.563 0 0 1 -4.216 2.55l-0.113 0.013zm-4.203 -11.88c0 1.707 -0.052 2.9 0 3.467a7.96 7.96 0 0 0 1.562 4.605 4.438 4.438 0 0 0 2.641 1.686 4.436 4.436 0 0 0 2.64 -1.686 7.96 7.96 0 0 0 1.563 -4.605c0.052 -0.567 0 -1.76 0 -3.468l-4.203 -0.72 -4.203 0.72z" opacity=".635"/>
+    <g mask="url(#z)" opacity=".852" transform="translate(-.303 -.223) scale(.46128)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#N)" transform="translate(.33 .533) scale(.42612)">
+    <g fill="#7F00D6" mask="url(#A)" transform="translate(.33 .533) scale(.42612)">
       <use href="#shape-0"/>
-      <path d="M10.067 13.12l-6.394 1.094c0.023 2.41 0.077 4.233 0.159 5.115a14.747 14.747 0 0 0 2.89 9.03 6.873 6.873 0 0 0 3.325 2.412h0.02v-17.652z" opacity=".324"/>
+      <path d="M10.067 13.12l-6.394 1.094c0.023 2.41 0.077 4.233 0.159 5.115a14.743 14.743 0 0 0 2.89 9.03 6.873 6.873 0 0 0 3.325 2.412h0.02v-17.652z" opacity=".324"/>
     </g>
   </svg>
   <svg width="16" height="20" x="224">
     <defs>
-      <mask id="Q">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.68 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.855 40.854" filter="null"/>
-      </mask>
-      <mask id="P">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="C">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.68 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="O">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="B">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#O)" opacity=".699" transform="matrix(.386 0 0 .386 1.052 1.396)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#P)" opacity=".902" transform="matrix(.468 0 0 .468 -.424 -.367)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.994l-0.13 -0.014a7.232 7.232 0 0 1 -4.646 -2.81 10.723 10.723 0 0 1 -2.084 -6.122c-0.088 -0.972 -0.088 -3.104 -0.088 -4.291a2.137 2.137 0 0 1 1.768 -2.11l5.18 -0.89 5.178 0.89a2.137 2.137 0 0 1 1.77 2.111c0 1.185 0 3.318 -0.093 4.29a10.723 10.723 0 0 1 -2.084 6.122 7.232 7.232 0 0 1 -4.646 2.81l-0.125 0.014zm-4.632 -13.092c0 1.881 -0.057 3.196 0 3.821a8.771 8.771 0 0 0 1.722 5.074 4.891 4.891 0 0 0 2.91 1.86 4.888 4.888 0 0 0 2.909 -1.86 8.772 8.772 0 0 0 1.723 -5.074c0.057 -0.625 0 -1.94 0 -3.821l-4.632 -0.794 -4.632 0.794z" opacity=".699"/>
+    <g mask="url(#B)" opacity=".902" transform="matrix(.468 0 0 .468 -.424 -.367)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#Q)" transform="matrix(.432 0 0 .432 .224 .407)">
+    <g fill="#7F00D6" mask="url(#C)" transform="matrix(.432 0 0 .432 .224 .407)">
       <use href="#shape-0"/>
       <path d="M9.944 13.14l-6.378 1.093c0.023 2.403 0.076 4.222 0.158 5.103a14.707 14.707 0 0 0 2.883 9.007 6.856 6.856 0 0 0 3.317 2.406h0.02v-17.608z" opacity=".316"/>
     </g>
   </svg>
   <svg width="16" height="20" x="240">
     <defs>
-      <mask id="T">
+      <mask id="E">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.62 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="S">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="D">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="R">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#R)" opacity=".761" transform="translate(.522 .763) scale(.41544)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#S)" opacity=".943" transform="translate(-.402 -.34) scale(.46679)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.627l-0.14 -0.015a7.784 7.784 0 0 1 -5 -3.025 11.54 11.54 0 0 1 -2.243 -6.588c-0.095 -1.046 -0.095 -3.341 -0.095 -4.619a2.3 2.3 0 0 1 1.903 -2.271l5.575 -0.957 5.572 0.957a2.3 2.3 0 0 1 1.906 2.272c0 1.275 0 3.572 -0.1 4.618a11.54 11.54 0 0 1 -2.243 6.588 7.784 7.784 0 0 1 -5 3.025l-0.135 0.015zm-4.985 -14.091c0 2.025 -0.061 3.44 0 4.113a9.44 9.44 0 0 0 1.853 5.461 5.264 5.264 0 0 0 3.132 2 5.261 5.261 0 0 0 3.13 -2 9.441 9.441 0 0 0 1.855 -5.461c0.061 -0.673 0 -2.088 0 -4.113l-4.985 -0.854 -4.985 0.854z" opacity=".761"/>
+    <g mask="url(#D)" opacity=".943" transform="translate(-.402 -.34) scale(.46679)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#T)" transform="translate(.24 .427) scale(.43108)">
+    <g fill="#7F00D6" mask="url(#E)" transform="translate(.24 .427) scale(.43108)">
       <use href="#shape-0"/>
-      <path d="M9.822 13.162l-6.364 1.09c0.023 2.397 0.077 4.212 0.158 5.09a14.67 14.67 0 0 0 2.877 8.986 6.84 6.84 0 0 0 3.309 2.4h0.02v-17.566z" opacity=".309"/>
+      <path d="M9.822 13.162l-6.364 1.09c0.023 2.397 0.077 4.212 0.158 5.09a14.672 14.672 0 0 0 2.877 8.986 6.84 6.84 0 0 0 3.309 2.4h0.02v-17.566z" opacity=".309"/>
     </g>
   </svg>
   <svg width="16" height="20" x="256">
     <defs>
-      <mask id="W">
+      <mask id="G">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.558 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="V">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="F">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="U">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#U)" opacity=".817" transform="translate(.162 .333) scale(.43543)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#V)" opacity=".974" transform="translate(-.34 -.267) scale(.46335)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 19.056l-0.146 -0.015a8.158 8.158 0 0 1 -5.241 -3.17 12.095 12.095 0 0 1 -2.351 -6.906c-0.1 -1.096 -0.1 -3.502 -0.1 -4.84a2.41 2.41 0 0 1 1.995 -2.381l5.843 -1.003 5.84 1.003a2.41 2.41 0 0 1 1.998 2.382c0 1.336 0 3.743 -0.105 4.84a12.095 12.095 0 0 1 -2.351 6.905 8.158 8.158 0 0 1 -5.24 3.17l-0.142 0.015zm-5.225 -14.768c0 2.123 -0.064 3.605 0 4.31a9.894 9.894 0 0 0 1.942 5.725 5.517 5.517 0 0 0 3.283 2.096 5.514 5.514 0 0 0 3.281 -2.096 9.895 9.895 0 0 0 1.944 -5.724c0.064 -0.706 0 -2.188 0 -4.311l-5.225 -0.895 -5.225 0.895z" opacity=".817"/>
+    <g mask="url(#F)" opacity=".974" transform="translate(-.34 -.267) scale(.46335)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#W)" transform="translate(.287 .482) scale(.4285)">
+    <g fill="#7F00D6" mask="url(#G)" transform="translate(.287 .482) scale(.4285)">
       <use href="#shape-0"/>
       <path d="M9.7 13.183l-6.348 1.087c0.022 2.392 0.076 4.202 0.157 5.078a14.637 14.637 0 0 0 2.87 8.965 6.823 6.823 0 0 0 3.3 2.394h0.02v-17.524z" opacity=".301"/>
     </g>
   </svg>
   <svg width="16" height="20" x="272">
     <defs>
-      <mask id="Z">
+      <mask id="I">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.496 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="Y">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="H">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="X">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#X)" opacity=".868" transform="translate(.03 .175) scale(.4428)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#Y)" opacity=".993" transform="translate(-.244 -.153) scale(.45802)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 19.215l-0.149 -0.016a8.297 8.297 0 0 1 -5.33 -3.224 12.3 12.3 0 0 1 -2.39 -7.022c-0.101 -1.115 -0.101 -3.561 -0.101 -4.923a2.451 2.451 0 0 1 2.028 -2.42l5.942 -1.02 5.94 1.02a2.451 2.451 0 0 1 2.03 2.422c0 1.359 0 3.806 -0.106 4.92a12.3 12.3 0 0 1 -2.391 7.023 8.297 8.297 0 0 1 -5.33 3.224l-0.143 0.016zm-5.314 -15.019c0 2.159 -0.065 3.667 0 4.384a10.061 10.061 0 0 0 1.976 5.821 5.61 5.61 0 0 0 3.338 2.132 5.608 5.608 0 0 0 3.337 -2.132 10.063 10.063 0 0 0 1.977 -5.821c0.065 -0.717 0 -2.225 0 -4.384l-5.314 -0.91 -5.314 0.91z" opacity=".868"/>
+    <g mask="url(#H)" opacity=".993" transform="translate(-.244 -.153) scale(.45802)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#Z)" transform="translate(.359 .568) scale(.4245)">
+    <g fill="#7F00D6" mask="url(#I)" transform="translate(.359 .568) scale(.4245)">
       <use href="#shape-0"/>
-      <path d="M9.578 13.204l-6.333 1.084c0.023 2.386 0.076 4.192 0.157 5.066a14.594 14.594 0 0 0 2.863 8.943 6.807 6.807 0 0 0 3.293 2.39h0.02v-17.484z" opacity=".294"/>
+      <path d="M9.578 13.204l-6.333 1.084c0.023 2.386 0.076 4.192 0.157 5.066a14.602 14.602 0 0 0 2.863 8.943 6.807 6.807 0 0 0 3.293 2.39h0.02v-17.483z" opacity=".294"/>
     </g>
   </svg>
   <svg width="16" height="20" x="288">
     <defs>
-      <mask id="ac">
+      <mask id="K">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.433 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="ab">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="J">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="aa">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aa)" opacity=".913" transform="translate(.046 .195) scale(.44187)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#ab)" transform="translate(-.12 -.004) scale(.45111)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 19.195l-0.148 -0.016a8.28 8.28 0 0 1 -5.319 -3.217 12.274 12.274 0 0 1 -2.386 -7.008c-0.1 -1.112 -0.1 -3.553 -0.1 -4.912a2.446 2.446 0 0 1 2.024 -2.416l5.929 -1.017 5.927 1.017a2.446 2.446 0 0 1 2.027 2.418c0 1.356 0 3.798 -0.106 4.91a12.274 12.274 0 0 1 -2.387 7.008 8.28 8.28 0 0 1 -5.318 3.217l-0.143 0.016zm-5.302 -14.987c0 2.154 -0.065 3.659 0 4.374a10.04 10.04 0 0 0 1.97 5.81 5.599 5.599 0 0 0 3.332 2.127 5.596 5.596 0 0 0 3.33 -2.128 10.042 10.042 0 0 0 1.972 -5.809c0.065 -0.715 0 -2.22 0 -4.374l-5.302 -0.908 -5.302 0.908z" opacity=".913"/>
+    <g mask="url(#J)" transform="translate(-.12 -.004) scale(.45111)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#ac)" transform="translate(.451 .679) scale(.41936)">
+    <g fill="#7F00D6" mask="url(#K)" transform="translate(.451 .679) scale(.41936)">
       <use href="#shape-0"/>
       <path d="M9.457 13.225l-6.318 1.081c0.022 2.38 0.076 4.183 0.156 5.055a14.567 14.567 0 0 0 2.856 8.921 6.79 6.79 0 0 0 3.285 2.383h0.02v-17.44z" opacity=".287"/>
     </g>
   </svg>
   <svg width="16" height="20" x="304">
     <defs>
-      <mask id="af">
+      <mask id="M">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.37 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="ae">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="L">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="ad">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#ad)" opacity=".949" transform="translate(.094 .251) scale(.43924)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#ae)" transform="translate(.027 .172) scale(.44294)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 19.138l-0.148 -0.015a8.23 8.23 0 0 1 -5.286 -3.198 12.201 12.201 0 0 1 -2.372 -6.966c-0.1 -1.106 -0.1 -3.533 -0.1 -4.883a2.431 2.431 0 0 1 2.012 -2.401l5.894 -1.012 5.891 1.012a2.432 2.432 0 0 1 2.015 2.402c0 1.348 0 3.776 -0.105 4.882a12.201 12.201 0 0 1 -2.372 6.966 8.23 8.23 0 0 1 -5.287 3.198l-0.142 0.015zm-5.27 -14.897c0 2.14 -0.065 3.636 0 4.348a9.98 9.98 0 0 0 1.959 5.774 5.566 5.566 0 0 0 3.311 2.115 5.562 5.562 0 0 0 3.31 -2.115 9.982 9.982 0 0 0 1.96 -5.774c0.065 -0.712 0 -2.207 0 -4.348l-5.27 -0.903 -5.27 0.903z" opacity=".949"/>
+    <g mask="url(#L)" transform="translate(.027 .172) scale(.44294)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#af)" transform="translate(.56 .808) scale(.41333)">
+    <g fill="#7F00D6" mask="url(#M)" transform="translate(.56 .808) scale(.41333)">
       <use href="#shape-0"/>
-      <path d="M9.336 13.246l-6.303 1.079c0.023 2.374 0.075 4.172 0.156 5.042a14.536 14.536 0 0 0 2.849 8.9 6.774 6.774 0 0 0 3.277 2.377h0.02v-17.398z" opacity=".279"/>
+      <path d="M9.336 13.246l-6.303 1.079c0.023 2.374 0.075 4.172 0.156 5.042a14.532 14.532 0 0 0 2.849 8.9 6.774 6.774 0 0 0 3.277 2.377h0.02v-17.398z" opacity=".279"/>
     </g>
   </svg>
   <svg width="16" height="20" x="320">
     <defs>
-      <mask id="ai">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.307 59.76l5.5 5.5 40.853 -40.854 -5.5 -5.5 -40.853 40.854" filter="null"/>
-      </mask>
-      <mask id="ah">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="O">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.307 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="ag">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="N">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#ag)" opacity=".977" transform="translate(.167 .34) scale(.43515)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#ah)" transform="translate(.191 .368) scale(.43382)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 19.05l-0.146 -0.015a8.153 8.153 0 0 1 -5.238 -3.168 12.088 12.088 0 0 1 -2.35 -6.901c-0.099 -1.096 -0.099 -3.5 -0.099 -4.838a2.409 2.409 0 0 1 1.994 -2.379l5.839 -1.002 5.837 1.002a2.41 2.41 0 0 1 1.996 2.38c0 1.336 0 3.741 -0.105 4.837a12.088 12.088 0 0 1 -2.35 6.9 8.153 8.153 0 0 1 -5.237 3.17l-0.141 0.014zm-5.222 -14.759c0 2.122 -0.064 3.603 0 4.308a9.888 9.888 0 0 0 1.941 5.72 5.514 5.514 0 0 0 3.281 2.096 5.51 5.51 0 0 0 3.28 -2.095 9.889 9.889 0 0 0 1.942 -5.72c0.064 -0.706 0 -2.187 0 -4.309l-5.222 -0.894 -5.222 0.894z" opacity=".977"/>
+    <g mask="url(#N)" transform="translate(.191 .368) scale(.43382)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#ai)" transform="translate(.68 .952) scale(.40665)">
+    <g fill="#7F00D6" mask="url(#O)" transform="translate(.68 .952) scale(.40665)">
       <use href="#shape-0"/>
       <path d="M9.215 13.266l-6.288 1.077c0.023 2.369 0.076 4.162 0.156 5.03a14.497 14.497 0 0 0 2.842 8.879 6.758 6.758 0 0 0 3.27 2.372h0.02v-17.358z" opacity=".272"/>
     </g>
   </svg>
   <svg width="16" height="20" x="336">
     <defs>
-      <mask id="al">
+      <mask id="Q">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.244 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="ak">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="P">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="aj">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aj)" opacity=".994" transform="translate(.263 .453) scale(.42985)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#ak)" transform="translate(.367 .578) scale(.42407)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.936l-0.144 -0.015a8.054 8.054 0 0 1 -5.174 -3.13 11.94 11.94 0 0 1 -2.321 -6.816c-0.098 -1.082 -0.098 -3.457 -0.098 -4.78a2.38 2.38 0 0 1 1.969 -2.35l5.768 -0.99 5.766 0.99a2.38 2.38 0 0 1 1.971 2.352c0 1.32 0 3.696 -0.103 4.778a11.94 11.94 0 0 1 -2.321 6.817 8.054 8.054 0 0 1 -5.174 3.13l-0.139 0.014zm-5.158 -14.579c0 2.096 -0.063 3.56 0 4.256a9.767 9.767 0 0 0 1.917 5.65 5.447 5.447 0 0 0 3.241 2.07 5.444 5.444 0 0 0 3.24 -2.07 9.769 9.769 0 0 0 1.918 -5.65c0.063 -0.697 0 -2.16 0 -4.256l-5.158 -0.883 -5.158 0.883z" opacity=".994"/>
+    <g mask="url(#P)" transform="translate(.367 .578) scale(.42407)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#al)" transform="translate(.807 1.104) scale(.3996)">
+    <g fill="#7F00D6" mask="url(#Q)" transform="translate(.807 1.104) scale(.3996)">
       <use href="#shape-0"/>
       <path d="M9.095 13.287l-6.273 1.074c0.023 2.363 0.075 4.152 0.156 5.018a14.463 14.463 0 0 0 2.835 8.858 6.742 6.742 0 0 0 3.262 2.366h0.02v-17.316z" opacity=".265"/>
     </g>
   </svg>
   <svg width="16" height="20" x="352">
     <defs>
-      <mask id="ao">
+      <mask id="S">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.18 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="an">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="R">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="am">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#am)" transform="translate(.375 .588) scale(.42359)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#an)" transform="matrix(.414 0 0 .414 .548 .794)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.802l-0.142 -0.015a7.937 7.937 0 0 1 -5.099 -3.084 11.766 11.766 0 0 1 -2.287 -6.718c-0.097 -1.066 -0.097 -3.406 -0.097 -4.709a2.345 2.345 0 0 1 1.94 -2.316l5.685 -0.975 5.682 0.975a2.345 2.345 0 0 1 1.943 2.317c0 1.3 0 3.642 -0.102 4.708a11.766 11.766 0 0 1 -2.287 6.718 7.937 7.937 0 0 1 -5.099 3.084l-0.137 0.015zm-5.083 -14.367c0 2.065 -0.062 3.507 0 4.193a9.625 9.625 0 0 0 1.89 5.569 5.367 5.367 0 0 0 3.193 2.04 5.364 5.364 0 0 0 3.192 -2.04 9.626 9.626 0 0 0 1.891 -5.569c0.062 -0.686 0 -2.128 0 -4.193l-5.083 -0.87 -5.083 0.87z"/>
+    <g mask="url(#R)" transform="matrix(.414 0 0 .414 .548 .794)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#ao)" transform="translate(.937 1.258) scale(.3924)">
+    <g fill="#7F00D6" mask="url(#S)" transform="translate(.937 1.258) scale(.3924)">
       <use href="#shape-0"/>
-      <path d="M8.975 13.308l-6.258 1.071c0.023 2.358 0.076 4.143 0.156 5.006a14.428 14.428 0 0 0 2.827 8.837 6.726 6.726 0 0 0 3.254 2.36h0.02v-17.274z" opacity=".257"/>
+      <path d="M8.975 13.308l-6.258 1.071c0.023 2.358 0.076 4.143 0.156 5.006a14.428 14.428 0 0 0 2.828 8.837 6.726 6.726 0 0 0 3.254 2.36h0.02v-17.274z" opacity=".257"/>
     </g>
   </svg>
   <svg width="16" height="20" x="368">
     <defs>
-      <mask id="ar">
+      <mask id="U">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.116 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aq">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="T">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="ap">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#ap)" transform="translate(.501 .738) scale(.4166)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aq)" transform="translate(.73 1.01) scale(.40393)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.651l-0.14 -0.014a7.806 7.806 0 0 1 -5.014 -3.033 11.572 11.572 0 0 1 -2.25 -6.607c-0.095 -1.049 -0.095 -3.35 -0.095 -4.631a2.306 2.306 0 0 1 1.909 -2.278l5.59 -0.96 5.588 0.96a2.306 2.306 0 0 1 1.91 2.279c0 1.278 0 3.581 -0.1 4.63a11.572 11.572 0 0 1 -2.249 6.607 7.806 7.806 0 0 1 -5.014 3.033l-0.135 0.014zm-5 -14.13c0 2.032 -0.06 3.45 0 4.125a9.466 9.466 0 0 0 1.86 5.477 5.279 5.279 0 0 0 3.14 2.005 5.276 5.276 0 0 0 3.14 -2.005 9.467 9.467 0 0 0 1.86 -5.477c0.06 -0.675 0 -2.093 0 -4.124l-5 -0.856 -5 0.856z"/>
+    <g mask="url(#T)" transform="translate(.73 1.01) scale(.40393)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#ar)" transform="translate(1.064 1.41) scale(.38535)">
+    <g fill="#7F00D6" mask="url(#U)" transform="translate(1.064 1.41) scale(.38535)">
       <use href="#shape-0"/>
       <path d="M8.856 13.328l-6.243 1.069c0.023 2.352 0.075 4.133 0.155 4.994a14.394 14.394 0 0 0 2.822 8.816 6.71 6.71 0 0 0 3.246 2.355h0.02v-17.234z" opacity=".25"/>
     </g>
   </svg>
   <svg width="16" height="20" x="384">
     <defs>
-      <mask id="au">
+      <mask id="W">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M11.053 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="at">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="V">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="as">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#as)" transform="translate(.636 .899) scale(.40912)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#at)" transform="translate(.905 1.22) scale(.39418)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.49l-0.137 -0.014a7.665 7.665 0 0 1 -4.925 -2.978 11.365 11.365 0 0 1 -2.209 -6.489c-0.093 -1.03 -0.093 -3.29 -0.093 -4.548a2.265 2.265 0 0 1 1.874 -2.237l5.49 -0.942 5.488 0.942a2.265 2.265 0 0 1 1.876 2.238c0 1.256 0 3.518 -0.098 4.547a11.365 11.365 0 0 1 -2.21 6.489 7.665 7.665 0 0 1 -4.923 2.978l-0.133 0.015zm-4.91 -13.875c0 1.994 -0.06 3.387 0 4.05a9.296 9.296 0 0 0 1.826 5.378 5.184 5.184 0 0 0 3.084 1.97 5.181 5.181 0 0 0 3.083 -1.97 9.297 9.297 0 0 0 1.826 -5.378c0.06 -0.663 0 -2.056 0 -4.05l-4.909 -0.841 -4.91 0.84z"/>
+    <g mask="url(#V)" transform="translate(.905 1.22) scale(.39418)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#au)" transform="translate(1.184 1.554) scale(.37867)">
+    <g fill="#7F00D6" mask="url(#W)" transform="translate(1.184 1.554) scale(.37867)">
       <use href="#shape-0"/>
-      <path d="M8.738 13.349l-6.229 1.066c0.023 2.347 0.075 4.123 0.155 4.982a14.36 14.36 0 0 0 2.815 8.795 6.694 6.694 0 0 0 3.239 2.35h0.02v-17.194z" opacity=".243"/>
+      <path d="M8.738 13.349l-6.229 1.066c0.023 2.347 0.075 4.123 0.155 4.982a14.36 14.36 0 0 0 2.815 8.795 6.694 6.694 0 0 0 3.239 2.35h0.02v-17.193z" opacity=".243"/>
     </g>
   </svg>
   <svg width="16" height="20" x="400">
     <defs>
-      <mask id="ax">
+      <mask id="Y">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.989 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aw">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="X">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="av">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#av)" transform="translate(.775 1.065) scale(.4014)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aw)" transform="translate(1.069 1.416) scale(.38506)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.325l-0.135 -0.014a7.52 7.52 0 0 1 -4.831 -2.923 11.15 11.15 0 0 1 -2.168 -6.366c-0.091 -1.01 -0.091 -3.228 -0.091 -4.462a2.222 2.222 0 0 1 1.839 -2.195l5.386 -0.924 5.384 0.924a2.222 2.222 0 0 1 1.841 2.196c0 1.232 0 3.45 -0.096 4.461a11.15 11.15 0 0 1 -2.168 6.366 7.52 7.52 0 0 1 -4.83 2.923l-0.131 0.014zm-4.817 -13.615c0 1.957 -0.059 3.324 0 3.974a9.12 9.12 0 0 0 1.79 5.277 5.086 5.086 0 0 0 3.027 1.933 5.083 5.083 0 0 0 3.025 -1.933 9.122 9.122 0 0 0 1.792 -5.277c0.059 -0.65 0 -2.017 0 -3.974l-4.817 -0.824 -4.817 0.824z"/>
+    <g mask="url(#X)" transform="translate(1.069 1.416) scale(.38506)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#ax)" transform="translate(1.293 1.683) scale(.37264)">
+    <g fill="#7F00D6" mask="url(#Y)" transform="translate(1.293 1.683) scale(.37264)">
       <use href="#shape-0"/>
-      <path d="M8.62 13.369l-6.214 1.064c0.023 2.34 0.075 4.113 0.154 4.97a14.326 14.326 0 0 0 2.809 8.774 6.678 6.678 0 0 0 3.23 2.344h0.02v-17.151z" opacity=".235"/>
+      <path d="M8.62 13.369l-6.214 1.064c0.023 2.34 0.075 4.113 0.154 4.97a14.326 14.326 0 0 0 2.809 8.774 6.678 6.678 0 0 0 3.23 2.344h0.02v-17.152z" opacity=".235"/>
     </g>
   </svg>
   <svg width="16" height="20" x="416">
     <defs>
-      <mask id="aA">
+      <mask id="aa">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.925 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="az">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="Z">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="ay">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#ay)" transform="translate(.914 1.23) scale(.39368)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#az)" transform="translate(1.216 1.592) scale(.37689)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 18.159l-0.132 -0.014a7.376 7.376 0 0 1 -4.739 -2.866 10.936 10.936 0 0 1 -2.126 -6.244c-0.09 -0.99 -0.09 -3.166 -0.09 -4.376a2.18 2.18 0 0 1 1.804 -2.153l5.283 -0.906 5.28 0.906a2.18 2.18 0 0 1 1.806 2.154c0 1.208 0 3.384 -0.094 4.375a10.936 10.936 0 0 1 -2.126 6.244 7.376 7.376 0 0 1 -4.738 2.866l-0.128 0.014zm-4.724 -13.353c0 1.92 -0.058 3.26 0 3.898a8.945 8.945 0 0 0 1.756 5.175 4.988 4.988 0 0 0 2.968 1.896 4.986 4.986 0 0 0 2.967 -1.896 8.947 8.947 0 0 0 1.757 -5.175c0.058 -0.638 0 -1.979 0 -3.898l-4.724 -0.809 -4.724 0.81z"/>
+    <g mask="url(#Z)" transform="translate(1.216 1.592) scale(.37689)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aA)" transform="translate(1.385 1.794) scale(.3675)">
+    <g fill="#7F00D6" mask="url(#aa)" transform="translate(1.385 1.794) scale(.3675)">
       <use href="#shape-0"/>
-      <path d="M8.502 13.389l-6.199 1.061c0.023 2.336 0.075 4.104 0.154 4.96a14.293 14.293 0 0 0 2.802 8.753 6.663 6.663 0 0 0 3.223 2.337h0.02v-17.111z" opacity=".228"/>
+      <path d="M8.502 13.389l-6.199 1.061c0.023 2.336 0.075 4.104 0.154 4.96a14.293 14.293 0 0 0 2.802 8.753 6.663 6.663 0 0 0 3.223 2.338h0.02v-17.112z" opacity=".228"/>
     </g>
   </svg>
   <svg width="16" height="20" x="432">
     <defs>
-      <mask id="aD">
+      <mask id="ac">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.862 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aC">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="ab">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="aB">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aB)" transform="translate(1.048 1.392) scale(.3862)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aC)" transform="translate(1.34 1.74) scale(.36998)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.998l-0.13 -0.013a7.236 7.236 0 0 1 -4.648 -2.812 10.728 10.728 0 0 1 -2.086 -6.125c-0.088 -0.972 -0.088 -3.106 -0.088 -4.294a2.138 2.138 0 0 1 1.77 -2.111l5.182 -0.89 5.18 0.89a2.138 2.138 0 0 1 1.772 2.112c0 1.186 0 3.32 -0.093 4.293a10.728 10.728 0 0 1 -2.086 6.125 7.236 7.236 0 0 1 -4.648 2.812l-0.125 0.013zm-4.634 -13.099c0 1.883 -0.057 3.198 0 3.824a8.775 8.775 0 0 0 1.722 5.077 4.894 4.894 0 0 0 2.912 1.86 4.89 4.89 0 0 0 2.91 -1.86 8.777 8.777 0 0 0 1.724 -5.077c0.057 -0.626 0 -1.941 0 -3.824l-4.634 -0.794 -4.634 0.794z"/>
+    <g mask="url(#ab)" transform="translate(1.34 1.74) scale(.36998)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aD)" transform="translate(1.457 1.88) scale(.3635)">
+    <g fill="#7F00D6" mask="url(#ac)" transform="translate(1.457 1.88) scale(.3635)">
       <use href="#shape-0"/>
-      <path d="M8.386 13.409l-6.186 1.059c0.023 2.33 0.075 4.094 0.154 4.947a14.26 14.26 0 0 0 2.795 8.733 6.647 6.647 0 0 0 3.216 2.333h0.02v-17.072z" opacity=".221"/>
+      <path d="M8.386 13.409l-6.185 1.059c0.023 2.33 0.075 4.094 0.154 4.947a14.26 14.26 0 0 0 2.795 8.733 6.647 6.647 0 0 0 3.216 2.333h0.02v-17.072z" opacity=".221"/>
     </g>
   </svg>
   <svg width="16" height="20" x="448">
     <defs>
-      <mask id="aG">
+      <mask id="ae">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.799 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aF">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="ad">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="aE">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aE)" transform="translate(1.174 1.542) scale(.37921)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aF)" transform="translate(1.436 1.855) scale(.36465)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.848l-0.127 -0.014a7.105 7.105 0 0 1 -4.565 -2.76 10.534 10.534 0 0 1 -2.047 -6.015c-0.087 -0.954 -0.087 -3.05 -0.087 -4.215a2.1 2.1 0 0 1 1.737 -2.073l5.089 -0.874 5.086 0.874a2.1 2.1 0 0 1 1.74 2.074c0 1.164 0 3.26 -0.091 4.214a10.534 10.534 0 0 1 -2.048 6.014 7.105 7.105 0 0 1 -4.564 2.761l-0.123 0.014zm-4.55 -12.862c0 1.849 -0.056 3.14 0 3.754a8.617 8.617 0 0 0 1.691 4.985 4.805 4.805 0 0 0 2.859 1.826 4.802 4.802 0 0 0 2.858 -1.826 8.618 8.618 0 0 0 1.693 -4.985c0.055 -0.614 0 -1.905 0 -3.754l-4.551 -0.78 -4.55 0.78z"/>
+    <g mask="url(#ad)" transform="translate(1.436 1.855) scale(.36465)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aG)" transform="translate(1.503 1.935) scale(.36092)">
+    <g fill="#7F00D6" mask="url(#ae)" transform="translate(1.503 1.935) scale(.36092)">
       <use href="#shape-0"/>
-      <path d="M8.27 13.429l-6.17 1.056c0.022 2.325 0.074 4.085 0.153 4.936a14.226 14.226 0 0 0 2.789 8.713 6.632 6.632 0 0 0 3.208 2.326h0.02v-17.03z" opacity=".213"/>
+      <path d="M8.27 13.429l-6.17 1.056c0.022 2.325 0.074 4.085 0.153 4.936a14.226 14.226 0 0 0 2.789 8.713 6.632 6.632 0 0 0 3.208 2.327h0.02v-17.032z" opacity=".213"/>
     </g>
   </svg>
   <svg width="16" height="20" x="464">
     <defs>
-      <mask id="aJ">
+      <mask id="ag">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.736 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aI">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="af">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="aH">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aH)" transform="translate(1.287 1.677) scale(.37295)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aI)" transform="translate(1.498 1.929) scale(.36121)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.713l-0.125 -0.013a6.988 6.988 0 0 1 -4.49 -2.716 10.36 10.36 0 0 1 -2.013 -5.914c-0.085 -0.939 -0.085 -3 -0.085 -4.146a2.064 2.064 0 0 1 1.708 -2.039l5.005 -0.859 5.002 0.859a2.065 2.065 0 0 1 1.711 2.04c0 1.145 0 3.206 -0.09 4.145a10.36 10.36 0 0 1 -2.013 5.914 6.988 6.988 0 0 1 -4.49 2.716l-0.12 0.013zm-4.475 -12.65c0 1.819 -0.055 3.089 0 3.693a8.474 8.474 0 0 0 1.663 4.903 4.726 4.726 0 0 0 2.812 1.795 4.723 4.723 0 0 0 2.81 -1.795 8.475 8.475 0 0 0 1.665 -4.903c0.055 -0.604 0 -1.874 0 -3.692l-4.475 -0.767 -4.475 0.767z"/>
+    <g mask="url(#af)" transform="translate(1.498 1.929) scale(.36121)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#ag)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M8.155 13.449l-6.156 1.053c0.022 2.32 0.074 4.075 0.153 4.925a14.193 14.193 0 0 0 2.782 8.692 6.616 6.616 0 0 0 3.2 2.322h0.02v-16.991z" opacity=".206"/>
+      <path d="M8.155 13.449l-6.156 1.053c0.022 2.32 0.074 4.075 0.153 4.925a14.193 14.193 0 0 0 2.782 8.692 6.616 6.616 0 0 0 3.2 2.322h0.02v-16.992z" opacity=".206"/>
     </g>
   </svg>
   <svg width="16" height="20" x="480">
     <defs>
-      <mask id="aM">
+      <mask id="ai">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.673 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aL">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.077 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="ah">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-3" filter="null"/>
       </mask>
-      <clipPath id="aK">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aK)" transform="translate(1.382 1.79) scale(.36765)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.6l-0.124 -0.014a6.888 6.888 0 0 1 -4.425 -2.677 10.213 10.213 0 0 1 -1.985 -5.83c-0.084 -0.926 -0.084 -2.957 -0.084 -4.087a2.035 2.035 0 0 1 1.685 -2.01l4.933 -0.847 4.931 0.847a2.035 2.035 0 0 1 1.687 2.01c0 1.13 0 3.161 -0.089 4.087a10.213 10.213 0 0 1 -1.985 5.83 6.888 6.888 0 0 1 -4.425 2.677l-0.119 0.013zm-4.412 -12.47c0 1.792 -0.054 3.044 0 3.64a8.354 8.354 0 0 0 1.64 4.832 4.658 4.658 0 0 0 2.772 1.77 4.656 4.656 0 0 0 2.77 -1.77 8.355 8.355 0 0 0 1.642 -4.833c0.054 -0.595 0 -1.847 0 -3.64l-4.412 -0.755 -4.412 0.756z"/>
+    <g mask="url(#ah)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#ai)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M8.04 13.468l-6.14 1.052c0.022 2.314 0.073 4.065 0.152 4.913a14.16 14.16 0 0 0 2.776 8.672 6.6 6.6 0 0 0 3.193 2.317h0.02v-16.954z" opacity=".199"/>
+      <path d="M8.04 13.468l-6.141 1.052c0.022 2.314 0.073 4.065 0.152 4.913a14.16 14.16 0 0 0 2.776 8.672 6.6 6.6 0 0 0 3.193 2.317h0.02v-16.954z" opacity=".199"/>
     </g>
   </svg>
   <svg width="16" height="20" x="496">
     <defs>
-      <mask id="aP">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.61 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.855 40.854" filter="null"/>
+      <mask id="ak">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.61 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aO">
+      <mask id="aj">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M8.243 58.758l6.362 6.474 40.854 -40.854 -6.355 -6.474 -40.861 40.854" filter="null"/>
       </mask>
-      <clipPath id="aN">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aN)" transform="translate(1.456 1.878) scale(.36356)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.511l-0.122 -0.012a6.812 6.812 0 0 1 -4.376 -2.648 10.1 10.1 0 0 1 -1.963 -5.765c-0.083 -0.915 -0.083 -2.924 -0.083 -4.042a2.012 2.012 0 0 1 1.665 -1.988l4.879 -0.837 4.876 0.837a2.013 2.013 0 0 1 1.668 1.989c0 1.116 0 3.126 -0.087 4.04a10.1 10.1 0 0 1 -1.963 5.766 6.812 6.812 0 0 1 -4.376 2.648l-0.118 0.012zm-4.363 -12.33c0 1.772 -0.053 3.01 0 3.599a8.261 8.261 0 0 0 1.622 4.779 4.607 4.607 0 0 0 2.741 1.75 4.604 4.604 0 0 0 2.74 -1.75 8.262 8.262 0 0 0 1.623 -4.78c0.053 -0.588 0 -1.826 0 -3.599l-4.363 -0.747 -4.363 0.747z"/>
+    <g mask="url(#aj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#ak)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M7.927 13.488l-6.128 1.049c0.022 2.308 0.074 4.056 0.152 4.902a14.134 14.134 0 0 0 2.77 8.652 6.586 6.586 0 0 0 3.186 2.311h0.02v-16.914z" opacity=".191"/>
+      <path d="M7.927 13.488l-6.128 1.049c0.022 2.308 0.074 4.056 0.152 4.902a14.128 14.128 0 0 0 2.77 8.652 6.586 6.586 0 0 0 3.186 2.311h0.02v-16.914z" opacity=".191"/>
     </g>
   </svg>
   <svg width="16" height="20" x="512">
     <defs>
-      <mask id="aS">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.55 59.76l5.498 5.5 40.855 -40.854 -5.5 -5.5 -40.853 40.854" filter="null"/>
+      <mask id="am">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.55 59.76l5.498 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aR">
+      <mask id="al">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M5.98 56.039l8.701 9.117 40.854 -40.854 -8.675 -9.117 -40.88 40.854" filter="null"/>
       </mask>
-      <clipPath id="aQ">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aQ)" transform="translate(1.503 1.935) scale(.36093)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <path fill="#0C0C0C" fill-opacity=".2" d="M8 17.455l-0.121 -0.013a6.763 6.763 0 0 1 -4.344 -2.628 10.026 10.026 0 0 1 -1.95 -5.724c-0.082 -0.908 -0.082 -2.903 -0.082 -4.012a1.998 1.998 0 0 1 1.654 -1.974l4.843 -0.83 4.841 0.83a1.998 1.998 0 0 1 1.656 1.975c0 1.107 0 3.103 -0.087 4.011a10.026 10.026 0 0 1 -1.949 5.724 6.763 6.763 0 0 1 -4.344 2.628l-0.117 0.013zm-4.331 -12.242c0 1.76 -0.053 2.988 0 3.573a8.201 8.201 0 0 0 1.61 4.745 4.573 4.573 0 0 0 2.721 1.738 4.57 4.57 0 0 0 2.72 -1.738 8.202 8.202 0 0 0 1.611 -4.745c0.053 -0.585 0 -1.814 0 -3.573l-4.331 -0.742 -4.331 0.742z"/>
+    <g mask="url(#al)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#am)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M7.814 13.507l-6.113 1.047c0.022 2.303 0.073 4.047 0.151 4.89a14.095 14.095 0 0 0 2.764 8.633 6.57 6.57 0 0 0 3.178 2.306h0.02v-16.876z" opacity=".184"/>
     </g>
   </svg>
   <svg width="16" height="20" x="528">
     <defs>
-      <mask id="aV">
+      <mask id="ao">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.488 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aU">
+      <mask id="an">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M2.648 52.034l12.145 13.01 40.854 -40.854 -12.091 -13.01 -40.908 40.854" filter="null"/>
       </mask>
-      <clipPath id="aT">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#an)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#ao)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M7.702 13.526l-6.099 1.044c0.022 2.299 0.073 4.038 0.151 4.88a14.063 14.063 0 0 0 2.757 8.613 6.556 6.556 0 0 0 3.172 2.3h0.02v-16.836z" opacity=".176"/>
+      <path d="M7.702 13.526l-6.099 1.044c0.022 2.299 0.073 4.038 0.151 4.88a14.063 14.063 0 0 0 2.757 8.613 6.556 6.556 0 0 0 3.172 2.3h0.02v-16.837z" opacity=".176"/>
     </g>
   </svg>
   <svg width="16" height="20" x="544">
     <defs>
-      <mask id="aY">
+      <mask id="aq">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.428 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="aX">
+      <mask id="ap">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-1.397 47.174l16.326 17.734 40.854 -40.854 -16.238 -17.734 -40.942 40.854" filter="null"/>
       </mask>
-      <clipPath id="aW">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#aX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#ap)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#aY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M7.592 13.545l-6.086 1.042c0.022 2.293 0.073 4.029 0.151 4.869a14.037 14.037 0 0 0 2.75 8.593 6.541 6.541 0 0 0 3.165 2.296h0.02v-16.8z" opacity=".169"/>
+      <path d="M7.592 13.545l-6.086 1.042c0.022 2.293 0.073 4.029 0.151 4.869a14.032 14.032 0 0 0 2.75 8.593 6.541 6.541 0 0 0 3.165 2.296h0.02v-16.8z" opacity=".169"/>
     </g>
   </svg>
   <svg width="16" height="20" x="560">
     <defs>
-      <mask id="bb">
+      <mask id="as">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.368 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="ba">
+      <mask id="ar">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-5.798 41.885l20.875 22.875 40.854 -40.854 -20.75 -22.875 -40.979 40.854" filter="null"/>
       </mask>
-      <clipPath id="aZ">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#aZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#ba)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#ar)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bb)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#as)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M7.482 13.564l-6.072 1.04c0.022 2.287 0.073 4.02 0.15 4.857a14 14 0 0 0 2.745 8.575 6.527 6.527 0 0 0 3.158 2.29h0.02v-16.762z" opacity=".162"/>
     </g>
   </svg>
   <svg width="16" height="20" x="576">
     <defs>
-      <mask id="be">
+      <mask id="au">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.31 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bd">
+      <mask id="at">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-10.199 36.596l25.424 28.016 40.854 -40.854 -25.262 -28.016 -41.016 40.854" filter="null"/>
       </mask>
-      <clipPath id="bc">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#at)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#be)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#au)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M7.374 13.582l-6.059 1.038c0.022 2.283 0.073 4.01 0.15 4.847a13.97 13.97 0 0 0 2.74 8.555 6.512 6.512 0 0 0 3.15 2.286h0.019v-16.726z" opacity=".154"/>
     </g>
   </svg>
   <svg width="16" height="20" x="592">
     <defs>
-      <mask id="bh">
+      <mask id="aw">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.252 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bg">
+      <mask id="av">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-14.244 31.736l29.605 32.74 40.854 -40.854 -29.409 -32.74 -41.05 40.854" filter="null"/>
       </mask>
-      <clipPath id="bf">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bf)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bg)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#av)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bh)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M7.267 13.6l-6.045 1.036c0.021 2.278 0.072 4.002 0.15 4.836a13.939 13.939 0 0 0 2.732 8.537 6.498 6.498 0 0 0 3.144 2.28h0.019v-16.688z" opacity=".147"/>
     </g>
   </svg>
   <svg width="16" height="20" x="608">
     <defs>
-      <mask id="bk">
+      <mask id="ay">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.196 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bj">
+      <mask id="ax">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-17.576 27.731l33.049 36.633 40.854 -40.854 -32.825 -36.633 -41.078 40.854" filter="null"/>
       </mask>
-      <clipPath id="bi">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bi)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#ax)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bk)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#ay)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M7.161 13.619l-6.031 1.031c0.022 2.273 0.072 3.994 0.15 4.826a13.909 13.909 0 0 0 2.726 8.519 6.484 6.484 0 0 0 3.137 2.275h0.02v-16.65z" opacity=".14"/>
+      <path d="M7.161 13.619l-6.032 1.032c0.022 2.273 0.072 3.994 0.15 4.826a13.909 13.909 0 0 0 2.726 8.519 6.484 6.484 0 0 0 3.137 2.275h0.02v-16.652z" opacity=".14"/>
     </g>
   </svg>
   <svg width="16" height="20" x="624">
     <defs>
-      <mask id="bn">
+      <mask id="aA">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.142 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bm">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-19.839 25.012l35.389 39.276 40.854 -40.854 -35.145 -39.276 -41.097 40.854" filter="null"/>
+      <mask id="az">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-19.839 25.012l35.388 39.276 40.854 -40.854 -35.145 -39.276 -41.097 40.854" filter="null"/>
       </mask>
-      <clipPath id="bl">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bl)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bm)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#az)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bn)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M7.057 13.636l-6.02 1.031c0.022 2.268 0.073 3.985 0.15 4.816a13.879 13.879 0 0 0 2.72 8.5 6.47 6.47 0 0 0 3.13 2.27h0.02v-16.616z" opacity=".132"/>
+      <path d="M7.057 13.636l-6.02 1.031c0.022 2.268 0.073 3.985 0.15 4.816a13.879 13.879 0 0 0 2.72 8.5 6.47 6.47 0 0 0 3.13 2.27h0.02v-16.617z" opacity=".132"/>
     </g>
   </svg>
   <svg width="16" height="20" x="640">
     <defs>
-      <mask id="bq">
+      <mask id="aC">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.089 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bp">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 24.01l36.25 40.25 40.854 -40.854 -36 -40.25 -41.104 40.854" filter="null"/>
+      <mask id="aB">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bo">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bo)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bp)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.954 13.654l-6.006 1.028c0.021 2.264 0.072 3.977 0.149 4.806a13.85 13.85 0 0 0 2.715 8.482 6.456 6.456 0 0 0 3.123 2.266h0.02v-16.582z" opacity=".125"/>
     </g>
   </svg>
   <svg width="16" height="20" x="656">
     <defs>
-      <mask id="bt">
+      <mask id="aE">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M10.038 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bs">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 23.72l36.25 40.25 40.854 -40.855 -36 -40.25 -41.104 40.854" filter="null"/>
+      <mask id="aD">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="br">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#br)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bs)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bt)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M6.853 13.671l-5.993 1.026c0.022 2.26 0.072 3.969 0.149 4.796a13.815 13.815 0 0 0 2.71 8.465 6.443 6.443 0 0 0 3.116 2.26h0.02v-16.546z" opacity=".118"/>
+      <path d="M6.853 13.671l-5.994 1.026c0.022 2.26 0.072 3.969 0.149 4.796a13.821 13.821 0 0 0 2.71 8.465 6.443 6.443 0 0 0 3.116 2.26h0.02v-16.547z" opacity=".118"/>
     </g>
   </svg>
   <svg width="16" height="20" x="672">
     <defs>
-      <mask id="bw">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.99 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.855 40.854" filter="null"/>
-      </mask>
-      <mask id="bv">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 23.243l36.25 40.25 40.854 -40.853 -36 -40.25 -41.104 40.854" filter="null"/>
+      <mask id="aG">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.99 59.76l5.5 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <clipPath id="bu">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
+      <mask id="aF">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#bu)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bv)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.754 13.688l-5.982 1.024c0.022 2.254 0.072 3.96 0.149 4.786a13.793 13.793 0 0 0 2.703 8.447 6.43 6.43 0 0 0 3.111 2.257h0.02v-16.514z" opacity=".11"/>
     </g>
   </svg>
   <svg width="16" height="20" x="688">
     <defs>
-      <mask id="bz">
+      <mask id="aI">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.946 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="by">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 22.74l36.25 40.25 40.854 -40.855 -36 -40.25 -41.104 40.855" filter="null"/>
+      <mask id="aH">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bx">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bx)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#by)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bz)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.657 13.705l-5.97 1.022c0.022 2.25 0.072 3.952 0.148 4.776a13.765 13.765 0 0 0 2.699 8.43 6.417 6.417 0 0 0 3.104 2.252h0.02v-16.48z" opacity=".103"/>
     </g>
   </svg>
   <svg width="16" height="20" x="704">
     <defs>
-      <mask id="bC">
+      <mask id="aK">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.906 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bB">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 22.261l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="aJ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bA">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.562 13.72l-5.958 1.02c0.021 2.246 0.071 3.945 0.147 4.768a13.738 13.738 0 0 0 2.694 8.414 6.404 6.404 0 0 0 3.098 2.247h0.02v-16.448z" opacity=".096"/>
     </g>
   </svg>
   <svg width="16" height="20" x="720">
     <defs>
-      <mask id="bF">
+      <mask id="aM">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.873 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bE">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.845l36.25 40.25 40.854 -40.855 -36 -40.25 -41.104 40.855" filter="null"/>
+      <mask id="aL">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bD">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M6.47 13.737l-5.949 1.018c0.022 2.24 0.072 3.937 0.148 4.757a13.712 13.712 0 0 0 2.688 8.398 6.392 6.392 0 0 0 3.092 2.243h0.02v-16.416z" opacity=".088"/>
+      <path d="M6.47 13.737l-5.948 1.018c0.022 2.24 0.072 3.937 0.148 4.757a13.712 13.712 0 0 0 2.688 8.398 6.392 6.392 0 0 0 3.092 2.243h0.02v-16.416z" opacity=".088"/>
     </g>
   </svg>
   <svg width="16" height="20" x="736">
     <defs>
-      <mask id="bI">
+      <mask id="aO">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.848 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bH">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.536l36.25 40.25 40.854 -40.856 -36 -40.25 -41.104 40.855" filter="null"/>
+      <mask id="aN">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bG">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M6.38 13.752l-5.938 1.016c0.022 2.237 0.072 3.93 0.148 4.749a13.684 13.684 0 0 0 2.683 8.382 6.38 6.38 0 0 0 3.086 2.24h0.02v-16.388z" opacity=".081"/>
+      <path d="M6.38 13.752l-5.937 1.016c0.022 2.237 0.072 3.93 0.148 4.749a13.686 13.686 0 0 0 2.683 8.382 6.38 6.38 0 0 0 3.086 2.24h0.02v-16.387z" opacity=".081"/>
     </g>
   </svg>
   <svg width="16" height="20" x="752">
     <defs>
-      <mask id="bL">
+      <mask id="aQ">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M9.837 59.76l5.499 5.5 40.855 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
       </mask>
-      <mask id="bK">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="aP">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bJ">
-        <path fill="#fff" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M6.292 13.767l-5.925 1.013c0.021 2.233 0.07 3.923 0.147 4.74a13.662 13.662 0 0 0 2.678 8.367 6.369 6.369 0 0 0 3.081 2.235h0.019v-16.355z" opacity=".074"/>
+      <path d="M6.292 13.767l-5.925 1.014c0.021 2.233 0.07 3.923 0.147 4.74a13.662 13.662 0 0 0 2.678 8.367 6.369 6.369 0 0 0 3.081 2.235h0.019v-16.356z" opacity=".074"/>
     </g>
   </svg>
   <svg width="16" height="20" x="768">
     <defs>
-      <mask id="bO">
+      <mask id="aS">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M8.982 58.685l6.36 6.474 40.856 -40.854 -6.355 -6.474 -40.861 40.854" filter="null"/>
       </mask>
-      <mask id="bN">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l35.326 39.218 40.854 -40.854 -35.077 -39.218 -41.104 40.854" filter="null"/>
+      <mask id="aR">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bM">
-        <path fill="#fff" d="M-20.673 21.406l35.326 39.218 40.854 -40.854 -35.077 -39.218 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.208 13.781l-5.915 1.013c0.021 2.228 0.07 3.915 0.147 4.731a13.638 13.638 0 0 0 2.673 8.353 6.357 6.357 0 0 0 3.076 2.231h0.019v-16.328z" opacity=".066"/>
     </g>
   </svg>
   <svg width="16" height="20" x="784">
     <defs>
-      <mask id="bR">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M6.661 55.768l8.7 9.117 40.855 -40.855 -8.675 -9.117 -40.88 40.854" filter="null"/>
-      </mask>
-      <mask id="bQ">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l32.996 36.617 40.854 -40.855 -32.746 -36.616 -41.104 40.854" filter="null"/>
+      <mask id="aU">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M6.661 55.768l8.7 9.117 40.855 -40.854 -8.675 -9.117 -40.88 40.854" filter="null"/>
       </mask>
-      <clipPath id="bP">
-        <path fill="#fff" d="M-20.673 21.406l32.996 36.617 40.854 -40.855 -32.746 -36.616 -41.104 40.854"/>
-      </clipPath>
+      <mask id="aT">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#bP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.127 13.795l-5.905 1.01c0.021 2.226 0.071 3.91 0.147 4.724a13.615 13.615 0 0 0 2.669 8.339 6.347 6.347 0 0 0 3.07 2.227h0.019v-16.3z" opacity=".059"/>
     </g>
   </svg>
   <svg width="16" height="20" x="800">
     <defs>
-      <mask id="bU">
+      <mask id="aW">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M3.244 51.471l12.144 13.01 40.855 -40.854 -12.091 -13.01 -40.908 40.854" filter="null"/>
       </mask>
-      <mask id="bT">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l29.705 32.942 40.854 -40.854 -29.455 -32.942 -41.104 40.854" filter="null"/>
+      <mask id="aV">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="bS">
-        <path fill="#fff" d="M-20.673 21.406l29.705 32.942 40.854 -40.854 -29.455 -32.942 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#bS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M6.05 13.808l-5.895 1.009c0.02 2.221 0.07 3.903 0.146 4.716a13.593 13.593 0 0 0 2.665 8.326 6.337 6.337 0 0 0 3.065 2.223h0.02v-16.274z" opacity=".051"/>
     </g>
   </svg>
   <svg width="16" height="20" x="816">
     <defs>
-      <mask id="bX">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-0.905 46.257l16.326 17.733 40.854 -40.854 -16.238 -17.733 -40.942 40.854" filter="null"/>
-      </mask>
-      <mask id="bW">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l25.735 28.51 40.854 -40.856 -25.486 -28.508 -41.104 40.854" filter="null"/>
+      <mask id="aY">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-0.905 46.257l16.326 17.734 40.854 -40.854 -16.238 -17.734 -40.942 40.854" filter="null"/>
       </mask>
-      <clipPath id="bV">
-        <path fill="#fff" d="M-20.673 21.406l25.735 28.51 40.854 -40.856 -25.486 -28.508 -41.104 40.854"/>
-      </clipPath>
+      <mask id="aX">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#bV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#bX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#aY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M5.978 13.82l-5.888 1.008c0.021 2.218 0.07 3.897 0.146 4.709a13.573 13.573 0 0 0 2.66 8.313 6.327 6.327 0 0 0 3.062 2.22h0.019v-16.25z" opacity=".044"/>
+      <path d="M5.978 13.82l-5.887 1.008c0.021 2.218 0.07 3.897 0.146 4.709a13.573 13.573 0 0 0 2.66 8.313 6.327 6.327 0 0 0 3.062 2.22h0.019v-16.25z" opacity=".044"/>
     </g>
   </svg>
   <svg width="16" height="20" x="832">
     <defs>
-      <mask id="ca">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-5.418 40.583l20.874 22.875 40.855 -40.855 -20.75 -22.873 -40.979 40.853" filter="null"/>
-      </mask>
-      <mask id="bZ">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l21.293 23.55 40.854 -40.854 -21.043 -23.55 -41.104 40.854" filter="null"/>
+      <mask id="ba">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-5.418 40.583l20.874 22.875 40.855 -40.855 -20.75 -22.874 -40.979 40.854" filter="null"/>
       </mask>
-      <clipPath id="bY">
-        <path fill="#fff" d="M-20.673 21.406l21.293 23.55 40.854 -40.854 -21.043 -23.55 -41.104 40.854"/>
-      </clipPath>
+      <mask id="aZ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#bY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#bZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#aZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#ca)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#ba)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M5.91 13.831l-5.878 1.007c0.021 2.215 0.07 3.891 0.146 4.702a13.554 13.554 0 0 0 2.657 8.301 6.318 6.318 0 0 0 3.057 2.218h0.018v-16.229z" opacity=".037"/>
+      <path d="M5.91 13.831l-5.878 1.007c0.021 2.215 0.07 3.891 0.146 4.702a13.554 13.554 0 0 0 2.657 8.301 6.318 6.318 0 0 0 3.057 2.218h0.018v-16.228z" opacity=".037"/>
     </g>
   </svg>
   <svg width="16" height="20" x="848">
     <defs>
-      <mask id="cd">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-9.931 34.91l25.423 28.015 40.855 -40.855 -25.262 -28.015 -41.016 40.855" filter="null"/>
-      </mask>
-      <mask id="cc">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l16.556 18.262 40.854 -40.855 -16.306 -18.261 -41.104 40.854" filter="null"/>
+      <mask id="bc">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-9.931 34.91l25.423 28.015 40.855 -40.855 -25.262 -28.015 -41.016 40.854" filter="null"/>
       </mask>
-      <clipPath id="cb">
-        <path fill="#fff" d="M-20.673 21.406l16.556 18.262 40.854 -40.855 -16.306 -18.261 -41.104 40.854"/>
-      </clipPath>
+      <mask id="bb">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#cb)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#cc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bb)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#bc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M5.849 13.842l-5.871 1.005c0.02 2.212 0.07 3.886 0.145 4.696a13.534 13.534 0 0 0 2.654 8.291 6.31 6.31 0 0 0 3.053 2.214h0.019v-16.206z" opacity=".029"/>
+      <path d="M5.849 13.842l-5.871 1.005c0.02 2.212 0.07 3.886 0.145 4.696a13.537 13.537 0 0 0 2.654 8.291 6.31 6.31 0 0 0 3.053 2.214h0.019v-16.206z" opacity=".029"/>
     </g>
   </svg>
   <svg width="16" height="20" x="864">
     <defs>
-      <mask id="cg">
+      <mask id="be">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-14.08 29.695l29.605 32.74 40.854 -40.855 -29.409 -32.74 -41.05 40.855" filter="null"/>
       </mask>
-      <mask id="cf">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l11.706 12.846 40.854 -40.855 -11.457 -12.845 -41.104 40.854" filter="null"/>
+      <mask id="bd">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="ce">
-        <path fill="#fff" d="M-20.673 21.406l11.706 12.846 40.854 -40.855 -11.457 -12.845 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#ce)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#cf)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cg)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#be)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M5.794 13.85l-5.865 1.005c0.022 2.21 0.07 3.882 0.146 4.691a13.521 13.521 0 0 0 2.65 8.281 6.303 6.303 0 0 0 3.05 2.212h0.019v-16.188z" opacity=".022"/>
     </g>
   </svg>
   <svg width="16" height="20" x="880">
     <defs>
-      <mask id="cj">
+      <mask id="bg">
         <path fill="#fff" stroke="#fff" stroke-width="0" d="M-17.497 25.398l33.049 36.633 40.854 -40.855 -32.825 -36.632 -41.078 40.854" filter="null"/>
       </mask>
-      <mask id="ci">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l6.979 7.569 40.854 -40.855 -6.729 -7.568 -41.104 40.854" filter="null"/>
+      <mask id="bf">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
       </mask>
-      <clipPath id="ch">
-        <path fill="#fff" d="M-20.673 21.406l6.979 7.569 40.854 -40.855 -6.729 -7.568 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#ch)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#ci)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bf)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#bg)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M5.747 13.859l-5.859 1.003c0.021 2.207 0.07 3.878 0.145 4.686a13.508 13.508 0 0 0 2.649 8.274 6.297 6.297 0 0 0 3.046 2.21h0.019v-16.174z" opacity=".015"/>
+      <path d="M5.747 13.859l-5.859 1.003c0.021 2.207 0.07 3.878 0.145 4.686a13.508 13.508 0 0 0 2.649 8.274 6.297 6.297 0 0 0 3.046 2.21h0.019v-16.173z" opacity=".015"/>
     </g>
   </svg>
   <svg width="16" height="20" x="896">
     <defs>
-      <mask id="cm">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-19.818 22.481l35.388 39.276 40.854 -40.855 -35.144 -39.275 -41.097 40.854" filter="null"/>
-      </mask>
-      <mask id="cl">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l2.805 2.908 40.854 -40.854 -2.555 -2.908 -41.104 40.854" filter="null"/>
+      <mask id="bi">
+        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-19.818 22.481l35.388 39.276 40.854 -40.855 -35.145 -39.275 -41.097 40.854" filter="null"/>
       </mask>
-      <clipPath id="ck">
-        <path fill="#fff" d="M-20.673 21.406l2.805 2.908 40.854 -40.854 -2.555 -2.908 -41.104 40.854"/>
-      </clipPath>
+      <mask id="bh">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-5" filter="null"/>
+      </mask>
     </defs>
-    <g clip-path="url(#ck)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#cl)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bh)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use fill="#ED00B5" href="#shape-0"/>
     </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cm)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <g fill="#7F00D6" mask="url(#bi)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M5.71 13.865l-5.855 1.002c0.022 2.206 0.07 3.875 0.146 4.683a13.498 13.498 0 0 0 2.646 8.267 6.292 6.292 0 0 0 3.044 2.208h0.019v-16.16z" opacity=".007"/>
     </g>
   </svg>
   <svg width="16" height="20" x="912">
     <defs>
-      <mask id="co">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bj">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cn">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cn)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g mask="url(#co)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g mask="url(#bj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use fill="#7F00D6" href="#shape-0"/>
     </g>
   </svg>
   <svg width="16" height="20" x="928">
     <defs>
-      <mask id="cq">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bk">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cp">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cp)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bk)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M5.675 13.87l-5.85 1.002c0.021 2.204 0.07 3.873 0.145 4.68a13.488 13.488 0 0 0 2.644 8.26 6.288 6.288 0 0 0 3.042 2.208h0.019v-16.15z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="944">
     <defs>
-      <mask id="cs">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bl">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cr">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cr)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cs)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bl)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M6.013 13.743l-5.943 1.018c0.02 2.239 0.07 3.933 0.147 4.753a13.7 13.7 0 0 0 2.686 8.391 6.387 6.387 0 0 0 3.09 2.242h0.019v-16.404z"/>
+      <path d="M6.013 13.743l-5.942 1.018c0.02 2.239 0.07 3.933 0.147 4.753a13.7 13.7 0 0 0 2.686 8.391 6.387 6.387 0 0 0 3.09 2.242h0.019v-16.404z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="960">
     <defs>
-      <mask id="cu">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bm">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="ct">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#ct)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cu)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bm)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M6.896 13.51l-6.111 1.044c0.022 2.303 0.073 4.046 0.151 4.89a14.092 14.092 0 0 0 2.763 8.63 6.57 6.57 0 0 0 3.178 2.306h0.02v-16.871z"/>
+      <path d="M6.896 13.51l-6.111 1.045c0.022 2.303 0.073 4.046 0.151 4.89a14.092 14.092 0 0 0 2.763 8.63 6.57 6.57 0 0 0 3.178 2.306h0.02v-16.872z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="976">
     <defs>
-      <mask id="cw">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bn">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cv">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cv)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bn)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M8.187 13.24l-6.307 1.08c0.023 2.376 0.076 4.175 0.156 5.045a14.542 14.542 0 0 0 2.851 8.906 6.779 6.779 0 0 0 3.28 2.38h0.02v-17.411z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="992">
     <defs>
-      <mask id="cy">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bo">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cx">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cx)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cy)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bo)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M9.763 12.96l-6.51 1.114c0.023 2.453 0.078 4.31 0.161 5.208a15.01 15.01 0 0 0 2.943 9.193 6.997 6.997 0 0 0 3.385 2.456h0.02v-17.972z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1008">
     <defs>
-      <mask id="cA">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bp">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cz">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cz)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bp)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M11.506 12.68l-6.711 1.15c0.024 2.529 0.08 4.443 0.166 5.37a15.475 15.475 0 0 0 3.034 9.477 7.214 7.214 0 0 0 3.49 2.532h0.021v-18.528z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1024">
     <defs>
-      <mask id="cC">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bq">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cB">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M13.302 12.414l-6.905 1.182c0.025 2.602 0.083 4.571 0.171 5.524a15.921 15.921 0 0 0 3.121 9.751 7.422 7.422 0 0 0 3.591 2.605h0.022v-19.062z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1040">
     <defs>
-      <mask id="cE">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="br">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cD">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#br)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M15.035 12.167l-7.085 1.212c0.026 2.67 0.085 4.69 0.176 5.668a16.334 16.334 0 0 0 3.202 10.004 7.615 7.615 0 0 0 3.684 2.672h0.023v-19.556z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1056">
     <defs>
-      <mask id="cG">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bs">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cF">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bs)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M16.588 11.948l-7.243 1.24c0.026 2.729 0.087 4.795 0.18 5.794a16.7 16.7 0 0 0 3.274 10.228 7.785 7.785 0 0 0 3.766 2.732h0.023v-19.994z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1072">
     <defs>
-      <mask id="cI">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bt">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cH">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bt)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M17.846 11.768l-7.373 1.262c0.026 2.779 0.088 4.881 0.183 5.899a17 17 0 0 0 3.332 10.412 7.925 7.925 0 0 0 3.835 2.781h0.023v-20.354z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1088">
     <defs>
-      <mask id="cK">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bu">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cJ">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bu)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.69 11.642l-7.464 1.278c0.027 2.813 0.09 4.942 0.185 5.972a17.21 17.21 0 0 0 3.374 10.54 8.023 8.023 0 0 0 3.882 2.816h0.024v-20.606z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1104">
     <defs>
-      <mask id="cM">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bv">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cL">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bv)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M19 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1120">
     <defs>
-      <mask id="cO">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bw">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cN">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.909 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1136">
     <defs>
-      <mask id="cQ">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bx">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cP">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bx)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.753 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1152">
     <defs>
-      <mask id="cS">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="by">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cR">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#by)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.584 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1168">
     <defs>
-      <mask id="cU">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bz">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cT">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bz)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.418 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1184">
     <defs>
-      <mask id="cW">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bA">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cV">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.265 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1200">
     <defs>
-      <mask id="cY">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bB">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cX">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#cY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.134 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1216">
     <defs>
-      <mask id="da">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bC">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="cZ">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#cZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#da)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
       <path d="M18.039 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1232">
     <defs>
-      <mask id="dc">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M-20.673 21.406l36.25 40.25 40.854 -40.855 -36 -40.249 -41.104 40.854" filter="null"/>
+      <mask id="bD">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
-      <clipPath id="db">
-        <path fill="#fff" d="M-20.673 21.406l0.486 0.319 40.854 -40.854 -0.236 -0.319 -41.104 40.854"/>
-      </clipPath>
     </defs>
-    <g clip-path="url(#db)" transform="matrix(.36 0 0 .36 1.52 1.955)">
-      <use fill="context-fill" fill-opacity="context-fill-opacity" href="#shape-0"/>
-    </g>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#dc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M18 11.593l-7.5 1.284c0.027 2.826 0.09 4.965 0.186 6a17.293 17.293 0 0 0 3.39 10.591 8.061 8.061 0 0 0 3.9 2.829h0.024v-20.704z"/>
+      <use href="#shape-1"/>
     </g>
   </svg>
   <svg width="16" height="20" x="1248">
     <defs>
-      <mask id="dd">
-        <path fill="#fff" stroke="#fff" stroke-width="0" d="M12.332 59.76l5.5 5.5 40.854 -40.854 -5.5 -5.5 -40.854 40.854" filter="null"/>
+      <mask id="bE">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1264">
+    <defs>
+      <mask id="bF">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1280">
+    <defs>
+      <mask id="bG">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1296">
+    <defs>
+      <mask id="bH">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1312">
+    <defs>
+      <mask id="bI">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1328">
+    <defs>
+      <mask id="bJ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1344">
+    <defs>
+      <mask id="bK">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1360">
+    <defs>
+      <mask id="bL">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1376">
+    <defs>
+      <mask id="bM">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1392">
+    <defs>
+      <mask id="bN">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1408">
+    <defs>
+      <mask id="bO">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1424">
+    <defs>
+      <mask id="bP">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1440">
+    <defs>
+      <mask id="bQ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1456">
+    <defs>
+      <mask id="bR">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1472">
+    <defs>
+      <mask id="bS">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1488">
+    <defs>
+      <mask id="bT">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1504">
+    <defs>
+      <mask id="bU">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1520">
+    <defs>
+      <mask id="bV">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1536">
+    <defs>
+      <mask id="bW">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1552">
+    <defs>
+      <mask id="bX">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1568">
+    <defs>
+      <mask id="bY">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1584">
+    <defs>
+      <mask id="bZ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#bZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1600">
+    <defs>
+      <mask id="ca">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#ca)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1616">
+    <defs>
+      <mask id="cb">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cb)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1632">
+    <defs>
+      <mask id="cc">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1648">
+    <defs>
+      <mask id="cd">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1664">
+    <defs>
+      <mask id="ce">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#ce)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1680">
+    <defs>
+      <mask id="cf">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cf)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1696">
+    <defs>
+      <mask id="cg">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cg)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1712">
+    <defs>
+      <mask id="ch">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#ch)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1728">
+    <defs>
+      <mask id="ci">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#ci)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1744">
+    <defs>
+      <mask id="cj">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cj)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1760">
+    <defs>
+      <mask id="ck">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#ck)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1776">
+    <defs>
+      <mask id="cl">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cl)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1792">
+    <defs>
+      <mask id="cm">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cm)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1808">
+    <defs>
+      <mask id="cn">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cn)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1824">
+    <defs>
+      <mask id="co">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#co)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1840">
+    <defs>
+      <mask id="cp">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cp)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1856">
+    <defs>
+      <mask id="cq">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cq)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1872">
+    <defs>
+      <mask id="cr">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cr)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1888">
+    <defs>
+      <mask id="cs">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cs)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1904">
+    <defs>
+      <mask id="ct">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#ct)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1920">
+    <defs>
+      <mask id="cu">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cu)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1936">
+    <defs>
+      <mask id="cv">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cv)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1952">
+    <defs>
+      <mask id="cw">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cw)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1968">
+    <defs>
+      <mask id="cx">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cx)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="1984">
+    <defs>
+      <mask id="cy">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cy)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2000">
+    <defs>
+      <mask id="cz">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cz)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2016">
+    <defs>
+      <mask id="cA">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
       </mask>
     </defs>
-    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#dd)" transform="matrix(.18 0 0 .18 4.76 5.825)">
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cA)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2032">
+    <defs>
+      <mask id="cB">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cB)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2048">
+    <defs>
+      <mask id="cC">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cC)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2064">
+    <defs>
+      <mask id="cD">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cD)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2080">
+    <defs>
+      <mask id="cE">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cE)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2096">
+    <defs>
+      <mask id="cF">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cF)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2112">
+    <defs>
+      <mask id="cG">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cG)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2128">
+    <defs>
+      <mask id="cH">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cH)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2144">
+    <defs>
+      <mask id="cI">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cI)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2160">
+    <defs>
+      <mask id="cJ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cJ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2176">
+    <defs>
+      <mask id="cK">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cK)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2192">
+    <defs>
+      <mask id="cL">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cL)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2208">
+    <defs>
+      <mask id="cM">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cM)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2224">
+    <defs>
+      <mask id="cN">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cN)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2240">
+    <defs>
+      <mask id="cO">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cO)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2256">
+    <defs>
+      <mask id="cP">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cP)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2272">
+    <defs>
+      <mask id="cQ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cQ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2288">
+    <defs>
+      <mask id="cR">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cR)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2304">
+    <defs>
+      <mask id="cS">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cS)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2320">
+    <defs>
+      <mask id="cT">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cT)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2336">
+    <defs>
+      <mask id="cU">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cU)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2352">
+    <defs>
+      <mask id="cV">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cV)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2368">
+    <defs>
+      <mask id="cW">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4"/>
+    <g fill="#7F00D6" mask="url(#cW)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2384">
+    <defs>
+      <mask id="cX">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".952"/>
+    <g fill="#7F00D6" mask="url(#cX)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2400">
+    <defs>
+      <mask id="cY">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".905"/>
+    <g fill="#7F00D6" mask="url(#cY)" transform="matrix(.36 0 0 .36 1.52 1.955)">
       <use href="#shape-0"/>
-      <path d="M11.681 12.84l-6.596 1.13c0.024 2.485 0.079 4.366 0.163 5.277a15.21 15.21 0 0 0 2.982 9.315 7.09 7.09 0 0 0 3.43 2.488h0.021v-18.21z" opacity=".419"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2416">
+    <defs>
+      <mask id="cZ">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".857"/>
+    <g fill="#7F00D6" mask="url(#cZ)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2432">
+    <defs>
+      <mask id="da">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".81"/>
+    <g fill="#7F00D6" mask="url(#da)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2448">
+    <defs>
+      <mask id="db">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".762"/>
+    <g fill="#7F00D6" mask="url(#db)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2464">
+    <defs>
+      <mask id="dc">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".714"/>
+    <g fill="#7F00D6" mask="url(#dc)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2480">
+    <defs>
+      <mask id="dd">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".667"/>
+    <g fill="#7F00D6" mask="url(#dd)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2496">
+    <defs>
+      <mask id="de">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".619"/>
+    <g fill="#7F00D6" mask="url(#de)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2512">
+    <defs>
+      <mask id="df">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".571"/>
+    <g fill="#7900CC" mask="url(#df)" opacity=".98" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2528">
+    <defs>
+      <mask id="dg">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".524"/>
+    <g fill="#7401C2" mask="url(#dg)" opacity=".96" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2544">
+    <defs>
+      <mask id="dh">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".476"/>
+    <g fill="#6E01B7" mask="url(#dh)" opacity=".94" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2560">
+    <defs>
+      <mask id="di">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".429"/>
+    <g fill="#6802AD" mask="url(#di)" opacity=".92" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2576">
+    <defs>
+      <mask id="dj">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".381"/>
+    <g fill="#6203A3" mask="url(#dj)" opacity=".9" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2592">
+    <defs>
+      <mask id="dk">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".333"/>
+    <g fill="#5D0399" mask="url(#dk)" opacity=".88" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2608">
+    <defs>
+      <mask id="dl">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".286"/>
+    <g fill="#57048F" mask="url(#dl)" opacity=".86" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2624">
+    <defs>
+      <mask id="dm">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".238"/>
+    <g fill="#510585" mask="url(#dm)" opacity=".84" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2640">
+    <defs>
+      <mask id="dn">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".19"/>
+    <g fill="#4B057B" mask="url(#dn)" opacity=".82" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2656">
+    <defs>
+      <mask id="do">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".143"/>
+    <g fill="#460671" mask="url(#do)" opacity=".8" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2672">
+    <defs>
+      <mask id="dp">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".095"/>
+    <g fill="#400767" mask="url(#dp)" opacity=".78" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2688">
+    <defs>
+      <mask id="dq">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <use fill="#0C0C0C" fill-opacity=".2" href="#shape-4" opacity=".048"/>
+    <g fill="#3A075D" mask="url(#dq)" opacity=".76" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2704">
+    <defs>
+      <mask id="dr">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#340853" mask="url(#dr)" opacity=".74" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2720">
+    <defs>
+      <mask id="ds">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#2F0849" mask="url(#ds)" opacity=".72" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2736">
+    <defs>
+      <mask id="dt">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#29093F" mask="url(#dt)" opacity=".7" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2752">
+    <defs>
+      <mask id="du">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#230A35" mask="url(#du)" opacity=".68" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2768">
+    <defs>
+      <mask id="dv">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#1D0A2A" mask="url(#dv)" opacity=".66" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2784">
+    <defs>
+      <mask id="dw">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#180B20" mask="url(#dw)" opacity=".64" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2800">
+    <defs>
+      <mask id="dx">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="#120C16" mask="url(#dx)" opacity=".62" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
+    </g>
+  </svg>
+  <svg width="16" height="20" x="2816">
+    <defs>
+      <mask id="dy">
+        <use fill="#fff" stroke="#fff" stroke-width="0" href="#shape-6" filter="null"/>
+      </mask>
+    </defs>
+    <g fill="context-fill" fill-opacity="context-fill-opacity" mask="url(#dy)" transform="matrix(.36 0 0 .36 1.52 1.955)">
+      <use href="#shape-0"/>
+      <use href="#shape-1"/>
     </g>
   </svg>
 </svg>
--- a/browser/themes/shared/jar.inc.mn
+++ b/browser/themes/shared/jar.inc.mn
@@ -85,16 +85,17 @@
   skin/classic/browser/notification-icons/screen.svg                        (../shared/notification-icons/screen.svg)
   skin/classic/browser/notification-icons/update.svg                        (../shared/notification-icons/update.svg)
   skin/classic/browser/notification-icons/midi.svg                          (../shared/notification-icons/midi.svg)
   skin/classic/browser/notification-icons/webauthn.svg                      (../shared/notification-icons/webauthn.svg)
 
   skin/classic/browser/tracking-protection.svg                 (../shared/identity-block/tracking-protection.svg)
   skin/classic/browser/tracking-protection-disabled.svg        (../shared/identity-block/tracking-protection-disabled.svg)
   skin/classic/browser/tracking-protection-animation.svg        (../shared/identity-block/tracking-protection-animation.svg)
+  skin/classic/browser/tracking-protection-animation-brighttext.svg (../shared/identity-block/tracking-protection-animation-brighttext.svg)
   skin/classic/browser/panel-icon-arrow-left.svg               (../shared/panel-icon-arrow-left.svg)
   skin/classic/browser/panel-icon-arrow-right.svg              (../shared/panel-icon-arrow-right.svg)
   skin/classic/browser/panel-icon-cancel.svg                   (../shared/panel-icon-cancel.svg)
 #ifndef XP_MACOSX
   skin/classic/browser/panel-icon-folder.svg                   (../shared/panel-icon-folder.svg)
 #else
   skin/classic/browser/panel-icon-magnifier.svg                (../shared/panel-icon-magnifier.svg)
 #endif
--- a/dom/base/test/test_bug564863.xhtml
+++ b/dom/base/test/test_bug564863.xhtml
@@ -76,21 +76,22 @@ function checkHasId(test) {
   is($("div_id"), div, "div getElementById " + test);
   is($("a_id"),   a,   "a getElementById " + test);
   is($("xul_id"), xul, "xul getElementById " + test);
   is($("svg_id"), svg, "svg getElementById " + test);
   is($("ns_id"),  nsx, "ns getElementById " + test);
 }
 
 function checkHasIdNoGEBI(test) {
-  is(div_cs.color, "rgb(10, 10, 10)", "div color " + test);
-  is(a_cs.color,   "rgb(20, 20, 20)", "a color " + test);
-  is(xul_cs.color, "rgb(30, 30, 30)", "xul color " + test);
-  is(svg_cs.color, "rgb(40, 40, 40)", "svg color " + test);
-  is(nsx_cs.color, "rgb(50, 50, 50)", "nsx color " + test);
+  const connected = test != "removed node";
+  is(div_cs.color, connected ? "rgb(10, 10, 10)" : "", "div color " + test);
+  is(a_cs.color,   connected ? "rgb(20, 20, 20)" : "", "a color " + test);
+  is(xul_cs.color, connected ? "rgb(30, 30, 30)" : "", "xul color " + test);
+  is(svg_cs.color, connected ? "rgb(40, 40, 40)" : "", "svg color " + test);
+  is(nsx_cs.color, connected ? "rgb(50, 50, 50)" : "", "nsx color " + test);
 
   is(div.id, "div_id", "div id " + test);
   is(a.id,   "a_id",   "a id " + test);
   is(xul.id, "xul_id", "xul id " + test);
   is(svg.id, "svg_id", "svg id " + test);
   is (nsx.getAttribute("id"), "ns_id", "ns id " + test);
 }
 
--- a/dom/tests/mochitest/general/test_offsets.js
+++ b/dom/tests/mochitest/general/test_offsets.js
@@ -211,12 +211,12 @@ function checkCoords(element, type, left
     ok(element[type + "Width"] == 0 && element[type + "Height"] == 0,
        element.id + " has zero " + type + " width and height");
 }
 
 function gcs(element, prop)
 {
   var propVal = (element instanceof SVGElement && (prop == "width" || prop == "height")) ?
                    element.getAttribute(prop) : getComputedStyle(element, "")[prop];
-  if (propVal == "auto")
+  if (propVal == "auto" || element.id == "nonappended")
     return 0;
   return parseFloat(propVal);
 }
--- a/gfx/layers/FrameMetrics.h
+++ b/gfx/layers/FrameMetrics.h
@@ -677,38 +677,37 @@ struct FrameMetrics {
   //
   // Please add new fields above this comment.
 
   // Private helpers for IPC purposes
   void SetDoSmoothScroll(bool aValue) { mDoSmoothScroll = aValue; }
 };
 
 struct ScrollSnapInfo {
-  ScrollSnapInfo()
-      : mScrollSnapTypeX(NS_STYLE_SCROLL_SNAP_TYPE_NONE),
-        mScrollSnapTypeY(NS_STYLE_SCROLL_SNAP_TYPE_NONE) {}
+  ScrollSnapInfo() = default;
 
   bool operator==(const ScrollSnapInfo& aOther) const {
     return mScrollSnapTypeX == aOther.mScrollSnapTypeX &&
            mScrollSnapTypeY == aOther.mScrollSnapTypeY &&
            mScrollSnapIntervalX == aOther.mScrollSnapIntervalX &&
            mScrollSnapIntervalY == aOther.mScrollSnapIntervalY &&
            mScrollSnapDestination == aOther.mScrollSnapDestination &&
            mScrollSnapCoordinates == aOther.mScrollSnapCoordinates;
   }
 
   bool HasScrollSnapping() const {
-    return mScrollSnapTypeY != NS_STYLE_SCROLL_SNAP_TYPE_NONE ||
-           mScrollSnapTypeX != NS_STYLE_SCROLL_SNAP_TYPE_NONE;
+    return mScrollSnapTypeY != mozilla::StyleScrollSnapType::None ||
+           mScrollSnapTypeX != mozilla::StyleScrollSnapType::None;
   }
 
   // The scroll frame's scroll-snap-type.
-  // One of NS_STYLE_SCROLL_SNAP_{NONE, MANDATORY, PROXIMITY}.
-  uint8_t mScrollSnapTypeX;
-  uint8_t mScrollSnapTypeY;
+  mozilla::StyleScrollSnapType mScrollSnapTypeX =
+      mozilla::StyleScrollSnapType::None;
+  mozilla::StyleScrollSnapType mScrollSnapTypeY =
+      mozilla::StyleScrollSnapType::None;
 
   // The intervals derived from the scroll frame's scroll-snap-points.
   Maybe<nscoord> mScrollSnapIntervalX;
   Maybe<nscoord> mScrollSnapIntervalY;
 
   // The scroll frame's scroll-snap-destination, in cooked form (to avoid
   // shipping the raw nsStyleCoord::CalcValue over IPC).
   nsPoint mScrollSnapDestination;
--- a/gfx/layers/apz/test/gtest/TestSnapping.cpp
+++ b/gfx/layers/apz/test/gtest/TestSnapping.cpp
@@ -21,17 +21,17 @@ TEST_F(APZCSnappingTester, Bug1265510) {
       CreateLayerTree(layerTreeSyntax, layerVisibleRegion, nullptr, lm, layers);
   SetScrollableFrameMetrics(root, ScrollableLayerGuid::START_SCROLL_ID,
                             CSSRect(0, 0, 100, 200));
   SetScrollableFrameMetrics(layers[1], ScrollableLayerGuid::START_SCROLL_ID + 1,
                             CSSRect(0, 0, 100, 200));
   SetScrollHandoff(layers[1], root);
 
   ScrollSnapInfo snap;
-  snap.mScrollSnapTypeY = NS_STYLE_SCROLL_SNAP_TYPE_MANDATORY;
+  snap.mScrollSnapTypeY = StyleScrollSnapType::Mandatory;
   snap.mScrollSnapIntervalY = Some(100 * AppUnitsPerCSSPixel());
 
   ScrollMetadata metadata = root->GetScrollMetadata(0);
   metadata.SetSnapInfo(ScrollSnapInfo(snap));
   root->SetScrollMetadata(metadata);
 
   UniquePtr<ScopedLayerTreeRegistration> registration =
       MakeUnique<ScopedLayerTreeRegistration>(manager, LayersId{0}, root, mcc);
@@ -91,17 +91,17 @@ TEST_F(APZCSnappingTester, Snap_After_Pi
   };
   root =
       CreateLayerTree(layerTreeSyntax, layerVisibleRegion, nullptr, lm, layers);
   SetScrollableFrameMetrics(root, ScrollableLayerGuid::START_SCROLL_ID,
                             CSSRect(0, 0, 100, 200));
 
   // Set up some basic scroll snapping
   ScrollSnapInfo snap;
-  snap.mScrollSnapTypeY = NS_STYLE_SCROLL_SNAP_TYPE_MANDATORY;
+  snap.mScrollSnapTypeY = StyleScrollSnapType::Mandatory;
   snap.mScrollSnapIntervalY = Some(100 * AppUnitsPerCSSPixel());
 
   // Save the scroll snap info on the root APZC.
   // Also mark the root APZC as "root content", since APZC only allows
   // zooming on the root content APZC.
   ScrollMetadata metadata = root->GetScrollMetadata(0);
   metadata.SetSnapInfo(ScrollSnapInfo(snap));
   metadata.GetMetrics().SetIsRootContent(true);
--- a/gfx/layers/ipc/LayersMessageUtils.h
+++ b/gfx/layers/ipc/LayersMessageUtils.h
@@ -75,16 +75,22 @@ struct ParamTraits<mozilla::layers::Laye
 
 template <>
 struct ParamTraits<mozilla::layers::ScaleMode>
     : public ContiguousEnumSerializerInclusive<
           mozilla::layers::ScaleMode, mozilla::layers::ScaleMode::SCALE_NONE,
           mozilla::layers::kHighestScaleMode> {};
 
 template <>
+struct ParamTraits<mozilla::StyleScrollSnapType>
+    : public ContiguousEnumSerializerInclusive<
+          mozilla::StyleScrollSnapType, mozilla::StyleScrollSnapType::None,
+          mozilla::StyleScrollSnapType::Proximity> {};
+
+template <>
 struct ParamTraits<mozilla::layers::TextureFlags>
     : public BitFlagsEnumSerializer<mozilla::layers::TextureFlags,
                                     mozilla::layers::TextureFlags::ALL_BITS> {};
 
 template <>
 struct ParamTraits<mozilla::layers::DiagnosticTypes>
     : public BitFlagsEnumSerializer<
           mozilla::layers::DiagnosticTypes,
--- a/layout/base/PresShell.cpp
+++ b/layout/base/PresShell.cpp
@@ -3434,27 +3434,25 @@ bool PresShell::ScrollFrameRectIntoView(
   do {
     nsIScrollableFrame* sf = do_QueryFrame(container);
     if (sf) {
       nsPoint oldPosition = sf->GetScrollPosition();
       nsRect targetRect = rect;
       // Inflate the scrolled rect by the container's padding in each dimension,
       // unless we have 'overflow-clip-box-*: content-box' in that dimension.
       auto* disp = container->StyleDisplay();
-      if (disp->mOverflowClipBoxBlock ==
-              NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX ||
-          disp->mOverflowClipBoxInline ==
-              NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX) {
+      if (disp->mOverflowClipBoxBlock == StyleOverflowClipBox::ContentBox ||
+          disp->mOverflowClipBoxInline == StyleOverflowClipBox::ContentBox) {
         WritingMode wm = container->GetWritingMode();
         bool cbH = (wm.IsVertical() ? disp->mOverflowClipBoxBlock
                                     : disp->mOverflowClipBoxInline) ==
-                   NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX;
+                   StyleOverflowClipBox::ContentBox;
         bool cbV = (wm.IsVertical() ? disp->mOverflowClipBoxInline
                                     : disp->mOverflowClipBoxBlock) ==
-                   NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX;
+                   StyleOverflowClipBox::ContentBox;
         nsMargin padding = container->GetUsedPadding();
         if (!cbH) {
           padding.left = padding.right = nscoord(0);
         }
         if (!cbV) {
           padding.top = padding.bottom = nscoord(0);
         }
         targetRect.Inflate(padding);
--- a/layout/base/ScrollStyles.h
+++ b/layout/base/ScrollStyles.h
@@ -3,17 +3,17 @@
 /* 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/. */
 
 #ifndef mozilla_ScrollStyles_h
 #define mozilla_ScrollStyles_h
 
 #include <stdint.h>
-#include "nsStyleConsts.h"  // for NS_STYLE_SCROLL_SNAP_*
+#include "nsStyleConsts.h"
 #include "nsStyleCoord.h"   // for nsStyleCoord
 #include "mozilla/dom/WindowBinding.h"
 
 // Forward declarations
 struct nsStyleDisplay;
 
 namespace mozilla {
 
@@ -22,33 +22,31 @@ struct ScrollStyles {
   // or NS_STYLE_OVERFLOW_AUTO.
   uint8_t mHorizontal;
   uint8_t mVertical;
   // Always one of NS_STYLE_SCROLL_BEHAVIOR_AUTO or
   // NS_STYLE_SCROLL_BEHAVIOR_SMOOTH
   uint8_t mScrollBehavior;
   mozilla::StyleOverscrollBehavior mOverscrollBehaviorX;
   mozilla::StyleOverscrollBehavior mOverscrollBehaviorY;
-  // Always one of NS_STYLE_SCROLL_SNAP_NONE, NS_STYLE_SCROLL_SNAP_MANDATORY,
-  // or NS_STYLE_SCROLL_SNAP_PROXIMITY.
-  uint8_t mScrollSnapTypeX;
-  uint8_t mScrollSnapTypeY;
+  mozilla::StyleScrollSnapType mScrollSnapTypeX;
+  mozilla::StyleScrollSnapType mScrollSnapTypeY;
   nsStyleCoord mScrollSnapPointsX;
   nsStyleCoord mScrollSnapPointsY;
   nsStyleCoord::CalcValue mScrollSnapDestinationX;
   nsStyleCoord::CalcValue mScrollSnapDestinationY;
 
   ScrollStyles(uint8_t aH, uint8_t aV)
       : mHorizontal(aH),
         mVertical(aV),
         mScrollBehavior(NS_STYLE_SCROLL_BEHAVIOR_AUTO),
         mOverscrollBehaviorX(StyleOverscrollBehavior::Auto),
         mOverscrollBehaviorY(StyleOverscrollBehavior::Auto),
-        mScrollSnapTypeX(NS_STYLE_SCROLL_SNAP_TYPE_NONE),
-        mScrollSnapTypeY(NS_STYLE_SCROLL_SNAP_TYPE_NONE),
+        mScrollSnapTypeX(mozilla::StyleScrollSnapType::None),
+        mScrollSnapTypeY(mozilla::StyleScrollSnapType::None),
         mScrollSnapPointsX(nsStyleCoord(eStyleUnit_None)),
         mScrollSnapPointsY(nsStyleCoord(eStyleUnit_None)) {
     mScrollSnapDestinationX.mPercent = 0;
     mScrollSnapDestinationX.mLength = nscoord(0.0f);
     mScrollSnapDestinationX.mHasPercent = false;
     mScrollSnapDestinationY.mPercent = 0;
     mScrollSnapDestinationY.mLength = nscoord(0.0f);
     mScrollSnapDestinationY.mHasPercent = false;
--- a/layout/base/nsPresContext.cpp
+++ b/layout/base/nsPresContext.cpp
@@ -1239,18 +1239,18 @@ gfxSize nsPresContext::ScreenSizeInchesF
 }
 
 static bool CheckOverflow(const nsStyleDisplay* aDisplay,
                           ScrollStyles* aStyles) {
   if (aDisplay->mOverflowX == NS_STYLE_OVERFLOW_VISIBLE &&
       aDisplay->mScrollBehavior == NS_STYLE_SCROLL_BEHAVIOR_AUTO &&
       aDisplay->mOverscrollBehaviorX == StyleOverscrollBehavior::Auto &&
       aDisplay->mOverscrollBehaviorY == StyleOverscrollBehavior::Auto &&
-      aDisplay->mScrollSnapTypeX == NS_STYLE_SCROLL_SNAP_TYPE_NONE &&
-      aDisplay->mScrollSnapTypeY == NS_STYLE_SCROLL_SNAP_TYPE_NONE &&
+      aDisplay->mScrollSnapTypeX == StyleScrollSnapType::None &&
+      aDisplay->mScrollSnapTypeY == StyleScrollSnapType::None &&
       aDisplay->mScrollSnapPointsX == nsStyleCoord(eStyleUnit_None) &&
       aDisplay->mScrollSnapPointsY == nsStyleCoord(eStyleUnit_None) &&
       !aDisplay->mScrollSnapDestination.mXPosition.mHasPercent &&
       !aDisplay->mScrollSnapDestination.mYPosition.mHasPercent &&
       aDisplay->mScrollSnapDestination.mXPosition.mLength == 0 &&
       aDisplay->mScrollSnapDestination.mYPosition.mLength == 0) {
     return false;
   }
--- a/layout/generic/ScrollSnap.cpp
+++ b/layout/generic/ScrollSnap.cpp
@@ -54,17 +54,17 @@ class CalcSnapPoints : public SnappingEd
                        nscoord aScrollingDirection, nscoord* aBestEdge,
                        bool* aEdgeFound);
   nsPoint GetBestEdge() const;
 
  protected:
   nsIScrollableFrame::ScrollUnit mUnit;
   nsPoint mDestination;  // gives the position after scrolling but before
                          // snapping
-  nsPoint mStartPos;  // gives the position before scrolling
+  nsPoint mStartPos;     // gives the position before scrolling
   nsIntPoint mScrollingDirection;  // always -1, 0, or 1
   nsPoint mBestEdge;  // keeps track of the position of the current best edge
   bool mHorizontalEdgeFound;  // true if mBestEdge.x is storing a valid
                               // horizontal edge
   bool mVerticalEdgeFound;    // true if mBestEdge.y is storing a valid vertical
                               // edge
 };
 
@@ -247,18 +247,18 @@ static void ProcessScrollSnapCoordinates
     aCallback.AddHorizontalEdge(snapCoords.y);
   }
 }
 
 Maybe<nsPoint> ScrollSnapUtils::GetSnapPointForDestination(
     const ScrollSnapInfo& aSnapInfo, nsIScrollableFrame::ScrollUnit aUnit,
     const nsSize& aScrollPortSize, const nsRect& aScrollRange,
     const nsPoint& aStartPos, const nsPoint& aDestination) {
-  if (aSnapInfo.mScrollSnapTypeY == NS_STYLE_SCROLL_SNAP_TYPE_NONE &&
-      aSnapInfo.mScrollSnapTypeX == NS_STYLE_SCROLL_SNAP_TYPE_NONE) {
+  if (aSnapInfo.mScrollSnapTypeY == StyleScrollSnapType::None &&
+      aSnapInfo.mScrollSnapTypeX == StyleScrollSnapType::None) {
     return Nothing();
   }
 
   nsPoint destPos = aSnapInfo.mScrollSnapDestination;
 
   CalcSnapPoints calcSnapPoints(aUnit, aDestination, aStartPos);
 
   if (aSnapInfo.mScrollSnapIntervalX.isSome()) {
@@ -271,23 +271,23 @@ Maybe<nsPoint> ScrollSnapUtils::GetSnapP
   }
 
   ProcessScrollSnapCoordinates(calcSnapPoints, aSnapInfo.mScrollSnapCoordinates,
                                destPos);
   bool snapped = false;
   nsPoint finalPos = calcSnapPoints.GetBestEdge();
   nscoord proximityThreshold = gfxPrefs::ScrollSnapProximityThreshold();
   proximityThreshold = nsPresContext::CSSPixelsToAppUnits(proximityThreshold);
-  if (aSnapInfo.mScrollSnapTypeY == NS_STYLE_SCROLL_SNAP_TYPE_PROXIMITY &&
+  if (aSnapInfo.mScrollSnapTypeY == StyleScrollSnapType::Proximity &&
       std::abs(aDestination.y - finalPos.y) > proximityThreshold) {
     finalPos.y = aDestination.y;
   } else {
     snapped = true;
   }
-  if (aSnapInfo.mScrollSnapTypeX == NS_STYLE_SCROLL_SNAP_TYPE_PROXIMITY &&
+  if (aSnapInfo.mScrollSnapTypeX == StyleScrollSnapType::Proximity &&
       std::abs(aDestination.x - finalPos.x) > proximityThreshold) {
     finalPos.x = aDestination.x;
   } else {
     snapped = true;
   }
   return snapped ? Some(finalPos) : Nothing();
 }
 
--- a/layout/generic/nsFrame.cpp
+++ b/layout/generic/nsFrame.cpp
@@ -2317,20 +2317,20 @@ static bool ApplyOverflowClipping(
   nsRect clipRect;
   bool haveRadii = false;
   nscoord radii[8];
   auto* disp = aFrame->StyleDisplay();
   // Only deflate the padding if we clip to the content-box in that axis.
   auto wm = aFrame->GetWritingMode();
   bool cbH = (wm.IsVertical() ? disp->mOverflowClipBoxBlock
                               : disp->mOverflowClipBoxInline) ==
-             NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX;
+             StyleOverflowClipBox::ContentBox;
   bool cbV = (wm.IsVertical() ? disp->mOverflowClipBoxInline
                               : disp->mOverflowClipBoxBlock) ==
-             NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX;
+             StyleOverflowClipBox::ContentBox;
   nsMargin bp = aFrame->GetUsedPadding();
   if (!cbH) {
     bp.left = bp.right = nscoord(0);
   }
   if (!cbV) {
     bp.top = bp.bottom = nscoord(0);
   }
 
@@ -7337,19 +7337,17 @@ void nsIFrame::RootFrameList(nsPresConte
     nsIFrame* frame = shell->GetRootFrame();
     if (frame) {
       frame->List(out, aPrefix);
     }
   }
 }
 #endif
 
-bool nsIFrame::IsVisibleForPainting() {
-  return StyleVisibility()->IsVisible();
-}
+bool nsIFrame::IsVisibleForPainting() { return StyleVisibility()->IsVisible(); }
 
 bool nsIFrame::IsVisibleOrCollapsedForPainting() {
   return StyleVisibility()->IsVisibleOrCollapsed();
 }
 
 /* virtual */ bool nsFrame::IsEmpty() { return false; }
 
 bool nsIFrame::CachedIsEmpty() {
--- a/layout/generic/nsGfxScrollFrame.cpp
+++ b/layout/generic/nsGfxScrollFrame.cpp
@@ -591,29 +591,27 @@ void nsHTMLScrollFrame::ReflowScrolledFr
   // should always set mOverflowArea. In fact nsPluginFrame and nsFrameFrame
   // don't support the 'outline' property because of this. Rather than fix the
   // world right now, just fix up the overflow area if necessary. Note that we
   // don't check HasOverflowRect() because it could be set even though the
   // overflow area doesn't include the frame bounds.
   aMetrics->UnionOverflowAreasWithDesiredBounds();
 
   auto* disp = StyleDisplay();
-  if (MOZ_UNLIKELY(disp->mOverflowClipBoxBlock ==
-                       NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX ||
-                   disp->mOverflowClipBoxInline ==
-                       NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX)) {
+  if (MOZ_UNLIKELY(
+          disp->mOverflowClipBoxBlock == StyleOverflowClipBox::ContentBox ||
+          disp->mOverflowClipBoxInline == StyleOverflowClipBox::ContentBox)) {
     nsOverflowAreas childOverflow;
     nsLayoutUtils::UnionChildOverflow(mHelper.mScrolledFrame, childOverflow);
     nsRect childScrollableOverflow = childOverflow.ScrollableOverflow();
-    if (disp->mOverflowClipBoxBlock == NS_STYLE_OVERFLOW_CLIP_BOX_PADDING_BOX) {
+    if (disp->mOverflowClipBoxBlock == StyleOverflowClipBox::PaddingBox) {
       padding.BStart(wm) = nscoord(0);
       padding.BEnd(wm) = nscoord(0);
     }
-    if (disp->mOverflowClipBoxInline ==
-        NS_STYLE_OVERFLOW_CLIP_BOX_PADDING_BOX) {
+    if (disp->mOverflowClipBoxInline == StyleOverflowClipBox::PaddingBox) {
       padding.IStart(wm) = nscoord(0);
       padding.IEnd(wm) = nscoord(0);
     }
     childScrollableOverflow.Inflate(padding.GetPhysicalMargin(wm));
     nsRect contentArea = wm.IsVertical()
                              ? nsRect(0, 0, computedBSize, availISize)
                              : nsRect(0, 0, availISize, computedBSize);
     if (!contentArea.Contains(childScrollableOverflow)) {
@@ -3358,27 +3356,26 @@ void ScrollFrameHelper::BuildDisplayList
   if (disp && (disp->mWillChangeBitField & NS_STYLE_WILL_CHANGE_SCROLL)) {
     aBuilder->AddToWillChangeBudget(mOuter, GetVisualViewportSize());
   }
 
   mScrollParentID = aBuilder->GetCurrentScrollParentId();
 
   Maybe<nsRect> contentBoxClip;
   Maybe<const DisplayItemClipChain*> extraContentBoxClipForNonCaretContent;
-  if (MOZ_UNLIKELY(disp->mOverflowClipBoxBlock ==
-                       NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX ||
-                   disp->mOverflowClipBoxInline ==
-                       NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX)) {
+  if (MOZ_UNLIKELY(
+          disp->mOverflowClipBoxBlock == StyleOverflowClipBox::ContentBox ||
+          disp->mOverflowClipBoxInline == StyleOverflowClipBox::ContentBox)) {
     WritingMode wm = mScrolledFrame->GetWritingMode();
     bool cbH = (wm.IsVertical() ? disp->mOverflowClipBoxBlock
                                 : disp->mOverflowClipBoxInline) ==
-               NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX;
+               StyleOverflowClipBox::ContentBox;
     bool cbV = (wm.IsVertical() ? disp->mOverflowClipBoxInline
                                 : disp->mOverflowClipBoxBlock) ==
-               NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX;
+               StyleOverflowClipBox::ContentBox;
     // We only clip if there is *scrollable* overflow, to avoid clipping
     // *visual* overflow unnecessarily.
     nsRect clipRect = mScrollPort + aBuilder->ToReferenceFrame(mOuter);
     nsRect so = mScrolledFrame->GetScrollableOverflowRect();
     if ((cbH && (clipRect.width != so.width || so.x < 0)) ||
         (cbV && (clipRect.height != so.height || so.y < 0))) {
       nsMargin padding = mOuter->GetUsedPadding();
       if (!cbH) {
@@ -4070,18 +4067,18 @@ void ScrollFrameHelper::ScrollBy(nsIntPo
       return;
   }
 
   nsPoint newPos = mDestination + nsPoint(aDelta.x * deltaMultiplier.width,
                                           aDelta.y * deltaMultiplier.height);
 
   if (aSnap == nsIScrollableFrame::ENABLE_SNAP) {
     ScrollStyles styles = GetScrollStylesFromFrame();
-    if (styles.mScrollSnapTypeY != NS_STYLE_SCROLL_SNAP_TYPE_NONE ||
-        styles.mScrollSnapTypeX != NS_STYLE_SCROLL_SNAP_TYPE_NONE) {
+    if (styles.mScrollSnapTypeY != StyleScrollSnapType::None ||
+        styles.mScrollSnapTypeX != StyleScrollSnapType::None) {
       nscoord appUnitsPerDevPixel =
           mOuter->PresContext()->AppUnitsPerDevPixel();
       deltaMultiplier = nsSize(appUnitsPerDevPixel, appUnitsPerDevPixel);
       negativeTolerance = 0.1f;
       positiveTolerance = 0;
       nsIScrollableFrame::ScrollUnit snapUnit = aUnit;
       if (aOrigin == nsGkAtoms::mouseWheel) {
         // When using a clicky scroll wheel, snap point selection works the same
@@ -4516,18 +4513,18 @@ nsresult ScrollFrameHelper::CreateAnonym
 
   // Check if the frame is resizable. Note:
   // "The effect of the resize property on generated content is undefined.
   //  Implementations should not apply the resize property to generated
   //  content." [1]
   // For info on what is generated content, see [2].
   // [1]: https://drafts.csswg.org/css-ui/#resize
   // [2]: https://www.w3.org/TR/CSS2/generate.html#content
-  int8_t resizeStyle = mOuter->StyleDisplay()->mResize;
-  bool isResizable = resizeStyle != NS_STYLE_RESIZE_NONE &&
+  auto resizeStyle = mOuter->StyleDisplay()->mResize;
+  bool isResizable = resizeStyle != StyleResize::None &&
                      !mOuter->HasAnyStateBits(NS_FRAME_GENERATED_CONTENT);
 
   nsIScrollableFrame* scrollable = do_QueryFrame(mOuter);
 
   // If we're the scrollframe for the root, then we want to construct
   // our scrollbar frames no matter what.  That way later dynamic
   // changes to propagated overflow styles will show or hide
   // scrollbars on the viewport without requiring frame reconstruction
@@ -4620,31 +4617,31 @@ nsresult ScrollFrameHelper::CreateAnonym
     nodeInfo = nodeInfoManager->GetNodeInfo(
         nsGkAtoms::resizer, nullptr, kNameSpaceID_XUL, nsINode::ELEMENT_NODE);
     NS_ENSURE_TRUE(nodeInfo, NS_ERROR_OUT_OF_MEMORY);
 
     NS_TrustedNewXULElement(getter_AddRefs(mResizerContent), nodeInfo.forget());
 
     nsAutoString dir;
     switch (resizeStyle) {
-      case NS_STYLE_RESIZE_HORIZONTAL:
+      case StyleResize::Horizontal:
         if (IsScrollbarOnRight()) {
           dir.AssignLiteral("right");
         } else {
           dir.AssignLiteral("left");
         }
         break;
-      case NS_STYLE_RESIZE_VERTICAL:
+      case StyleResize::Vertical:
         dir.AssignLiteral("bottom");
         if (!IsScrollbarOnRight()) {
           mResizerContent->SetAttr(kNameSpaceID_None, nsGkAtoms::flip,
                                    EmptyString(), false);
         }
         break;
-      case NS_STYLE_RESIZE_BOTH:
+      case StyleResize::Both:
         if (IsScrollbarOnRight()) {
           dir.AssignLiteral("bottomright");
         } else {
           dir.AssignLiteral("bottomleft");
         }
         break;
       default:
         NS_WARNING("only resizable types should have resizers");
@@ -6246,18 +6243,18 @@ static void CollectScrollSnapCoordinates
 }
 
 static layers::ScrollSnapInfo ComputeScrollSnapInfo(
     const ScrollFrameHelper& aScrollFrame) {
   ScrollSnapInfo result;
 
   ScrollStyles styles = aScrollFrame.GetScrollStylesFromFrame();
 
-  if (styles.mScrollSnapTypeY == NS_STYLE_SCROLL_SNAP_TYPE_NONE &&
-      styles.mScrollSnapTypeX == NS_STYLE_SCROLL_SNAP_TYPE_NONE) {
+  if (styles.mScrollSnapTypeY == StyleScrollSnapType::None &&
+      styles.mScrollSnapTypeX == StyleScrollSnapType::None) {
     // We won't be snapping, short-circuit the computation.
     return result;
   }
 
   result.mScrollSnapTypeX = styles.mScrollSnapTypeX;
   result.mScrollSnapTypeY = styles.mScrollSnapTypeY;
 
   nsSize scrollPortSize = aScrollFrame.GetScrollPortRect().Size();
--- a/layout/reftests/cssom/computed-style-cross-window-ref.html
+++ b/layout/reftests/cssom/computed-style-cross-window-ref.html
@@ -13,38 +13,30 @@ var gRunCount = 2;
 function run() {
   if (--gRunCount != 0)
     return;
 
   var i = document.getElementById("i");
 
   var pout = document.getElementById("out");
   var poutnone = document.getElementById("outnone");
-  var poutdet = document.createElement("p");
   var pin = i.contentDocument.getElementsByTagName("p")[0];
   var pinnone = i.contentDocument.getElementsByTagName("p")[1];
-  var pindet = i.contentDocument.createElement("p");
 
   document.getElementById("res1").style.color =
     window.getComputedStyle(pin).color;
 
   document.getElementById("res2").style.color =
     i.contentWindow.getComputedStyle(pout).color;
 
   document.getElementById("res3").style.color =
     window.getComputedStyle(pinnone).color;
 
   document.getElementById("res4").style.color =
     i.contentWindow.getComputedStyle(poutnone).color;
-
-  document.getElementById("res5").style.color =
-    window.getComputedStyle(pindet).color;
-
-  document.getElementById("res6").style.color =
-    i.contentWindow.getComputedStyle(poutdet).color;
 }
 
 </script>
 <body onload="run()">
 
 <p id="out">This is a paragraph outside the iframe.</p>
 <div style="display:none"><p id="outnone">This is a paragraph outside the iframe.</p></div>
 
@@ -60,16 +52,8 @@ is.</div>
 
 <div style="color:fuchsia">This paragraph is the color that
 outerWindow.getComputedStyle says the display:none paragraph inside the
 iframe is.</div>
 
 <div style="color:blue">This paragraph is the color that
 iframeWindow.getComputedStyle says the display:none paragraph outside
 the iframe is.</div>
-
-<div style="color:blue">This paragraph is the color that
-outerWindow.getComputedStyle says the detached paragraph inside the
-iframe is.</div>
-
-<div style="color:fuchsia">This paragraph is the color that
-iframeWindow.getComputedStyle says the detached paragraph outside
-the iframe is.</div>
--- a/layout/reftests/cssom/computed-style-cross-window.html
+++ b/layout/reftests/cssom/computed-style-cross-window.html
@@ -14,39 +14,31 @@ var gRunCount = 2;
 function run() {
   if (--gRunCount != 0)
     return;
 
   var i = document.getElementById("i");
 
   var pout = document.getElementById("out");
   var poutnone = document.getElementById("outnone");
-  var poutdet = document.createElement("p");
   var pin = i.contentDocument.getElementsByTagName("p")[0];
   var pinnone = i.contentDocument.getElementsByTagName("p")[1];
-  var pindet = i.contentDocument.createElement("p");
 
   document.getElementById("res1").style.color =
     window.getComputedStyle(pin).color;
 
   document.getElementById("res2").style.color =
     i.contentWindow.getComputedStyle(pout).color;
 
   document.getElementById("res3").style.color =
     window.getComputedStyle(pinnone).color;
 
   document.getElementById("res4").style.color =
     i.contentWindow.getComputedStyle(poutnone).color;
 
-  document.getElementById("res5").style.color =
-    window.getComputedStyle(pindet).color;
-
-  document.getElementById("res6").style.color =
-    i.contentWindow.getComputedStyle(poutdet).color;
-
   document.documentElement.removeAttribute("class");
 }
 
 </script>
 <body onload="run()">
 
 <p id="out">This is a paragraph outside the iframe.</p>
 <div style="display:none"><p id="outnone">This is a paragraph outside the iframe.</p></div>
@@ -63,16 +55,8 @@ is.</div>
 
 <div id="res3">This paragraph is the color that
 outerWindow.getComputedStyle says the display:none paragraph inside the
 iframe is.</div>
 
 <div id="res4">This paragraph is the color that
 iframeWindow.getComputedStyle says the display:none paragraph outside
 the iframe is.</div>
-
-<div id="res5">This paragraph is the color that
-outerWindow.getComputedStyle says the detached paragraph inside the
-iframe is.</div>
-
-<div id="res6">This paragraph is the color that
-iframeWindow.getComputedStyle says the detached paragraph outside
-the iframe is.</div>
--- a/layout/style/ServoBindings.toml
+++ b/layout/style/ServoBindings.toml
@@ -398,16 +398,22 @@ cbindgen-types = [
     { gecko = "StylePathCommand", servo = "values::specified::svg_path::PathCommand" },
     { gecko = "StyleUnicodeRange", servo = "cssparser::UnicodeRange" },
     { gecko = "StyleOverflowWrap", servo = "values::computed::OverflowWrap" },
     { gecko = "StyleUserSelect", servo = "values::computed::UserSelect" },
     { gecko = "StyleBreakBetween", servo = "values::computed::BreakBetween" },
     { gecko = "StyleBreakWithin", servo = "values::computed::BreakWithin" },
     { gecko = "StyleBorderStyle", servo = "values::computed::BorderStyle" },
     { gecko = "StyleOutlineStyle", servo = "values::computed::OutlineStyle" },
+    { gecko = "StyleScrollSnapType", servo = "values::computed::ScrollSnapType" },
+    { gecko = "StyleResize", servo = "values::computed::Resize" },
+    { gecko = "StyleOverflowClipBox", servo = "values::computed::OverflowClipBox" },
+    { gecko = "StyleFloat", servo = "values::computed::Float" },
+    { gecko = "StyleOverscrollBehavior", servo = "values::computed::OverscrollBehavior" },
+    { gecko = "StyleTextAlign", servo = "values::computed::TextAlign" },
 ]
 
 mapped-generic-types = [
     { generic = true, gecko = "mozilla::RustCell", servo = "::std::cell::Cell" },
     { generic = false, gecko = "ServoNodeData", servo = "AtomicRefCell<ElementData>" },
     { generic = false, gecko = "mozilla::ServoWritingMode", servo = "::logical_geometry::WritingMode" },
     { generic = false, gecko = "mozilla::ServoCustomPropertiesMap", servo = "Option<::servo_arc::Arc<::custom_properties::CustomPropertiesMap>>" },
     { generic = false, gecko = "mozilla::ServoRuleNode", servo = "Option<::rule_tree::StrongRuleNode>" },
--- a/layout/style/ServoCSSPropList.mako.py
+++ b/layout/style/ServoCSSPropList.mako.py
@@ -118,16 +118,21 @@ SERIALIZED_PREDEFINED_TYPES = [
     "TransformStyle",
     "UserSelect",
     "background::BackgroundSize",
     "basic_shape::ClippingShape",
     "basic_shape::FloatAreaShape",
     "position::HorizontalPosition",
     "position::VerticalPosition",
     "url::ImageUrlOrNone",
+    "Appearance",
+    "OverscrollBehavior",
+    "OverflowClipBox",
+    "ScrollSnapType",
+    "Float",
 ]
 
 def serialized_by_servo(prop):
     # If the property requires layout information, no such luck.
     if "GETCS_NEEDS_LAYOUT_FLUSH" in prop.flags:
         return False
     if prop.type() == "shorthand":
         # FIXME: Need to serialize a value interpolated with currentcolor
--- a/layout/style/nsCSSKeywordList.h
+++ b/layout/style/nsCSSKeywordList.h
@@ -54,19 +54,16 @@ CSS_KEY(-moz-inline-grid, _moz_inline_gr
 CSS_KEY(-moz-inline-stack, _moz_inline_stack)
 CSS_KEY(-moz-left, _moz_left)
 CSS_KEY(-moz-max-content, _moz_max_content)
 CSS_KEY(-moz-middle-with-baseline, _moz_middle_with_baseline)
 CSS_KEY(-moz-min-content, _moz_min_content)
 CSS_KEY(-moz-none, _moz_none)
 CSS_KEY(-moz-popup, _moz_popup)
 CSS_KEY(-moz-right, _moz_right)
-CSS_KEY(-moz-scrollbars-horizontal, _moz_scrollbars_horizontal)
-CSS_KEY(-moz-scrollbars-none, _moz_scrollbars_none)
-CSS_KEY(-moz-scrollbars-vertical, _moz_scrollbars_vertical)
 CSS_KEY(-moz-stack, _moz_stack)
 CSS_KEY(-moz-zoom-in, _moz_zoom_in)
 CSS_KEY(-moz-zoom-out, _moz_zoom_out)
 CSS_KEY(-webkit-box, _webkit_box)
 CSS_KEY(-webkit-flex, _webkit_flex)
 CSS_KEY(-webkit-inline-box, _webkit_inline_box)
 CSS_KEY(-webkit-inline-flex, _webkit_inline_flex)
 CSS_KEY(alias, alias)
@@ -81,19 +78,17 @@ CSS_KEY(bottom, bottom)
 CSS_KEY(brightness, brightness)
 CSS_KEY(cell, cell)
 CSS_KEY(center, center)
 CSS_KEY(circle, circle)
 CSS_KEY(clip, clip)
 CSS_KEY(closest-side, closest_side)
 CSS_KEY(col-resize, col_resize)
 CSS_KEY(column, column)
-CSS_KEY(contain, contain)
 CSS_KEY(content, content)
-CSS_KEY(content-box, content_box)
 CSS_KEY(contents, contents)
 CSS_KEY(context-fill, context_fill)
 CSS_KEY(context-menu, context_menu)
 CSS_KEY(context-stroke, context_stroke)
 CSS_KEY(contrast, contrast)
 CSS_KEY(copy, copy)
 CSS_KEY(crosshair, crosshair)
 CSS_KEY(dashed, dashed)
@@ -115,17 +110,16 @@ CSS_KEY(filled, filled)
 CSS_KEY(flex, flex)
 CSS_KEY(flex-end, flex_end)
 CSS_KEY(flex-start, flex_start)
 CSS_KEY(flow-root, flow_root)
 CSS_KEY(grab, grab)
 CSS_KEY(grabbing, grabbing)
 CSS_KEY(grayscale, grayscale)
 CSS_KEY(grid, grid)
-CSS_KEY(groove, groove)
 CSS_KEY(help, help)
 CSS_KEY(hidden, hidden)
 CSS_KEY(hue-rotate, hue_rotate)
 CSS_KEY(infinite, infinite)
 CSS_KEY(inline, inline)
 CSS_KEY(inline-block, inline_block)
 CSS_KEY(inline-flex, inline_flex)
 CSS_KEY(inline-grid, inline_grid)
@@ -136,17 +130,16 @@ CSS_KEY(accumulatematrix, accumulatematr
 CSS_KEY(invert, invert)
 CSS_KEY(justify, justify)
 CSS_KEY(last baseline, last_baseline) // only used for DevTools auto-completion
 CSS_KEY(layout, layout)
 CSS_KEY(left, left)
 CSS_KEY(legacy, legacy)
 CSS_KEY(line-through, line_through)
 CSS_KEY(list-item, list_item)
-CSS_KEY(mandatory, mandatory)
 CSS_KEY(manipulation, manipulation)
 CSS_KEY(matrix, matrix)
 CSS_KEY(matrix3d, matrix3d)
 CSS_KEY(max-content, max_content)
 CSS_KEY(middle, middle)
 CSS_KEY(min-content, min_content)
 CSS_KEY(move, move)
 CSS_KEY(n-resize, n_resize)
@@ -156,29 +149,25 @@ CSS_KEY(no-drop, no_drop)
 CSS_KEY(none, none)
 CSS_KEY(normal, normal)
 CSS_KEY(not-allowed, not_allowed)
 CSS_KEY(ns-resize, ns_resize)
 CSS_KEY(nw-resize, nw_resize)
 CSS_KEY(nwse-resize, nwse_resize)
 CSS_KEY(opacity, opacity)
 CSS_KEY(open, open)
-CSS_KEY(outset, outset)
 CSS_KEY(over, over)
 CSS_KEY(overline, overline)
 CSS_KEY(paint, paint)
-CSS_KEY(padding-box, padding_box)
 CSS_KEY(pan-x, pan_x)
 CSS_KEY(pan-y, pan_y)
 CSS_KEY(perspective, perspective)
 CSS_KEY(pointer, pointer)
 CSS_KEY(polygon, polygon)
 CSS_KEY(progress, progress)
-CSS_KEY(proximity, proximity)
-CSS_KEY(ridge, ridge)
 CSS_KEY(right, right)
 CSS_KEY(rotate, rotate)
 CSS_KEY(rotate3d, rotate3d)
 CSS_KEY(rotatex, rotatex)
 CSS_KEY(rotatey, rotatey)
 CSS_KEY(rotatez, rotatez)
 CSS_KEY(row, row)
 CSS_KEY(row-resize, row_resize)
@@ -200,17 +189,16 @@ CSS_KEY(se-resize, se_resize)
 CSS_KEY(self-end, self_end)
 CSS_KEY(self-start, self_start)
 CSS_KEY(sepia, sepia)
 CSS_KEY(sesame, sesame)
 CSS_KEY(size, size)
 CSS_KEY(skew, skew)
 CSS_KEY(skewx, skewx)
 CSS_KEY(skewy, skewy)
-CSS_KEY(small-caps, small_caps)
 CSS_KEY(solid, solid)
 CSS_KEY(space-around, space_around)
 CSS_KEY(space-between, space_between)
 CSS_KEY(space-evenly, space_evenly)
 CSS_KEY(span, span)
 CSS_KEY(start, start)
 CSS_KEY(stretch, stretch)
 CSS_KEY(strict, strict)
--- a/layout/style/nsCSSProps.cpp
+++ b/layout/style/nsCSSProps.cpp
@@ -442,42 +442,25 @@ const KTableEntry nsCSSProps::kContainKT
     {eCSSKeyword_strict, NS_STYLE_CONTAIN_STRICT},
     {eCSSKeyword_content, NS_STYLE_CONTAIN_CONTENT},
     {eCSSKeyword_layout, NS_STYLE_CONTAIN_LAYOUT},
     {eCSSKeyword_style, NS_STYLE_CONTAIN_STYLE},
     {eCSSKeyword_paint, NS_STYLE_CONTAIN_PAINT},
     {eCSSKeyword_size, NS_STYLE_CONTAIN_SIZE},
     {eCSSKeyword_UNKNOWN, -1}};
 
-const KTableEntry nsCSSProps::kOverflowClipBoxKTable[] = {
-    {eCSSKeyword_padding_box, NS_STYLE_OVERFLOW_CLIP_BOX_PADDING_BOX},
-    {eCSSKeyword_content_box, NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX},
-    {eCSSKeyword_UNKNOWN, -1}};
-
 const KTableEntry nsCSSProps::kOverflowSubKTable[] = {
     {eCSSKeyword_auto, NS_STYLE_OVERFLOW_AUTO},
     {eCSSKeyword_visible, NS_STYLE_OVERFLOW_VISIBLE},
     {eCSSKeyword_hidden, NS_STYLE_OVERFLOW_HIDDEN},
     {eCSSKeyword_scroll, NS_STYLE_OVERFLOW_SCROLL},
     // Deprecated:
     {eCSSKeyword__moz_hidden_unscrollable, NS_STYLE_OVERFLOW_CLIP},
     {eCSSKeyword_UNKNOWN, -1}};
 
-const KTableEntry nsCSSProps::kOverscrollBehaviorKTable[] = {
-    {eCSSKeyword_auto, StyleOverscrollBehavior::Auto},
-    {eCSSKeyword_contain, StyleOverscrollBehavior::Contain},
-    {eCSSKeyword_none, StyleOverscrollBehavior::None},
-    {eCSSKeyword_UNKNOWN, -1}};
-
-const KTableEntry nsCSSProps::kScrollSnapTypeKTable[] = {
-    {eCSSKeyword_none, NS_STYLE_SCROLL_SNAP_TYPE_NONE},
-    {eCSSKeyword_mandatory, NS_STYLE_SCROLL_SNAP_TYPE_MANDATORY},
-    {eCSSKeyword_proximity, NS_STYLE_SCROLL_SNAP_TYPE_PROXIMITY},
-    {eCSSKeyword_UNKNOWN, -1}};
-
 const KTableEntry nsCSSProps::kTextAlignKTable[] = {
     {eCSSKeyword_left, NS_STYLE_TEXT_ALIGN_LEFT},
     {eCSSKeyword_right, NS_STYLE_TEXT_ALIGN_RIGHT},
     {eCSSKeyword_center, NS_STYLE_TEXT_ALIGN_CENTER},
     {eCSSKeyword_justify, NS_STYLE_TEXT_ALIGN_JUSTIFY},
     {eCSSKeyword__moz_center, NS_STYLE_TEXT_ALIGN_MOZ_CENTER},
     {eCSSKeyword__moz_right, NS_STYLE_TEXT_ALIGN_MOZ_RIGHT},
     {eCSSKeyword__moz_left, NS_STYLE_TEXT_ALIGN_MOZ_LEFT},
--- a/layout/style/nsCSSProps.h
+++ b/layout/style/nsCSSProps.h
@@ -312,19 +312,16 @@ class nsCSSProps {
   // ------------------------------------------------------------------
   // clang-format on
   static const KTableEntry kFontSmoothingKTable[];
   static const KTableEntry kGridAutoFlowKTable[];
   static const KTableEntry kGridTrackBreadthKTable[];
   static const KTableEntry kLineHeightKTable[];
   static const KTableEntry kContainKTable[];
   static const KTableEntry kOverflowSubKTable[];
-  static const KTableEntry kOverflowClipBoxKTable[];
-  static const KTableEntry kOverscrollBehaviorKTable[];
-  static const KTableEntry kScrollSnapTypeKTable[];
   static const KTableEntry kTextAlignKTable[];
   static const KTableEntry kTextDecorationLineKTable[];
   static const KTableEntry kTextDecorationStyleKTable[];
   static const KTableEntry kTextEmphasisStyleShapeKTable[];
   static const KTableEntry kTextOverflowKTable[];
   static const KTableEntry kTouchActionKTable[];
   static const KTableEntry kVerticalAlignKTable[];
   static const KTableEntry kWidthKTable[];  // also min-width, max-width
--- a/layout/style/nsComputedDOMStyle.cpp
+++ b/layout/style/nsComputedDOMStyle.cpp
@@ -503,21 +503,22 @@ already_AddRefed<ComputedStyle> nsComput
     }
   }
 
   CSSPseudoElementType pseudoType = GetPseudoType(aPseudo);
   if (aPseudo && pseudoType >= CSSPseudoElementType::Count) {
     return nullptr;
   }
 
-  if (aElement->IsInNativeAnonymousSubtree() && !aElement->IsInComposedDoc()) {
-    // Normal web content can't access NAC, but Accessibility, DevTools and
-    // Editor use this same API and this may get called for anonymous content.
-    // Computing the style of a pseudo-element that doesn't have a parent
-    // doesn't really make sense.
+  if (!aElement->IsInComposedDoc()) {
+    // Don't return styles for disconnected elements, that makes no sense. This
+    // can only happen with a non-null presShell for cross-document calls.
+    //
+    // FIXME(emilio, bug 1483798): This should also not return styles for
+    // elements outside of the flat tree, not just outside of the document.
     return nullptr;
   }
 
   // XXX the !aElement->IsHTMLElement(nsGkAtoms::area)
   // check is needed due to bug 135040 (to avoid using
   // mPrimaryFrame). Remove it once that's fixed.
   if (inDocWithShell && aStyleType == eAll &&
       !aElement->IsHTMLElement(nsGkAtoms::area)) {
@@ -1861,46 +1862,16 @@ already_AddRefed<CSSValue> nsComputedDOM
 already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetMarginLeftWidth() {
   return GetMarginWidthFor(eSideLeft);
 }
 
 already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetMarginRightWidth() {
   return GetMarginWidthFor(eSideRight);
 }
 
-already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetOverscrollBehaviorX() {
-  RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
-  val->SetIdent(
-      nsCSSProps::ValueToKeywordEnum(StyleDisplay()->mOverscrollBehaviorX,
-                                     nsCSSProps::kOverscrollBehaviorKTable));
-  return val.forget();
-}
-
-already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetOverscrollBehaviorY() {
-  RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
-  val->SetIdent(
-      nsCSSProps::ValueToKeywordEnum(StyleDisplay()->mOverscrollBehaviorY,
-                                     nsCSSProps::kOverscrollBehaviorKTable));
-  return val.forget();
-}
-
-already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetScrollSnapTypeX() {
-  RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
-  val->SetIdent(nsCSSProps::ValueToKeywordEnum(
-      StyleDisplay()->mScrollSnapTypeX, nsCSSProps::kScrollSnapTypeKTable));
-  return val.forget();
-}
-
-already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetScrollSnapTypeY() {
-  RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
-  val->SetIdent(nsCSSProps::ValueToKeywordEnum(
-      StyleDisplay()->mScrollSnapTypeY, nsCSSProps::kScrollSnapTypeKTable));
-  return val.forget();
-}
-
 already_AddRefed<CSSValue> nsComputedDOMStyle::GetScrollSnapPoints(
     const nsStyleCoord& aCoord) {
   RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
   if (aCoord.GetUnit() == eStyleUnit_None) {
     val->SetIdent(eCSSKeyword_none);
   } else {
     nsAutoString argumentString;
     SetCssTextToCoord(argumentString, aCoord, true);
@@ -2546,32 +2517,16 @@ already_AddRefed<CSSValue> nsComputedDOM
 
 already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetOverflowY() {
   RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
   val->SetIdent(nsCSSProps::ValueToKeywordEnum(StyleDisplay()->mOverflowY,
                                                nsCSSProps::kOverflowSubKTable));
   return val.forget();
 }
 
-already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetOverflowClipBoxBlock() {
-  RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
-  val->SetIdent(
-      nsCSSProps::ValueToKeywordEnum(StyleDisplay()->mOverflowClipBoxBlock,
-                                     nsCSSProps::kOverflowClipBoxKTable));
-  return val.forget();
-}
-
-already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetOverflowClipBoxInline() {
-  RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
-  val->SetIdent(
-      nsCSSProps::ValueToKeywordEnum(StyleDisplay()->mOverflowClipBoxInline,
-                                     nsCSSProps::kOverflowClipBoxKTable));
-  return val.forget();
-}
-
 already_AddRefed<CSSValue> nsComputedDOMStyle::DoGetTouchAction() {
   RefPtr<nsROCSSPrimitiveValue> val = new nsROCSSPrimitiveValue;
 
   int32_t intValue = StyleDisplay()->mTouchAction;
 
   // None and Auto and Manipulation values aren't allowed
   // to be in conjunction with other values.
   // But there are all checks in CSSParserImpl::ParseTouchAction
--- a/layout/style/nsComputedDOMStyle.h
+++ b/layout/style/nsComputedDOMStyle.h
@@ -329,27 +329,21 @@ class nsComputedDOMStyle final : public 
   already_AddRefed<CSSValue> DoGetWebkitTextStrokeWidth();
 
   /* Display properties */
   already_AddRefed<CSSValue> DoGetBinding();
   already_AddRefed<CSSValue> DoGetDisplay();
   already_AddRefed<CSSValue> DoGetContain();
   already_AddRefed<CSSValue> DoGetWillChange();
   already_AddRefed<CSSValue> DoGetOverflowY();
-  already_AddRefed<CSSValue> DoGetOverflowClipBoxBlock();
-  already_AddRefed<CSSValue> DoGetOverflowClipBoxInline();
   already_AddRefed<CSSValue> DoGetTouchAction();
   already_AddRefed<CSSValue> DoGetTransform();
   already_AddRefed<CSSValue> DoGetTransformOrigin();
   already_AddRefed<CSSValue> DoGetPerspective();
   already_AddRefed<CSSValue> DoGetPerspectiveOrigin();
-  already_AddRefed<CSSValue> DoGetOverscrollBehaviorX();
-  already_AddRefed<CSSValue> DoGetOverscrollBehaviorY();
-  already_AddRefed<CSSValue> DoGetScrollSnapTypeX();
-  already_AddRefed<CSSValue> DoGetScrollSnapTypeY();
   already_AddRefed<CSSValue> DoGetScrollSnapPointsX();
   already_AddRefed<CSSValue> DoGetScrollSnapPointsY();
   already_AddRefed<CSSValue> DoGetScrollbarColor();
 
   /* User interface properties */
   already_AddRefed<CSSValue> DoGetCaretColor();
   already_AddRefed<CSSValue> DoGetCursor();
   already_AddRefed<CSSValue> DoGetForceBrokenImageIcon();
--- a/layout/style/nsStyleConsts.h
+++ b/layout/style/nsStyleConsts.h
@@ -137,24 +137,16 @@ enum class StyleGeometryBox : uint8_t {
                           // background-clip is 'padding' when we have a solid
                           // border" optimization.  This isn't actually equal
                           // to StyleGeometryBox::Padding because using that
                           // causes antialiasing seams between the background
                           // and border.
                           // background-clip only.
 };
 
-// float
-// https://developer.mozilla.org/en-US/docs/Web/CSS/float
-enum class StyleFloat : uint8_t {
-  None,
-  Left,
-  Right,
-};
-
 // float-edge
 enum class StyleFloatEdge : uint8_t {
   ContentBox,
   MarginBox,
 };
 
 // Hyphens
 enum class StyleHyphens : uint8_t {
@@ -569,20 +561,16 @@ enum class StyleGridTrackBreadth : uint8
 #define NS_STYLE_OVERFLOW_VISIBLE 0
 #define NS_STYLE_OVERFLOW_HIDDEN 1
 #define NS_STYLE_OVERFLOW_SCROLL 2
 #define NS_STYLE_OVERFLOW_AUTO 3
 #define NS_STYLE_OVERFLOW_CLIP 4
 #define NS_STYLE_OVERFLOW_SCROLLBARS_HORIZONTAL 5
 #define NS_STYLE_OVERFLOW_SCROLLBARS_VERTICAL 6
 
-// See nsStyleDisplay.mOverflowClipBox
-#define NS_STYLE_OVERFLOW_CLIP_BOX_PADDING_BOX 0
-#define NS_STYLE_OVERFLOW_CLIP_BOX_CONTENT_BOX 1
-
 // See nsStyleList
 #define NS_STYLE_LIST_STYLE_CUSTOM -1  // for @counter-style
 #define NS_STYLE_LIST_STYLE_NONE 0
 #define NS_STYLE_LIST_STYLE_DECIMAL 1
 #define NS_STYLE_LIST_STYLE_DISC 2
 #define NS_STYLE_LIST_STYLE_CIRCLE 3
 #define NS_STYLE_LIST_STYLE_SQUARE 4
 #define NS_STYLE_LIST_STYLE_DISCLOSURE_CLOSED 5
@@ -631,22 +619,16 @@ enum class StyleGridTrackBreadth : uint8
 
 // See nsStylePosition.mObjectFit
 #define NS_STYLE_OBJECT_FIT_FILL 0
 #define NS_STYLE_OBJECT_FIT_CONTAIN 1
 #define NS_STYLE_OBJECT_FIT_COVER 2
 #define NS_STYLE_OBJECT_FIT_NONE 3
 #define NS_STYLE_OBJECT_FIT_SCALE_DOWN 4
 
-// See nsStyleDisplay
-#define NS_STYLE_RESIZE_NONE 0
-#define NS_STYLE_RESIZE_BOTH 1
-#define NS_STYLE_RESIZE_HORIZONTAL 2
-#define NS_STYLE_RESIZE_VERTICAL 3
-
 // See nsStyleText
 #define NS_STYLE_TEXT_ALIGN_START 0
 #define NS_STYLE_TEXT_ALIGN_LEFT 1
 #define NS_STYLE_TEXT_ALIGN_RIGHT 2
 #define NS_STYLE_TEXT_ALIGN_CENTER 3
 #define NS_STYLE_TEXT_ALIGN_JUSTIFY 4
 #define NS_STYLE_TEXT_ALIGN_CHAR \
   5  // align based on a certain character, for table cell
@@ -1019,23 +1001,11 @@ enum class StyleTextRendering : uint8_t 
 #define NS_STYLE_COUNTER_SPEAKAS_WORDS 2
 #define NS_STYLE_COUNTER_SPEAKAS_SPELL_OUT 3
 #define NS_STYLE_COUNTER_SPEAKAS_OTHER 255  // refer to another style
 
 // See nsStyleDisplay::mScrollBehavior
 #define NS_STYLE_SCROLL_BEHAVIOR_AUTO 0
 #define NS_STYLE_SCROLL_BEHAVIOR_SMOOTH 1
 
-// See nsStyleDisplay::mOverscrollBehavior{X,Y}
-enum class StyleOverscrollBehavior : uint8_t {
-  Auto = 0,
-  Contain,
-  None,
-};
-
-// See nsStyleDisplay::mScrollSnapType{X,Y}
-#define NS_STYLE_SCROLL_SNAP_TYPE_NONE 0
-#define NS_STYLE_SCROLL_SNAP_TYPE_MANDATORY 1
-#define NS_STYLE_SCROLL_SNAP_TYPE_PROXIMITY 2
-
 }  // namespace mozilla
 
 #endif /* nsStyleConsts_h___ */
--- a/layout/style/nsStyleStruct.cpp
+++ b/layout/style/nsStyleStruct.cpp
@@ -2974,29 +2974,29 @@ nsStyleDisplay::nsStyleDisplay(const nsP
       mFloat(StyleFloat::None),
       mOriginalFloat(StyleFloat::None),
       mBreakType(StyleClear::None),
       mBreakInside(StyleBreakWithin::Auto),
       mBreakBefore(StyleBreakBetween::Auto),
       mBreakAfter(StyleBreakBetween::Auto),
       mOverflowX(NS_STYLE_OVERFLOW_VISIBLE),
       mOverflowY(NS_STYLE_OVERFLOW_VISIBLE),
-      mOverflowClipBoxBlock(NS_STYLE_OVERFLOW_CLIP_BOX_PADDING_BOX),
-      mOverflowClipBoxInline(NS_STYLE_OVERFLOW_CLIP_BOX_PADDING_BOX),
-      mResize(NS_STYLE_RESIZE_NONE),
+      mOverflowClipBoxBlock(StyleOverflowClipBox::PaddingBox),
+      mOverflowClipBoxInline(StyleOverflowClipBox::PaddingBox),
+      mResize(StyleResize::None),
       mOrient(StyleOrient::Inline),
       mIsolation(NS_STYLE_ISOLATION_AUTO),
       mTopLayer(NS_STYLE_TOP_LAYER_NONE),
       mWillChangeBitField(0),
       mTouchAction(NS_STYLE_TOUCH_ACTION_AUTO),
       mScrollBehavior(NS_STYLE_SCROLL_BEHAVIOR_AUTO),
       mOverscrollBehaviorX(StyleOverscrollBehavior::Auto),
       mOverscrollBehaviorY(StyleOverscrollBehavior::Auto),
-      mScrollSnapTypeX(NS_STYLE_SCROLL_SNAP_TYPE_NONE),
-      mScrollSnapTypeY(NS_STYLE_SCROLL_SNAP_TYPE_NONE),
+      mScrollSnapTypeX(StyleScrollSnapType::None),
+      mScrollSnapTypeY(StyleScrollSnapType::None),
       mScrollSnapPointsX(eStyleUnit_None),
       mScrollSnapPointsY(eStyleUnit_None),
       mBackfaceVisibility(NS_STYLE_BACKFACE_VISIBILITY_VISIBLE),
       mTransformStyle(NS_STYLE_TRANSFORM_STYLE_FLAT),
       mTransformBox(StyleGeometryBox::BorderBox),
       mTransformOrigin{
           {0.5f, eStyleUnit_Percent},  // Transform is centered on origin
           {0.5f, eStyleUnit_Percent},
--- a/layout/style/nsStyleStruct.h
+++ b/layout/style/nsStyleStruct.h
@@ -1897,38 +1897,38 @@ struct MOZ_NEEDS_MEMMOVABLE_MEMBERS nsSt
   mozilla::StyleFloat mFloat;
   // Save mFloat for position:absolute/fixed; otherwise equal to mFloat.
   mozilla::StyleFloat mOriginalFloat;
 
   mozilla::StyleClear mBreakType;
   mozilla::StyleBreakWithin mBreakInside;
   mozilla::StyleBreakBetween mBreakBefore;
   mozilla::StyleBreakBetween mBreakAfter;
-  uint8_t mOverflowX;              // NS_STYLE_OVERFLOW_*
-  uint8_t mOverflowY;              // NS_STYLE_OVERFLOW_*
-  uint8_t mOverflowClipBoxBlock;   // NS_STYLE_OVERFLOW_CLIP_BOX_*
-  uint8_t mOverflowClipBoxInline;  // NS_STYLE_OVERFLOW_CLIP_BOX_*
-  uint8_t mResize;                 // NS_STYLE_RESIZE_*
+  uint8_t mOverflowX;  // NS_STYLE_OVERFLOW_*
+  uint8_t mOverflowY;  // NS_STYLE_OVERFLOW_*
+  mozilla::StyleOverflowClipBox mOverflowClipBoxBlock;
+  mozilla::StyleOverflowClipBox mOverflowClipBoxInline;
+  mozilla::StyleResize mResize;
   mozilla::StyleOrient mOrient;
   uint8_t mIsolation;           // NS_STYLE_ISOLATION_*
   uint8_t mTopLayer;            // NS_STYLE_TOP_LAYER_*
   uint8_t mWillChangeBitField;  // NS_STYLE_WILL_CHANGE_*
                                 // Stores a bitfield representation of the
                                 // properties that are frequently queried. This
                                 // should match mWillChange. Also tracks if any
                                 // of the properties in the will-change list
                                 // require a stacking context.
   nsTArray<RefPtr<nsAtom>> mWillChange;
 
   uint8_t mTouchAction;     // NS_STYLE_TOUCH_ACTION_*
   uint8_t mScrollBehavior;  // NS_STYLE_SCROLL_BEHAVIOR_*
   mozilla::StyleOverscrollBehavior mOverscrollBehaviorX;
   mozilla::StyleOverscrollBehavior mOverscrollBehaviorY;
-  uint8_t mScrollSnapTypeX;  // NS_STYLE_SCROLL_SNAP_TYPE_*
-  uint8_t mScrollSnapTypeY;  // NS_STYLE_SCROLL_SNAP_TYPE_*
+  mozilla::StyleScrollSnapType mScrollSnapTypeX;
+  mozilla::StyleScrollSnapType mScrollSnapTypeY;
   nsStyleCoord mScrollSnapPointsX;
   nsStyleCoord mScrollSnapPointsY;
   mozilla::Position mScrollSnapDestination;
   nsTArray<mozilla::Position> mScrollSnapCoordinate;
 
   // mSpecifiedTransform is the list of transform functions as
   // specified, or null to indicate there is no transform.  (inherit or
   // initial are replaced by an actual list of transform functions, or
--- a/layout/style/test/chrome/bug418986-2.js
+++ b/layout/style/test/chrome/bug418986-2.js
@@ -226,21 +226,17 @@ var generateCSSLines = function (resisti
     lines += windows_versions.map(val => "(-moz-os-version: " + val + ")").join(", ") +
              " { #-moz-os-version { background-color: " + (resisting ? "red" : "green") + ";} }\n";
   }
   return lines;
 };
 
 // __green__.
 // Returns the computed color style corresponding to green.
-var green = (function () {
-  let temp = document.createElement("span");
-  temp.style.backgroundColor = "green";
-  return getComputedStyle(temp).backgroundColor;
-})();
+var green = "rgb(0, 128, 0)";
 
 // __testCSS(resisting)__.
 // Creates a series of divs and CSS using media queries to set their
 // background color. If all media queries match as expected, then
 // all divs should have a green background color.
 var testCSS = function (resisting) {
   document.getElementById("display").appendChild(generateHtmlLines(resisting));
   document.getElementById("test-css").textContent = generateCSSLines(resisting);
@@ -252,17 +248,19 @@ var testCSS = function (resisting) {
 };
 
 // __testOSXFontSmoothing(resisting)__.
 // When fingerprinting resistance is enabled, the `getComputedStyle`
 // should always return `undefined` for `MozOSXFontSmoothing`.
 var testOSXFontSmoothing = function (resisting) {
   let div = document.createElement("div");
   div.style.MozOsxFontSmoothing = "unset";
+  document.documentElement.appendChild(div);
   let readBack = window.getComputedStyle(div).MozOsxFontSmoothing;
+  div.remove();
   let smoothingPref = SpecialPowers.getBoolPref("layout.css.osx-font-smoothing.enabled", false);
   is(readBack, resisting ? "" : (smoothingPref ? "auto" : ""),
                "-moz-osx-font-smoothing");
 };
 
 // __sleep(timeoutMs)__.
 // Returns a promise that resolves after the given timeout.
 var sleep = function (timeoutMs) {
--- a/layout/style/test/test_bug1203766.html
+++ b/layout/style/test/test_bug1203766.html
@@ -31,82 +31,82 @@ body > .a { display: none; color: green;
 SimpleTest.waitForExplicitFinish();
 
 addLoadEvent(function() {
 
   // Element that goes from being out of the document to in the document.
   var e = document.createElement("div");
   e.className = "x";
   var cs = getComputedStyle(e);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   document.body.appendChild(e);
   is(cs.color, "rgb(0, 128, 0)");
 
   // Element that goes from in the document (and display:none) to out of
   // the document.
   e = document.querySelector(".y");
   cs = getComputedStyle(e);
   is(cs.color, "rgb(255, 0, 0)");
   e.remove();
-  is(cs.color, "rgb(0, 128, 0)");
+  is(cs.color, "");
 
   // Element that is removed from an out-of-document tree.
   e = document.createElement("div");
   f = document.createElement("span");
   f.className = "z";
   e.appendChild(f);
   cs = getComputedStyle(f);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   f.remove();
-  is(cs.color, "rgb(0, 128, 0)");
+  is(cs.color, "");
 
   // Element going from not in document to in document and display:none.
   e = document.createElement("div");
   e.className = "a";
   cs = getComputedStyle(e);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   document.body.appendChild(e);
   is(cs.color, "rgb(0, 128, 0)");
 
   // Element going from not in document to in document and child of
   // display:none element.
   e = document.createElement("div");
   e.className = "c";
   cs = getComputedStyle(e);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   document.querySelector(".b").appendChild(e);
   is(cs.color, "rgb(0, 128, 0)");
 
   // Element that is added to an out-of-document tree.
   e = document.createElement("div");
   e.className = "d";
   f = document.createElement("span");
   f.className = "e";
   cs = getComputedStyle(f);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   e.appendChild(f);
-  is(cs.color, "rgb(0, 128, 0)");
+  is(cs.color, "");
 
   // Element that is outside the document when an attribute is modified to
   // cause a different rule to match.
   e = document.createElement("div");
   e.className = "f";
   cs = getComputedStyle(e);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   e.className = "g";
-  is(cs.color, "rgb(0, 128, 0)");
+  is(cs.color, "");
 
   // Element that is outside the document when an ancestor is modified to
   // cause a different rule to match.
   e = document.createElement("div");
   e.className = "h";
   f = document.createElement("span");
   f.className = "i";
   e.appendChild(f);
   cs = getComputedStyle(f);
-  is(cs.color, "rgb(255, 0, 0)");
+  is(cs.color, "");
   e.className = "j";
-  is(cs.color, "rgb(0, 128, 0)");
+  is(cs.color, "");
 
   SimpleTest.finish();
 });
 </script>
 </pre>
--- a/layout/style/test/test_default_bidi_css.html
+++ b/layout/style/test/test_default_bidi_css.html
@@ -16,16 +16,17 @@
 
 /** Test for default bidi css  **/
 function styleOf(name, attributes) {
     var element = document.createElement(name);
     for (var name in attributes) {
         var value = attributes[name];
         element.setAttribute(name, value);
     }
+    document.body.appendChild(element);
     return getComputedStyle(element);
 }
 
 var tests = [
     ['div', {}, 'ltr', 'isolate'],
     ['div', {'dir': 'ltr'}, 'ltr', 'isolate'],
     ['div', {'dir': 'rtl'}, 'rtl', 'isolate'],
     ['div', {'dir': 'auto'}, 'ltr', 'isolate'],
--- a/modules/libpref/init/StaticPrefList.h
+++ b/modules/libpref/init/StaticPrefList.h
@@ -704,27 +704,21 @@ VARCACHE_PREF(
 // set to false.)
 VARCACHE_PREF(
   "layout.css.prefixes.device-pixel-ratio-webkit",
    layout_css_prefixes_device_pixel_ratio_webkit,
   bool, true
 )
 
 // Are -moz-prefixed gradient functions enabled?
-#ifdef NIGHTLY_BUILD
-# define PREF_VALUE false
-#else
-# define PREF_VALUE true
-#endif
 VARCACHE_PREF(
   "layout.css.prefixes.gradients",
    layout_css_prefixes_gradients,
-  bool, PREF_VALUE
+  bool, true
 )
-#undef PREF_VALUE
 
 // Whether the offset-* logical property aliases are enabled.
 VARCACHE_PREF(
   "layout.css.offset-logical-properties.enabled",
    layout_css_offset_logical_properties_enabled,
   bool, false
 )
 
--- a/netwerk/test/unit/test_auth_jar.js
+++ b/netwerk/test/unit/test_auth_jar.js
@@ -18,18 +18,17 @@ function run_test() {
   var app1browser = secMan.createCodebasePrincipal(createURI(kURI1), {appId: 1, inIsolatedMozBrowser: true});
 
   var am = Cc["@mozilla.org/network/http-auth-manager;1"].
            getService(Ci.nsIHttpAuthManager);
   am.setAuthIdentity("http", "a.example.com", -1, "basic", "realm", "", "example.com", "user", "pass", false, app1);
   am.setAuthIdentity("http", "a.example.com", -1, "basic", "realm", "", "example.com", "user3", "pass3", false, app1browser);
   am.setAuthIdentity("http", "a.example.com", -1, "basic", "realm", "", "example.com", "user2", "pass2", false, app10);
 
-  let attrs_inBrowser = JSON.stringify({ appId:1, inIsolatedMozBrowser:true });
-  Services.obs.notifyObservers(null, "clear-origin-attributes-data", attrs_inBrowser);
+  Services.clearData.deleteDataFromOriginAttributesPattern({ appId:1, inIsolatedMozBrowser:true });
   
   var domain = {value: ""}, user = {value: ""}, pass = {value: ""};
   try {
     am.getAuthIdentity("http", "a.example.com", -1, "basic", "realm", "", domain, user, pass, false, app1browser);
     Assert.equal(false, true); // no identity should be present
   } catch (x) {
     Assert.equal(domain.value, "");
     Assert.equal(user.value, "");
--- a/netwerk/test/unit/test_cache_jar.js
+++ b/netwerk/test/unit/test_cache_jar.js
@@ -55,36 +55,35 @@ async function run_all_tests() {
   }
 
   // We can't easily cause webapp data to be cleared from the child process, so skip
   // the rest of these tests.
   let procType = Cc["@mozilla.org/xre/runtime;1"].getService(Ci.nsIXULRuntime).processType;
   if (procType != Ci.nsIXULRuntime.PROCESS_TYPE_DEFAULT)
     return;
 
-  let attrs_inBrowser = JSON.stringify({ appId:1, inIsolatedMozBrowser:true });
-  let attrs_notInBrowser = JSON.stringify({ appId:1 });
+  let attrs_inBrowser = { appId:1, inIsolatedMozBrowser:true };
+  let attrs_notInBrowser = { appId:1 };
 
-  Services.obs.notifyObservers(null, "clear-origin-attributes-data", attrs_inBrowser);
+  Services.clearData.deleteDataFromOriginAttributesPattern(attrs_inBrowser);
 
   for (let test of secondTests) {
     handlers_called = 0;
     await test_channel(...test);
   }
 
-  Services.obs.notifyObservers(null, "clear-origin-attributes-data", attrs_notInBrowser);
-  Services.obs.notifyObservers(null, "clear-origin-attributes-data", attrs_inBrowser);
+  Services.clearData.deleteDataFromOriginAttributesPattern(attrs_notInBrowser);
+  Services.clearData.deleteDataFromOriginAttributesPattern(attrs_inBrowser);
 
   for (let test of thirdTests) {
     handlers_called = 0;
     await test_channel(...test);
   }
 
-  let attrs_userContextId = JSON.stringify({ userContextId: 1 });
-  Services.obs.notifyObservers(null, "clear-origin-attributes-data", attrs_userContextId);
+  Services.clearData.deleteDataFromOriginAttributesPattern({ userContextId: 1 });
 
   for (let test of fourthTests) {
     handlers_called = 0;
     await test_channel(...test);
   }
 }
 
 function run_test() {
--- a/security/nss/TAG-INFO
+++ b/security/nss/TAG-INFO
@@ -1,1 +1,1 @@
-f5ef34273311
+NSS_3_41_RTM
--- a/security/nss/lib/nss/nss.h
+++ b/security/nss/lib/nss/nss.h
@@ -17,22 +17,22 @@
 
 /*
  * NSS's major version, minor version, patch level, build number, and whether
  * this is a beta release.
  *
  * The format of the version string should be
  *     "<major version>.<minor version>[.<patch level>[.<build number>]][ <ECC>][ <Beta>]"
  */
-#define NSS_VERSION "3.41" _NSS_CUSTOMIZED " Beta"
+#define NSS_VERSION "3.41" _NSS_CUSTOMIZED
 #define NSS_VMAJOR 3
 #define NSS_VMINOR 41
 #define NSS_VPATCH 0
 #define NSS_VBUILD 0
-#define NSS_BETA PR_TRUE
+#define NSS_BETA PR_FALSE
 
 #ifndef RC_INVOKED
 
 #include "seccomon.h"
 
 typedef struct NSSInitParametersStr NSSInitParameters;
 
 /*
--- a/security/nss/lib/softoken/softkver.h
+++ b/security/nss/lib/softoken/softkver.h
@@ -12,16 +12,16 @@
 
 /*
  * Softoken's major version, minor version, patch level, build number,
  * and whether this is a beta release.
  *
  * The format of the version string should be
  *     "<major version>.<minor version>[.<patch level>[.<build number>]][ <ECC>][ <Beta>]"
  */
-#define SOFTOKEN_VERSION "3.41" SOFTOKEN_ECC_STRING " Beta"
+#define SOFTOKEN_VERSION "3.41" SOFTOKEN_ECC_STRING
 #define SOFTOKEN_VMAJOR 3
 #define SOFTOKEN_VMINOR 41
 #define SOFTOKEN_VPATCH 0
 #define SOFTOKEN_VBUILD 0
-#define SOFTOKEN_BETA PR_TRUE
+#define SOFTOKEN_BETA PR_FALSE
 
 #endif /* _SOFTKVER_H_ */
--- a/security/nss/lib/util/nssutil.h
+++ b/security/nss/lib/util/nssutil.h
@@ -14,22 +14,22 @@
 
 /*
  * NSS utilities's major version, minor version, patch level, build number,
  * and whether this is a beta release.
  *
  * The format of the version string should be
  *     "<major version>.<minor version>[.<patch level>[.<build number>]][ <Beta>]"
  */
-#define NSSUTIL_VERSION "3.41 Beta"
+#define NSSUTIL_VERSION "3.41"
 #define NSSUTIL_VMAJOR 3
 #define NSSUTIL_VMINOR 41
 #define NSSUTIL_VPATCH 0
 #define NSSUTIL_VBUILD 0
-#define NSSUTIL_BETA PR_TRUE
+#define NSSUTIL_BETA PR_FALSE
 
 SEC_BEGIN_PROTOS
 
 /*
  * Returns a const string of the UTIL library version.
  */
 extern const char *NSSUTIL_GetVersion(void);
 
--- a/servo/components/style/cbindgen.toml
+++ b/servo/components/style/cbindgen.toml
@@ -54,10 +54,15 @@ include = [
   "FontDisplay",
   "FontFaceSourceListComponent",
   "FontLanguageOverride",
   "OverflowWrap",
   "TimingFunction",
   "PathCommand",
   "UnicodeRange",
   "UserSelect",
+  "Float",
+  "OverscrollBehavior",
+  "ScrollSnapType",
+  "OverflowClipBox",
+  "Resize",
 ]
 item_types = ["enums", "structs", "typedefs"]
--- a/servo/components/style/properties/gecko.mako.rs
+++ b/servo/components/style/properties/gecko.mako.rs
@@ -1384,18 +1384,24 @@ impl Clone for ${style_struct.gecko_stru
 <%def name="impl_trait(style_struct_name, skip_longhands='')">
 <%
     style_struct = next(x for x in data.style_structs if x.name == style_struct_name)
     longhands = [x for x in style_struct.longhands
                 if not (skip_longhands == "*" or x.name in skip_longhands.split())]
 
     # Types used with predefined_type()-defined properties that we can auto-generate.
     predefined_types = {
+        "Appearance": impl_simple,
+        "OverscrollBehavior": impl_simple,
+        "OverflowClipBox": impl_simple,
+        "ScrollSnapType": impl_simple,
+        "Float": impl_simple,
         "BreakBetween": impl_simple,
         "BreakWithin": impl_simple,
+        "Resize": impl_simple,
         "Color": impl_color,
         "ColorOrAuto": impl_color,
         "GreaterThanOrEqualToOneNumber": impl_simple,
         "Integer": impl_simple,
         "length::LengthOrAuto": impl_style_coord,
         "length::LengthOrNormal": impl_style_coord,
         "length::NonNegativeLengthOrAuto": impl_style_coord,
         "length::NonNegativeLengthOrPercentageOrNormal": impl_style_coord,
@@ -3000,30 +3006,28 @@ fn static_assert() {
         let list = unsafe { (*self.gecko.${gecko_ffi_name}.to_safe().get()).mHead.as_ref() };
 
         let mut transform = clone_transform_from_list(list);
         debug_assert_eq!(transform.0.len(), 1);
         ${type}::from_transform_operation(&transform.0.pop().unwrap())
     }
 </%def>
 
-<% skip_box_longhands= """display -moz-appearance overflow-y vertical-align
+<% skip_box_longhands= """display overflow-y vertical-align
                           animation-name animation-delay animation-duration
                           animation-direction animation-fill-mode animation-play-state
                           animation-iteration-count animation-timing-function
-                          transition-duration transition-delay
+                          clear transition-duration transition-delay
                           transition-timing-function transition-property
                           rotate scroll-snap-points-x scroll-snap-points-y
-                          scroll-snap-type-x scroll-snap-type-y scroll-snap-coordinate
+                          scroll-snap-coordinate
                           perspective-origin -moz-binding will-change
-                          offset-path overscroll-behavior-x overscroll-behavior-y
-                          overflow-clip-box-inline overflow-clip-box-block
-                          perspective-origin -moz-binding will-change
-                          shape-outside contain touch-action translate
-                          scale""" %>
+                          offset-path perspective-origin -moz-binding
+                          will-change shape-outside contain touch-action
+                          translate scale""" %>
 <%self:impl_trait style_struct_name="Box" skip_longhands="${skip_box_longhands}">
     #[inline]
     pub fn set_display(&mut self, v: longhands::display::computed_value::T) {
         self.gecko.mDisplay = v;
         self.gecko.mOriginalDisplay = v;
     }
 
     #[inline]
@@ -3046,32 +3050,24 @@ fn static_assert() {
         self.gecko.mDisplay = v;
     }
 
     #[inline]
     pub fn clone_display(&self) -> longhands::display::computed_value::T {
         self.gecko.mDisplay
     }
 
-    ${impl_simple('_moz_appearance', 'mAppearance')}
-
-    <% float_keyword = Keyword("float", "Left Right None", gecko_enum_prefix="StyleFloat") %>
-    ${impl_keyword('float', 'mFloat', float_keyword)}
-
     <% clear_keyword = Keyword(
         "clear",
         "Left Right None Both",
         gecko_enum_prefix="StyleClear",
         gecko_inexhaustive=True,
     ) %>
     ${impl_keyword('clear', 'mBreakType', clear_keyword)}
 
-    <% resize_keyword = Keyword("resize", "None Both Horizontal Vertical") %>
-    ${impl_keyword('resize', 'mResize', resize_keyword)}
-
     <% overflow_x = data.longhands_by_name["overflow-x"] %>
     pub fn set_overflow_y(&mut self, v: longhands::overflow_y::computed_value::T) {
         use crate::properties::longhands::overflow_x::computed_value::T as BaseType;
         // FIXME(bholley): Align binary representations and ditch |match| for cast + static_asserts
         self.gecko.mOverflowY = match v {
             % for value in overflow_x.keyword.values_for('gecko'):
                 BaseType::${to_camel_case(value)} => structs::${overflow_x.keyword.gecko_constant(value)} as u8,
             % endfor
@@ -3393,29 +3389,16 @@ fn static_assert() {
         }
     }
 
     ${impl_animation_count('iteration_count', 'IterationCount')}
     ${impl_copy_animation_value('iteration_count', 'IterationCount')}
 
     ${impl_animation_timing_function()}
 
-    <% scroll_snap_type_keyword = Keyword("scroll-snap-type", "None Mandatory Proximity") %>
-    ${impl_keyword('scroll_snap_type_y', 'mScrollSnapTypeY', scroll_snap_type_keyword)}
-    ${impl_keyword('scroll_snap_type_x', 'mScrollSnapTypeX', scroll_snap_type_keyword)}
-
-    <% overscroll_behavior_keyword = Keyword("overscroll-behavior", "Auto Contain None",
-                                             gecko_enum_prefix="StyleOverscrollBehavior") %>
-    ${impl_keyword('overscroll_behavior_x', 'mOverscrollBehaviorX', overscroll_behavior_keyword)}
-    ${impl_keyword('overscroll_behavior_y', 'mOverscrollBehaviorY', overscroll_behavior_keyword)}
-
-    <% overflow_clip_box_keyword = Keyword("overflow-clip-box", "padding-box content-box") %>
-    ${impl_keyword('overflow_clip_box_inline', 'mOverflowClipBoxInline', overflow_clip_box_keyword)}
-    ${impl_keyword('overflow_clip_box_block', 'mOverflowClipBoxBlock', overflow_clip_box_keyword)}
-
     pub fn set_perspective_origin(&mut self, v: longhands::perspective_origin::computed_value::T) {
         self.gecko.mPerspectiveOrigin[0].set(v.horizontal);
         self.gecko.mPerspectiveOrigin[1].set(v.vertical);
     }
 
     pub fn copy_perspective_origin_from(&mut self, other: &Self) {
         self.gecko.mPerspectiveOrigin[0].copy_from(&other.gecko.mPerspectiveOrigin[0]);
         self.gecko.mPerspectiveOrigin[1].copy_from(&other.gecko.mPerspectiveOrigin[1]);
--- a/servo/components/style/properties/longhands/box.mako.rs
+++ b/servo/components/style/properties/longhands/box.mako.rs
@@ -569,16 +569,17 @@
 ${helpers.predefined_type(
     "-moz-appearance",
     "Appearance",
     "computed::Appearance::None",
     products="gecko",
     alias="-webkit-appearance:layout.css.webkit-appearance.enabled",
     spec="Nonstandard (https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance)",
     animation_value_type="discrete",
+    gecko_ffi_name="mAppearance",
 )}
 
 ${helpers.predefined_type(
     "-moz-binding",
     "url::UrlOrNone",
     "computed::url::UrlOrNone::none()",
     products="gecko",
     animation_value_type="none",
--- a/servo/components/style/values/computed/box.rs
+++ b/servo/components/style/values/computed/box.rs
@@ -34,16 +34,17 @@ impl AnimationIterationCount {
 /// A computed value for the `perspective` property.
 pub type Perspective = GenericPerspective<NonNegativeLength>;
 
 #[allow(missing_docs)]
 #[cfg_attr(feature = "servo", derive(Deserialize, Serialize))]
 #[derive(
     Clone, Copy, Debug, Eq, Hash, MallocSizeOf, Parse, PartialEq, SpecifiedValueInfo, ToCss,
 )]
+#[repr(u8)]
 /// A computed value for the `float` property.
 pub enum Float {
     Left,
     Right,
     None,
 }
 
 impl ToComputedValue for SpecifiedFloat {
@@ -152,16 +153,17 @@ impl ToComputedValue for SpecifiedClear 
         }
     }
 }
 
 /// A computed value for the `resize` property.
 #[allow(missing_docs)]
 #[cfg_attr(feature = "servo", derive(Deserialize, Serialize))]
 #[derive(Clone, Copy, Debug, Eq, Hash, MallocSizeOf, Parse, PartialEq, ToCss)]
+#[repr(u8)]
 pub enum Resize {
     None,
     Both,
     Horizontal,
     Vertical,
 }
 
 impl ToComputedValue for specified::Resize {
--- a/servo/components/style/values/specified/box.rs
+++ b/servo/components/style/values/specified/box.rs
@@ -384,16 +384,17 @@ impl Parse for AnimationName {
     Eq,
     MallocSizeOf,
     Parse,
     PartialEq,
     SpecifiedValueInfo,
     ToComputedValue,
     ToCss,
 )]
+#[repr(u8)]
 pub enum ScrollSnapType {
     None,
     Mandatory,
     Proximity,
 }
 
 #[allow(missing_docs)]
 #[cfg_attr(feature = "servo", derive(Deserialize, Serialize))]
@@ -404,16 +405,17 @@ pub enum ScrollSnapType {
     Eq,
     MallocSizeOf,
     Parse,
     PartialEq,
     SpecifiedValueInfo,
     ToComputedValue,
     ToCss,
 )]
+#[repr(u8)]
 pub enum OverscrollBehavior {
     Auto,
     Contain,
     None,
 }
 
 #[allow(missing_docs)]
 #[cfg_attr(feature = "servo", derive(Deserialize, Serialize))]
@@ -424,16 +426,17 @@ pub enum OverscrollBehavior {
     Eq,
     MallocSizeOf,
     Parse,
     PartialEq,
     SpecifiedValueInfo,
     ToComputedValue,
     ToCss,
 )]
+#[repr(u8)]
 pub enum OverflowClipBox {
     PaddingBox,
     ContentBox,
 }
 
 #[derive(Clone, Debug, MallocSizeOf, PartialEq, SpecifiedValueInfo, ToComputedValue, ToCss)]
 /// Provides a rendering hint to the user agent,
 /// stating what kinds of changes the author expects
--- a/testing/geckodriver/CHANGES.md
+++ b/testing/geckodriver/CHANGES.md
@@ -15,16 +15,19 @@ Unreleased
   should be applied to `<input type=file>` elements.  As strict
   interactability checks are off by default, there is a change
   in behaviour when using [Element Send Keys] with hidden file
   upload controls.
 
 - Added new endpoint `GET /session/{session id}/moz/screenshot/full`
   for taking full document screenshots, thanks to Greg Fraley.
 
+- Added new `--marionette-host <HOSTNAME>` flag for binding to a
+  particular interface/IP layer on the system.
+
 # Changed
 
 - Allow file uploads to hidden `<input type=file>` elements
 
   Through a series of changes to the WebDriver specification,
   geckodriver is now aligned with chromedriver’s behaviour that
   allows interaction with hidden `<input type=file>` elements.
 
--- a/testing/geckodriver/src/main.rs
+++ b/testing/geckodriver/src/main.rs
@@ -91,20 +91,27 @@ fn app<'a, 'b>() -> App<'a, 'b> {
             Arg::with_name("binary")
                 .short("b")
                 .long("binary")
                 .value_name("BINARY")
                 .help("Path to the Firefox binary")
                 .takes_value(true),
         )
         .arg(
+            Arg::with_name("marionette_host")
+                .long("marionette-host")
+                .value_name("HOST")
+                .help("Host to use to connect to Gecko (default: 127.0.0.1)")
+                .takes_value(true)
+        )
+        .arg(
             Arg::with_name("marionette_port")
                 .long("marionette-port")
                 .value_name("PORT")
-                .help("Port to use to connect to Gecko (default: random free port)")
+                .help("Port to use to connect to Gecko (default: system-allocated port)")
                 .takes_value(true),
         )
         .arg(
             Arg::with_name("connect_existing")
                 .long("connect-existing")
                 .requires("marionette_port")
                 .help("Connect to an existing Firefox instance"),
         )
@@ -157,16 +164,18 @@ fn run() -> ProgramResult {
     };
     let addr = match IpAddr::from_str(host) {
         Ok(addr) => SocketAddr::new(addr, port),
         Err(_) => return Err((ExitCode::Usage, "invalid host address".into())),
     };
 
     let binary = matches.value_of("binary").map(PathBuf::from);
 
+    let marionette_host = matches.value_of("marionette_host")
+        .unwrap_or("127.0.0.1").to_string();
     let marionette_port = match matches.value_of("marionette_port") {
         Some(x) => match u16::from_str(x) {
             Ok(x) => Some(x),
             Err(_) => return Err((ExitCode::Usage, "invalid Marionette port".into())),
         },
         None => None,
     };
 
@@ -181,16 +190,17 @@ fn run() -> ProgramResult {
     };
     if let Some(ref level) = log_level {
         logging::init_with_level(*level).unwrap();
     } else {
         logging::init().unwrap();
     }
 
     let settings = MarionetteSettings {
+        host: marionette_host,
         port: marionette_port,
         binary,
         connect_existing: matches.is_present("connect_existing"),
         jsdebugger: matches.is_present("jsdebugger"),
     };
     let handler = MarionetteHandler::new(settings);
     let listening = webdriver::server::start(addr, handler, &extension_routes()[..])
         .map_err(|err| (ExitCode::Unavailable, err.to_string()))?;
--- a/testing/geckodriver/src/marionette.rs
+++ b/testing/geckodriver/src/marionette.rs
@@ -50,30 +50,27 @@ use webdriver::response::{CloseWindowRes
                           ValueResponse, WebDriverResponse, WindowRectResponse};
 use webdriver::server::{Session, WebDriverHandler};
 
 use crate::build::BuildInfo;
 use crate::capabilities::{FirefoxCapabilities, FirefoxOptions};
 use crate::logging;
 use crate::prefs;
 
-// localhost may be routed to the IPv6 stack on certain systems,
-// and nsIServerSocket in Marionette only supports IPv4
-const DEFAULT_HOST: &'static str = "127.0.0.1";
-
 #[derive(Debug, PartialEq, Deserialize)]
 pub struct MarionetteHandshake {
     #[serde(rename = "marionetteProtocol")]
     protocol: u16,
     #[serde(rename = "applicationType")]
     application_type: String,
 }
 
 #[derive(Default)]
 pub struct MarionetteSettings {
+    pub host: String,
     pub port: Option<u16>,
     pub binary: Option<PathBuf>,
     pub connect_existing: bool,
 
     /// Brings up the Browser Toolbox when starting Firefox,
     /// letting you debug internals.
     pub jsdebugger: bool,
 }
@@ -114,22 +111,23 @@ impl MarionetteHandler {
             )?;
             (options, capabilities)
         };
 
         if let Some(l) = options.log.level {
             logging::set_max_level(l);
         }
 
-        let port = self.settings.port.unwrap_or(get_free_port()?);
+        let host = self.settings.host.to_owned();
+        let port = self.settings.port.unwrap_or(get_free_port(&host)?);
         if !self.settings.connect_existing {
             self.start_browser(port, options)?;
         }
 
-        let mut connection = MarionetteConnection::new(port, session_id.clone());
+        let mut connection = MarionetteConnection::new(host, port, session_id.clone());
         connection.connect(&mut self.browser).or_else(|e| {
             if let Some(ref mut runner) = self.browser {
                 runner.kill()?;
             }
             Err(e)
         })?;
         self.connection = Mutex::new(Some(connection));
         Ok(capabilities)
@@ -1040,46 +1038,49 @@ impl Into<WebDriverError> for Marionette
         if let Some(stack) = self.stacktrace {
             WebDriverError::new_with_stack(status, message, stack)
         } else {
             WebDriverError::new(status, message)
         }
     }
 }
 
-fn get_free_port() -> IoResult<u16> {
-    TcpListener::bind((DEFAULT_HOST, 0))
+fn get_free_port(host: &str) -> IoResult<u16> {
+    TcpListener::bind((host, 0))
         .and_then(|stream| stream.local_addr())
         .map(|x| x.port())
 }
 
 pub struct MarionetteConnection {
+    host: String,
     port: u16,
     stream: Option<TcpStream>,
     pub session: MarionetteSession,
 }
 
 impl MarionetteConnection {
-    pub fn new(port: u16, session_id: Option<String>) -> MarionetteConnection {
+    pub fn new(host: String, port: u16, session_id: Option<String>) -> MarionetteConnection {
+        let session = MarionetteSession::new(session_id);
         MarionetteConnection {
-            port: port,
+            host,
+            port,
             stream: None,
-            session: MarionetteSession::new(session_id),
+            session,
         }
     }
 
     pub fn connect(&mut self, browser: &mut Option<FirefoxProcess>) -> WebDriverResult<()> {
         let timeout = time::Duration::from_secs(60);
         let poll_interval = time::Duration::from_millis(100);
         let now = time::Instant::now();
 
         debug!(
             "Waiting {}s to connect to browser on {}:{}",
             timeout.as_secs(),
-            DEFAULT_HOST,
+            self.host,
             self.port
         );
         loop {
             // immediately abort connection attempts if process disappears
             if let &mut Some(ref mut runner) = browser {
                 let exit_status = match runner.try_wait() {
                     Ok(Some(status)) => Some(
                         status
@@ -1093,17 +1094,17 @@ impl MarionetteConnection {
                 if let Some(s) = exit_status {
                     return Err(WebDriverError::new(
                         ErrorStatus::UnknownError,
                         format!("Process unexpectedly closed with status {}", s),
                     ));
                 }
             }
 
-            match TcpStream::connect(&(DEFAULT_HOST, self.port)) {
+            match TcpStream::connect((&self.host[..], self.port)) {
                 Ok(stream) => {
                     self.stream = Some(stream);
                     break;
                 }
                 Err(e) => {
                     if now.elapsed() < timeout {
                         thread::sleep(poll_interval);
                     } else {
@@ -1113,17 +1114,17 @@ impl MarionetteConnection {
                         ));
                     }
                 }
             }
         }
 
         debug!(
             "Connection established on {}:{}. Waiting for Marionette handshake",
-            DEFAULT_HOST, self.port,
+            self.host, self.port,
         );
 
         let data = self.handshake()?;
         self.session.application_type = Some(data.application_type);
         self.session.protocol = Some(data.protocol);
 
         debug!("Connected to Marionette");
         Ok(())
--- a/testing/web-platform/meta/css/cssom/getComputedStyle-detached-subtree.html.ini
+++ b/testing/web-platform/meta/css/cssom/getComputedStyle-detached-subtree.html.ini
@@ -1,15 +1,9 @@
 [getComputedStyle-detached-subtree.html]
-  [getComputedStyle returns no style for detached element]
-    expected: FAIL
-
   [getComputedStyle returns no style for element in non-rendered iframe (display: none)]
     expected: FAIL
 
   [getComputedStyle returns no style for element outside the flat tree]
     expected: FAIL
 
   [getComputedStyle returns no style for descendant outside the flat tree]
     expected: FAIL
-
-  [getComputedStyle returns no style for shadow tree outside of flattened tree]
-    expected: FAIL
--- a/testing/web-platform/tests/css/css-fonts/font-variant-alternates-parsing.html
+++ b/testing/web-platform/tests/css/css-fonts/font-variant-alternates-parsing.html
@@ -1,18 +1,19 @@
 <!doctype html>
 <meta charset="utf-8"