Merge mozilla-central to autoland. a=merge CLOSED TREE
authorCiure Andrei <aciure@mozilla.com>
Sun, 09 Dec 2018 23:45:53 +0200
changeset 449679 3d9e1dd87d4539957dbcfa5ff93ef5c2b3036e8f
parent 449678 c2ecb25b00d4ad095f23e66fb91507c7978fda8b (current diff)
parent 449676 53fd96ca5aa4298054f581ca846ea2cccbe76085 (diff)
child 449680 c0c4ff2b0485101a3f587d0a799841c0039c2b18
push id35180
push useraiakab@mozilla.com
push dateMon, 10 Dec 2018 09:55:04 +0000
treeherdermozilla-central@3386ff76878d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmerge
milestone65.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Merge mozilla-central to autoland. a=merge CLOSED TREE
--- 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">
 <title>CSS Test:  font-variant-alternates: historical-forms; parses case-insensitively</title>
 <link rel="author" title="Emilio Cobos Álvarez" href="emilio@crisal.io">
 <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-variant-alternates-prop">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
+<div></div>
 <script>
 test(function() {
-  let div = document.createElement('div');
+  let div = document.querySelector('div');
   div.style.fontVariantAlternates = "Historical-Forms";
   assert_equals(
     getComputedStyle(div).fontVariantAlternates,
     "historical-forms",
     "historical-forms is parsed case-insensitively"
   );
 });
 </script>
--- a/toolkit/actors/SelectChild.jsm
+++ b/toolkit/actors/SelectChild.jsm
@@ -34,20 +34,16 @@ var gOpen = false;
 var SelectContentHelper = function(aElement, aOptions, aGlobal) {
   this.element = aElement;
   this.initialSelection = aElement[aElement.selectedIndex] || null;
   this.global = aGlobal;
   this.closedWithClickOn = false;
   this.isOpenedViaTouch = aOptions.isOpenedViaTouch;
   this._selectBackgroundColor = null;
   this._selectColor = null;
-  this._uaBackgroundColor = null;
-  this._uaColor = null;
-  this._uaSelectBackgroundColor = null;
-  this._uaSelectColor = null;
   this._closeAfterBlur = true;
   this._pseudoStylesSetup = false;
   this._lockedDescendants = null;
   this.init();
   this.showDropDown();
   this._updateTimer = new DeferredTask(this._update.bind(this), 0);
 };
 
@@ -104,29 +100,29 @@ this.SelectContentHelper.prototype = {
   showDropDown() {
     this.element.openInParentProcess = true;
     this._setupPseudoClassStyles();
     let rect = this._getBoundingContentRect();
     let computedStyles = getComputedStyles(this.element);
     this._selectBackgroundColor = computedStyles.backgroundColor;
     this._selectColor = computedStyles.color;
     this._selectTextShadow = computedStyles.textShadow;
+    let options = this._buildOptionList();
+    let defaultStyles = this.element.ownerGlobal.getDefaultComputedStyle(this.element);
     this.global.sendAsyncMessage("Forms:ShowDropDown", {
       direction: computedStyles.direction,
       isOpenedViaTouch: this.isOpenedViaTouch,
-      options: this._buildOptionList(),
+      options,
       rect,
       selectedIndex: this.element.selectedIndex,
       selectBackgroundColor: this._selectBackgroundColor,
       selectColor: this._selectColor,
       selectTextShadow: this._selectTextSha