Bug 1355922 - Save to Pocket should have an associated animation. r?gijs
The animations on the pocket-button and library-button are disabled if they are not in the nav-bar due to issues with getting overflow:hidden and position:absolute to work the same way outside of #nav-bar. This is on file as
bug 1382894.
MozReview-Commit-ID: Lq20GuocMkg
--- a/browser/base/content/browser.js
+++ b/browser/base/content/browser.js
@@ -4983,39 +4983,29 @@ var CombinedStopReload = {
return;
this.animate = Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled") &&
Services.prefs.getBoolPref("browser.stopReloadAnimation.enabled");
Services.prefs.addObserver("toolkit.cosmeticAnimations.enabled", this);
this.stopReloadContainer.addEventListener("animationend", this);
});
},
- /* This function is necessary to correctly vertically center the animation
- within the toolbar, which uses -moz-pack-align:stretch; and thus a height
- which is dependant on the font-size. */
- setAnimationImageHeightRelativeToToolbarButtonHeight() {
- let dwu = window.getInterface(Ci.nsIDOMWindowUtils);
- let toolbarItem = this.stopReloadContainer.closest(".customization-target > toolbaritem");
- let bounds = dwu.getBoundsWithoutFlushing(toolbarItem);
- toolbarItem.style.setProperty("--toolbarbutton-height", bounds.height + "px");
- },
-
switchToStop(aRequest, aWebProgress) {
if (!this._initialized || !this._shouldSwitch(aRequest))
return;
let shouldAnimate = AppConstants.MOZ_PHOTON_ANIMATIONS &&
aRequest instanceof Ci.nsIRequest &&
aWebProgress.isTopLevel &&
aWebProgress.isLoadingDocument &&
this.animate;
this._cancelTransition();
if (shouldAnimate) {
- this.setAnimationImageHeightRelativeToToolbarButtonHeight();
+ BrowserUtils.setToolbarButtonHeightProperty(this.stopReloadContainer);
this.stopReloadContainer.setAttribute("animate", "true");
} else {
this.stopReloadContainer.removeAttribute("animate");
}
this.reload.setAttribute("displaystop", "true");
},
switchToReload(aRequest, aWebProgress) {
@@ -5025,17 +5015,17 @@ var CombinedStopReload = {
let shouldAnimate = AppConstants.MOZ_PHOTON_ANIMATIONS &&
aRequest instanceof Ci.nsIRequest &&
aWebProgress.isTopLevel &&
!aWebProgress.isLoadingDocument &&
this.animate;
if (shouldAnimate) {
- this.setAnimationImageHeightRelativeToToolbarButtonHeight();
+ BrowserUtils.setToolbarButtonHeightProperty(this.stopReloadContainer);
this.stopReloadContainer.setAttribute("animate", "true");
} else {
this.stopReloadContainer.removeAttribute("animate");
}
this.reload.removeAttribute("displaystop");
if (!shouldAnimate || this._stopClicked) {
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -1215,17 +1215,21 @@
observes="View:FullScreen"
type="checkbox"
label="&fullScreenCmd.label;"
tooltip="dynamic-shortcut-tooltip"/>
#ifdef MOZ_PHOTON_THEME
<toolbarbutton id="library-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
oncommand="PanelUI.showSubView('appMenu-libraryView', this, null, true);"
closemenu="none"
- label="&places.library.title;"/>
+ label="&places.library.title;">
+ <box class="toolbarbutton-animatable-box">
+ <image class="toolbarbutton-animatable-image"/>
+ </box>
+ </toolbarbutton>
#endif
</toolbarpalette>
</toolbox>
<hbox id="fullscr-toggler" hidden="true"/>
<deck id="content-deck" flex="1">
<hbox flex="1" id="browser">
--- a/browser/extensions/pocket/bootstrap.js
+++ b/browser/extensions/pocket/bootstrap.js
@@ -4,16 +4,17 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* global ADDON_ENABLE:false, ADDON_DISABLE:false, APP_SHUTDOWN: false */
const {classes: Cc, interfaces: Ci, utils: Cu, manager: Cm} = Components;
Cu.import("resource://gre/modules/XPCOMUtils.jsm");
Cu.import("resource://services-common/utils.js");
+Cu.import("resource://gre/modules/AppConstants.jsm");
XPCOMUtils.defineLazyModuleGetter(this, "Services",
"resource://gre/modules/Services.jsm");
XPCOMUtils.defineLazyModuleGetter(this, "RecentWindow",
"resource:///modules/RecentWindow.jsm");
XPCOMUtils.defineLazyModuleGetter(this, "CustomizableUI",
"resource:///modules/CustomizableUI.jsm");
XPCOMUtils.defineLazyModuleGetter(this, "AddonManagerPrivate",
"resource://gre/modules/AddonManager.jsm");
@@ -87,33 +88,53 @@ function CreatePocketWidget(reason) {
defaultArea: CustomizableUI.AREA_NAVBAR,
introducedInVersion: "pref",
type: "view",
tabSpecific: true,
viewId: "PanelUI-pocketView",
label: gPocketBundle.GetStringFromName("pocket-button.label"),
tooltiptext: gPocketBundle.GetStringFromName("pocket-button.tooltiptext"),
// Use forwarding functions here to avoid loading Pocket.jsm on startup:
+ onBeforeCommand() {
+ // We need to use onBeforeCommand to calculate the height
+ // of the pocket-button before it is opened since we need
+ // the height of the button to perform the animation that is
+ // triggered off of [open="true"].
+ return Pocket.onBeforeCommand.apply(this, arguments);
+ },
onViewShowing() {
return Pocket.onPanelViewShowing.apply(this, arguments);
},
onViewHiding() {
return Pocket.onPanelViewHiding.apply(this, arguments);
},
onBeforeCreated(doc) {
// Bug 1223127,CUI should make this easier to do.
if (doc.getElementById("PanelUI-pocketView"))
return;
let view = doc.createElement("panelview");
view.id = "PanelUI-pocketView";
let panel = doc.createElement("vbox");
panel.setAttribute("class", "panel-subview-body");
view.appendChild(panel);
doc.getElementById("PanelUI-multiView").appendChild(view);
- }
+ },
+ onCreated(node) {
+ if (Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled") &&
+ AppConstants.MOZ_PHOTON_ANIMATIONS) {
+ let doc = node.ownerDocument;
+ let box = doc.createElement("box");
+ box.classList.add("toolbarbutton-animatable-box");
+ let image = doc.createElement("image");
+ image.classList.add("toolbarbutton-animatable-image");
+ box.appendChild(image);
+ node.appendChild(box);
+ node.setAttribute("animationsenabled", "true");
+ }
+ },
};
CustomizableUI.createWidget(pocketButton);
CustomizableUI.addListener(pocketButton);
// placed is null if location is palette
let placed = CustomizableUI.getPlacementOfWidget("pocket-button");
// a first time install will always have placed the button somewhere, and will
--- a/browser/extensions/pocket/content/Pocket.jsm
+++ b/browser/extensions/pocket/content/Pocket.jsm
@@ -5,33 +5,42 @@
"use strict";
const {classes: Cc, interfaces: Ci, utils: Cu} = Components;
this.EXPORTED_SYMBOLS = ["Pocket"];
Cu.import("resource://gre/modules/XPCOMUtils.jsm");
Cu.import("resource://gre/modules/Services.jsm");
+XPCOMUtils.defineLazyModuleGetter(this, "BrowserUtils",
+ "resource://gre/modules/BrowserUtils.jsm");
XPCOMUtils.defineLazyModuleGetter(this, "CustomizableUI",
"resource:///modules/CustomizableUI.jsm");
XPCOMUtils.defineLazyModuleGetter(this, "ReaderMode",
"resource://gre/modules/ReaderMode.jsm");
var Pocket = {
get site() { return Services.prefs.getCharPref("extensions.pocket.site"); },
get listURL() { return "https://" + Pocket.site + "/?src=ff_ext"; },
/**
* Functions related to the Pocket panel UI.
*/
+ onBeforeCommand(event) {
+ BrowserUtils.setToolbarButtonHeightProperty(event.target);
+ },
+
onPanelViewShowing(event) {
let document = event.target.ownerDocument;
let window = document.defaultView;
let iframe = window.pktUI.getPanelFrame();
+ let libraryButton = document.getElementById("library-button");
+ BrowserUtils.setToolbarButtonHeightProperty(libraryButton);
+
let urlToSave = Pocket._urlToSave;
let titleToSave = Pocket._titleToSave;
Pocket._urlToSave = null;
Pocket._titleToSave = null;
// ViewShowing fires immediately before it creates the contents,
// in lieu of an AfterViewShowing event, just spin the event loop.
window.setTimeout(function() {
if (urlToSave) {
--- a/browser/extensions/pocket/content/main.js
+++ b/browser/extensions/pocket/content/main.js
@@ -63,16 +63,18 @@ var pktUI = (function() {
// wrong
var _panelId = 0;
var overflowMenuWidth = 230;
var overflowMenuHeight = 475;
var savePanelWidth = 350;
var savePanelHeights = {collapsed: 153, expanded: 272};
+ var _lastAddSucceeded = false;
+
// -- Event Handling -- //
/**
* Event handler when Pocket toolbar button is pressed
*/
function pocketPanelDidShow(event) {
if (_currentPanelDidShow) {
@@ -83,18 +85,44 @@ var pktUI = (function() {
function pocketPanelDidHide(event) {
if (_currentPanelDidHide) {
_currentPanelDidHide(event);
}
// clear the panel
getPanelFrame().setAttribute("src", "about:blank");
+
+ if (_lastAddSucceeded) {
+ var libraryButton = document.getElementById("library-button");
+ if (!Services.prefs.getBoolPref("toolkit.cosmeticAnimations.enabled") ||
+ !libraryButton ||
+ libraryButton.getAttribute("cui-areatype") == "menu-panel" ||
+ libraryButton.getAttribute("overflowedItem") == "true" ||
+ !libraryButton.closest("toolbar") ||
+ libraryButton.closest("toolbar").id != "nav-bar") {
+ return;
+ }
+ libraryButton.removeAttribute("fade");
+ libraryButton.setAttribute("animate", "pocket");
+ libraryButton.addEventListener("animationend", onLibraryButtonAnimationEnd);
+ }
}
+ function onLibraryButtonAnimationEnd(event) {
+ let doc = event.target.ownerDocument;
+ let libraryButton = doc.getElementById("library-button");
+ if (event.animationName.startsWith("library-pocket-animation")) {
+ libraryButton.setAttribute("fade", "true");
+ } else if (event.animationName == "library-pocket-fade") {
+ libraryButton.removeEventListener("animationend", onLibraryButtonAnimationEnd);
+ libraryButton.removeAttribute("animate");
+ libraryButton.removeAttribute("fade");
+ }
+ }
// -- Communication to API -- //
/**
* Either save or attempt to log the user in
*/
function tryToSaveCurrentPage() {
tryToSaveUrl(getCurrentUrl(), getCurrentTitle());
@@ -192,16 +220,17 @@ var pktUI = (function() {
var startheight = pktApi.isPremiumUser() && isValidURL ? savePanelHeights.expanded : savePanelHeights.collapsed;
if (inOverflowMenu) {
startheight = overflowMenuHeight;
}
var panelId = showPanel("about:pocket-saved?pockethost=" + Services.prefs.getCharPref("extensions.pocket.site") + "&premiumStatus=" + (pktApi.isPremiumUser() ? "1" : "0") + "&inoverflowmenu=" + inOverflowMenu + "&locale=" + getUILocale(), {
onShow() {
var saveLinkMessageId = "saveLink";
+ _lastAddSucceeded = false;
// Send error message for invalid url
if (!isValidURL) {
// TODO: Pass key for localized error in error object
let error = {
message: "Only links can be saved",
localizedKey: "onlylinkssaved"
};
@@ -223,16 +252,17 @@ var pktUI = (function() {
var options = {
success(data, request) {
var item = data.item;
var successResponse = {
status: "success",
item
};
pktUIMessaging.sendMessageToPanel(panelId, saveLinkMessageId, successResponse);
+ _lastAddSucceeded = true;
},
error(error, request) {
// If user is not authorized show singup page
if (request.status === 401) {
showSignUp();
return;
}
new file mode 100644
--- /dev/null
+++ b/browser/extensions/pocket/skin/shared/library-pocket-animation.svg
@@ -0,0 +1,986 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="1078" height="54">
+ <svg x="0">
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ </svg>
+ <svg x="22">
+ <defs>
+ <mask id="a" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="b" mask-type="alpha">
+ <g opacity=".055">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#b)">
+ <path fill="#EF3F56" fill-opacity="1" d="M8.913 13.992c-3.55 -1.232 -5.428 -5.108 -4.197 -8.657l1.116 -3.214a1.7 1.7 0 0 1 2.164 -1.05l9.64 3.347a1.7 1.7 0 0 1 1.05 2.164l-1.116 3.214c-1.231 3.549 -5.108 5.428 -8.657 4.196z" opacity="1"/>
+ </g>
+ <g mask="url(#a)">
+ <path fill="#FFF" fill-opacity="1" d="M14.831 7.252a0.84 0.84 0 0 0 -0.671 0.054l-3.552 1.723 -1.688 -3.497a0.838 0.838 0 0 0 -0.504 -0.506 0.85 0.85 0 0 0 -1.047 1.166l-0.016 0.005 1.723 3.574 0.371 0.765a0.851 0.851 0 0 0 1.136 0.394l0.765 -0.37 3.58 -1.734a0.851 0.851 0 0 0 0.483 -0.82 0.851 0.851 0 0 0 -0.58 -0.754z" opacity=".043"/>
+ </g>
+ </svg>
+ <svg x="44">
+ <defs>
+ <mask id="d" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="c" mask-type="alpha">
+ <g opacity=".198">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#c)">
+ <path fill="#EF3F56" fill-opacity="1" d="M9.209 14.005c-3.574 -1.084 -5.593 -4.86 -4.509 -8.434l0.982 -3.235a1.69 1.69 0 0 1 2.108 -1.128l9.707 2.945a1.69 1.69 0 0 1 1.127 2.108l-0.981 3.236c-1.084 3.573 -4.86 5.592 -8.434 4.508z" opacity="1"/>
+ </g>
+ <g mask="url(#d)">
+ <path fill="#FFF" fill-opacity="1" d="M14.822 7.078a0.836 0.836 0 0 0 -0.665 0.08l-3.46 1.85 -1.814 -3.406a0.833 0.833 0 0 0 -0.52 -0.483 0.846 0.846 0 0 0 -0.995 1.2l-0.015 0.005 1.852 3.482 0.399 0.745a0.846 0.846 0 0 0 1.143 0.347l0.746 -0.398 3.487 -1.862a0.846 0.846 0 0 0 0.448 -0.834 0.846 0.846 0 0 0 -0.606 -0.726z" opacity=".156"/>
+ </g>
+ </svg>
+ <svg x="66">
+ <defs>
+ <mask id="f" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="e" mask-type="alpha">
+ <g opacity=".394">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#e)">
+ <path fill="#EF3F56" fill-opacity="1" d="M9.627 14.025c-3.598 -0.875 -5.805 -4.501 -4.93 -8.1l0.792 -3.257a1.676 1.676 0 0 1 2.025 -1.232l9.773 2.377a1.676 1.676 0 0 1 1.232 2.024l-0.792 3.258c-0.875 3.598 -4.502 5.805 -8.1 4.93z" opacity="1"/>
+ </g>
+ <g mask="url(#f)">
+ <path fill="#FFF" fill-opacity="1" d="M14.8 6.857a0.829 0.829 0 0 0 -0.653 0.116l-3.323 2.023 -1.984 -3.272a0.826 0.826 0 0 0 -0.542 -0.449 0.838 0.838 0 0 0 -0.919 1.243l-0.015 0.006 2.027 3.345 0.436 0.715a0.839 0.839 0 0 0 1.151 0.28l0.716 -0.435 3.35 -2.037a0.839 0.839 0 0 0 0.396 -0.85 0.839 0.839 0 0 0 -0.64 -0.685z" opacity=".316"/>
+ </g>
+ </svg>
+ <svg x="88">
+ <defs>
+ <mask id="h" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="g" mask-type="alpha">
+ <g opacity=".606">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#g)">
+ <path fill="#EF3F56" fill-opacity="1" d="M10.107 14.027c-3.611 -0.637 -6.022 -4.08 -5.386 -7.691l0.577 -3.27a1.66 1.66 0 0 1 1.922 -1.346l9.808 1.73a1.66 1.66 0 0 1 1.346 1.922l-0.576 3.27c-0.637 3.61 -4.08 6.021 -7.691 5.385z" opacity="1"/>
+ </g>
+ <g mask="url(#h)">
+ <path fill="#FFF" fill-opacity="1" d="M14.764 6.615a0.82 0.82 0 0 0 -0.639 0.157l-3.155 2.21 -2.168 -3.108a0.818 0.818 0 0 0 -0.564 -0.41 0.83 0.83 0 0 0 -0.829 1.287l-0.014 0.007 2.215 3.176 0.476 0.68a0.83 0.83 0 0 0 1.155 0.204l0.68 -0.476 3.18 -2.225a0.83 0.83 0 0 0 0.339 -0.865 0.83 0.83 0 0 0 -0.676 -0.637z" opacity=".5"/>
+ </g>
+ </svg>
+ <svg x="110">
+ <defs>
+ <mask id="j" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="i" mask-type="alpha">
+ <g opacity=".802">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#i)">
+ <path fill="#EF3F56" fill-opacity="1" d="M10.583 13.998c-3.608 -0.4 -6.208 -3.65 -5.808 -7.258l0.362 -3.266a1.643 1.643 0 0 1 1.815 -1.452l9.8 1.087a1.643 1.643 0 0 1 1.451 1.814l-0.362 3.267c-0.4 3.608 -3.65 6.208 -7.258 5.808z" opacity="1"/>
+ </g>
+ <g mask="url(#j)">
+ <path fill="#FFF" fill-opacity="1" d="M14.715 6.38a0.812 0.812 0 0 0 -0.62 0.195l-2.978 2.384 -2.34 -2.933a0.81 0.81 0 0 0 -0.583 -0.37 0.822 0.822 0 0 0 -0.737 1.324l-0.014 0.008 2.39 2.998 0.513 0.641a0.822 0.822 0 0 0 1.155 0.129l0.641 -0.514 3.002 -2.4a0.822 0.822 0 0 0 0.28 -0.876 0.822 0.822 0 0 0 -0.709 -0.586z" opacity=".684"/>
+ </g>
+ </svg>
+ <svg x="132">
+ <defs>
+ <mask id="l" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="k" mask-type="alpha">
+ <g opacity=".945">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#k)">
+ <path fill="#EF3F56" fill-opacity="1" d="M10.996 13.943c-3.593 -0.196 -6.347 -3.268 -6.15 -6.861l0.177 -3.253a1.628 1.628 0 0 1 1.715 -1.538l9.76 0.533a1.628 1.628 0 0 1 1.537 1.716l-0.178 3.253c-0.196 3.592 -3.268 6.346 -6.861 6.15z" opacity="1"/>
+ </g>
+ <g mask="url(#l)">
+ <path fill="#FFF" fill-opacity="1" d="M14.663 6.175a0.805 0.805 0 0 0 -0.603 0.227l-2.815 2.524 -2.478 -2.773a0.803 0.803 0 0 0 -0.597 -0.333 0.815 0.815 0 0 0 -0.657 1.35l-0.013 0.009 2.531 2.835 0.544 0.606a0.815 0.815 0 0 0 1.15 0.063l0.606 -0.543 2.838 -2.542a0.815 0.815 0 0 0 0.228 -0.882 0.815 0.815 0 0 0 -0.734 -0.541z" opacity=".844"/>
+ </g>
+ </svg>
+ <svg x="154">
+ <defs>
+ <mask id="n" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="m" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#m)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.285 13.878c-3.575 -0.054 -6.43 -2.996 -6.377 -6.571l0.049 -3.237a1.618 1.618 0 0 1 1.643 -1.595l9.711 0.146a1.618 1.618 0 0 1 1.594 1.643l-0.048 3.237c-0.054 3.576 -2.996 6.43 -6.572 6.377z" opacity="1"/>
+ </g>
+ <g mask="url(#n)">
+ <path fill="#FFF" fill-opacity="1" d="M14.622 6.02a0.8 0.8 0 0 0 -0.591 0.25l-2.696 2.617 -2.569 -2.657a0.798 0.798 0 0 0 -0.607 -0.307 0.81 0.81 0 0 0 -0.598 1.367l-0.013 0.009 2.625 2.715 0.563 0.581a0.81 0.81 0 0 0 1.145 0.017l0.58 -0.563 2.719 -2.635a0.81 0.81 0 0 0 0.19 -0.886 0.81 0.81 0 0 0 -0.748 -0.508z" opacity=".957"/>
+ </g>
+ </svg>
+ <svg x="176">
+ <defs>
+ <mask id="p" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="o" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#o)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.395 13.825c-3.568 0 -6.46 -2.893 -6.46 -6.46v-3.23a1.614 1.614 0 0 1 1.615 -1.615h9.69a1.614 1.614 0 0 1 1.614 1.615v3.23c0 3.567 -2.892 6.46 -6.46 6.46z" opacity="1"/>
+ </g>
+ <g mask="url(#p)">
+ <path fill="#FFF" fill-opacity="1" d="M14.605 5.936a0.798 0.798 0 0 0 -0.585 0.258l-2.65 2.65 -2.603 -2.61a0.796 0.796 0 0 0 -0.61 -0.298 0.808 0.808 0 0 0 -0.576 1.373l-0.013 0.009 2.659 2.67 0.57 0.57a0.808 0.808 0 0 0 1.143 0l0.57 -0.57 2.672 -2.67a0.808 0.808 0 0 0 0.178 -0.886 0.808 0.808 0 0 0 -0.755 -0.496z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="198">
+ <defs>
+ <mask id="r" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="q" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#q)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.453 13.875c-3.567 0.03 -6.483 -2.839 -6.512 -6.406l-0.027 -3.23a1.614 1.614 0 0 1 1.602 -1.628l9.69 -0.08a1.614 1.614 0 0 1 1.627 1.602l0.027 3.23c0.029 3.567 -2.84 6.483 -6.407 6.512z" opacity="1"/>
+ </g>
+ <g mask="url(#r)">
+ <path fill="#FFF" fill-opacity="1" d="M14.599 5.96a0.798 0.798 0 0 0 -0.583 0.263l-2.629 2.673 -2.623 -2.59a0.796 0.796 0 0 0 -0.612 -0.292 0.808 0.808 0 0 0 -0.566 1.377l-0.012 0.009 2.68 2.648 0.576 0.566a0.808 0.808 0 0 0 1.142 -0.01l0.566 -0.575 2.65 -2.691a0.808 0.808 0 0 0 0.17 -0.888 0.808 0.808 0 0 0 -0.759 -0.49z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="220">
+ <defs>
+ <mask id="t" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="s" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#s)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.535 13.94c-3.567 0.07 -6.515 -2.766 -6.585 -6.332l-0.063 -3.23a1.614 1.614 0 0 1 1.582 -1.646l9.688 -0.19a1.614 1.614 0 0 1 1.646 1.583l0.064 3.23c0.07 3.566 -2.765 6.514 -6.332 6.584z" opacity="1"/>
+ </g>
+ <g mask="url(#t)">
+ <path fill="#FFF" fill-opacity="1" d="M14.59 5.99a0.798 0.798 0 0 0 -0.58 0.269l-2.598 2.702 -2.653 -2.56a0.796 0.796 0 0 0 -0.615 -0.285 0.808 0.808 0 0 0 -0.55 1.384l-0.012 0.009 2.71 2.617 0.582 0.56a0.808 0.808 0 0 0 1.142 -0.023l0.56 -0.582 2.618 -2.721a0.808 0.808 0 0 0 0.16 -0.89 0.808 0.808 0 0 0 -0.764 -0.48z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="242">
+ <defs>
+ <mask id="v" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="u" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#u)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.63 14.017c-3.566 0.117 -6.551 -2.678 -6.669 -6.244l-0.106 -3.228a1.614 1.614 0 0 1 1.561 -1.667l9.684 -0.319a1.614 1.614 0 0 1 1.667 1.561l0.107 3.228c0.117 3.566 -2.679 6.552 -6.244 6.669z" opacity="1"/>
+ </g>
+ <g mask="url(#v)">
+ <path fill="#FFF" fill-opacity="1" d="M14.58 6.027a0.798 0.798 0 0 0 -0.577 0.277l-2.562 2.737 -2.687 -2.525a0.796 0.796 0 0 0 -0.619 -0.277 0.808 0.808 0 0 0 -0.53 1.391l-0.013 0.01 2.745 2.58 0.59 0.552a0.808 0.808 0 0 0 1.14 -0.038l0.552 -0.59 2.583 -2.755a0.808 0.808 0 0 0 0.148 -0.891 0.808 0.808 0 0 0 -0.77 -0.47z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="264">
+ <defs>
+ <mask id="x" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="w" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#w)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.733 14.108c-3.563 0.17 -6.589 -2.583 -6.758 -6.146l-0.153 -3.226a1.614 1.614 0 0 1 1.537 -1.69l9.678 -0.459a1.614 1.614 0 0 1 1.69 1.537l0.153 3.226c0.169 3.563 -2.583 6.59 -6.147 6.758z" opacity="1"/>
+ </g>
+ <g mask="url(#x)">
+ <path fill="#FFF" fill-opacity="1" d="M14.567 6.077a0.798 0.798 0 0 0 -0.573 0.285l-2.521 2.773 -2.724 -2.485a0.796 0.796 0 0 0 -0.623 -0.268 0.808 0.808 0 0 0 -0.51 1.399l-0.013 0.01 2.782 2.54 0.598 0.543a0.808 0.808 0 0 0 1.14 -0.054l0.543 -0.598 2.543 -2.792a0.808 0.808 0 0 0 0.135 -0.894 0.808 0.808 0 0 0 -0.777 -0.46z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="286">
+ <defs>
+ <mask id="z" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="y" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#y)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.843 14.215c-3.56 0.223 -6.628 -2.482 -6.852 -6.042l-0.203 -3.224a1.614 1.614 0 0 1 1.51 -1.713l9.671 -0.607a1.614 1.614 0 0 1 1.713 1.51l0.203 3.224c0.223 3.56 -2.482 6.628 -6.042 6.852z" opacity="1"/>
+ </g>
+ <g mask="url(#z)">
+ <path fill="#FFF" fill-opacity="1" d="M14.552 6.14a0.798 0.798 0 0 0 -0.568 0.294l-2.478 2.812 -2.761 -2.443a0.796 0.796 0 0 0 -0.627 -0.258 0.808 0.808 0 0 0 -0.49 1.406l-0.012 0.01 2.821 2.497 0.606 0.534a0.808 0.808 0 0 0 1.14 -0.072l0.533 -0.605 2.5 -2.832a0.808 0.808 0 0 0 0.121 -0.895 0.808 0.808 0 0 0 -0.785 -0.448z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="308">
+ <defs>
+ <mask id="B" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="A" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#A)">
+ <path fill="#EF3F56" fill-opacity="1" d="M11.957 14.336c-3.556 0.281 -6.667 -2.375 -6.948 -5.93l-0.254 -3.22a1.614 1.614 0 0 1 1.483 -1.738l9.66 -0.762a1.614 1.614 0 0 1 1.736 1.483l0.254 3.22c0.281 3.556 -2.375 6.667 -5.931 6.947z" opacity="1"/>
+ </g>
+ <g mask="url(#B)">
+ <path fill="#FFF" fill-opacity="1" d="M14.537 6.22a0.798 0.798 0 0 0 -0.563 0.303l-2.434 2.85 -2.8 -2.398a0.796 0.796 0 0 0 -0.63 -0.248 0.808 0.808 0 0 0 -0.467 1.414l-0.013 0.01 2.861 2.452 0.614 0.524a0.808 0.808 0 0 0 1.138 -0.09l0.525 -0.614 2.453 -2.871a0.808 0.808 0 0 0 0.107 -0.897 0.808 0.808 0 0 0 -0.791 -0.435z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="330">
+ <defs>
+ <mask id="D" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="C" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#C)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.074 14.475c-3.55 0.34 -6.705 -2.265 -7.044 -5.816l-0.308 -3.215a1.614 1.614 0 0 1 1.454 -1.761l9.646 -0.922a1.614 1.614 0 0 1 1.76 1.454l0.308 3.215c0.34 3.551 -2.264 6.706 -5.816 7.045z" opacity="1"/>
+ </g>
+ <g mask="url(#D)">
+ <path fill="#FFF" fill-opacity="1" d="M14.52 6.317a0.798 0.798 0 0 0 -0.558 0.312l-2.386 2.891 -2.84 -2.352a0.796 0.796 0 0 0 -0.634 -0.238 0.808 0.808 0 0 0 -0.444 1.422l-0.012 0.01 2.901 2.404 0.623 0.514a0.808 0.808 0 0 0 1.136 -0.109l0.514 -0.622 2.406 -2.912a0.808 0.808 0 0 0 0.093 -0.898 0.808 0.808 0 0 0 -0.8 -0.422z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="352">
+ <defs>
+ <mask id="F" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="E" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#E)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.194 14.632c-3.545 0.4 -6.742 -2.15 -7.142 -5.696l-0.361 -3.21a1.614 1.614 0 0 1 1.424 -1.785l9.628 -1.085a1.614 1.614 0 0 1 1.786 1.424l0.361 3.21c0.4 3.545 -2.15 6.743 -5.696 7.142z" opacity="1"/>
+ </g>
+ <g mask="url(#F)">
+ <path fill="#FFF" fill-opacity="1" d="M14.502 6.434a0.798 0.798 0 0 0 -0.553 0.321l-2.337 2.931 -2.878 -2.303a0.796 0.796 0 0 0 -0.64 -0.227 0.808 0.808 0 0 0 -0.419 1.428l-0.011 0.01 2.94 2.355 0.632 0.504a0.808 0.808 0 0 0 1.134 -0.128l0.504 -0.631 2.356 -2.952a0.808 0.808 0 0 0 0.077 -0.9 0.808 0.808 0 0 0 -0.805 -0.408z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="374">
+ <defs>
+ <mask id="H" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="G" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#G)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.316 14.809c-3.537 0.46 -6.779 -2.035 -7.239 -5.572l-0.417 -3.203a1.614 1.614 0 0 1 1.393 -1.81l9.609 -1.25a1.614 1.614 0 0 1 1.81 1.393l0.416 3.203c0.46 3.537 -2.034 6.779 -5.572 7.239z" opacity="1"/>
+ </g>
+ <g mask="url(#H)">
+ <path fill="#FFF" fill-opacity="1" d="M14.482 6.572a0.798 0.798 0 0 0 -0.547 0.331l-2.286 2.97 -2.918 -2.253a0.796 0.796 0 0 0 -0.643 -0.216 0.808 0.808 0 0 0 -0.394 1.436l-0.012 0.01 2.981 2.304 0.64 0.493a0.808 0.808 0 0 0 1.132 -0.148l0.493 -0.64 2.305 -2.991a0.808 0.808 0 0 0 0.061 -0.902 0.808 0.808 0 0 0 -0.812 -0.394z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="396">
+ <defs>
+ <mask id="J" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="I" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#I)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.44 15.008c-3.53 0.522 -6.814 -1.916 -7.336 -5.445l-0.473 -3.195a1.614 1.614 0 0 1 1.361 -1.834l9.585 -1.418a1.614 1.614 0 0 1 1.834 1.361l0.473 3.195c0.522 3.53 -1.916 6.814 -5.445 7.336z" opacity="1"/>
+ </g>
+ <g mask="url(#J)">
+ <path fill="#FFF" fill-opacity="1" d="M14.46 6.734a0.798 0.798 0 0 0 -0.54 0.341l-2.234 3.01 -2.957 -2.202a0.796 0.796 0 0 0 -0.646 -0.205 0.808 0.808 0 0 0 -0.37 1.442l-0.011 0.011 3.02 2.252 0.649 0.48a0.808 0.808 0 0 0 1.13 -0.166l0.48 -0.649 2.253 -3.031a0.808 0.808 0 0 0 0.046 -0.903 0.808 0.808 0 0 0 -0.82 -0.38z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="418">
+ <defs>
+ <mask id="L" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="K" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#K)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.563 15.231c-3.519 0.584 -6.846 -1.795 -7.43 -5.314l-0.53 -3.187a1.614 1.614 0 0 1 1.33 -1.857l9.558 -1.587a1.614 1.614 0 0 1 1.858 1.328l0.529 3.187c0.584 3.519 -1.796 6.846 -5.315 7.43z" opacity="1"/>
+ </g>
+ <g mask="url(#L)">
+ <path fill="#FFF" fill-opacity="1" d="M14.438 6.923a0.798 0.798 0 0 0 -0.535 0.35l-2.18 3.05 -2.995 -2.15a0.796 0.796 0 0 0 -0.65 -0.194 0.808 0.808 0 0 0 -0.344 1.449l-0.011 0.01 3.06 2.199 0.657 0.47a0.808 0.808 0 0 0 1.126 -0.188l0.47 -0.656 2.198 -3.071a0.808 0.808 0 0 0 0.03 -0.903 0.808 0.808 0 0 0 -0.826 -0.366z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="440">
+ <defs>
+ <mask id="N" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="M" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#M)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.688 15.481c-3.509 0.647 -6.877 -1.673 -7.524 -5.181l-0.586 -3.176a1.614 1.614 0 0 1 1.296 -1.881l9.528 -1.757a1.614 1.614 0 0 1 1.881 1.295l0.586 3.177c0.647 3.508 -1.673 6.877 -5.181 7.523z" opacity="1"/>
+ </g>
+ <g mask="url(#N)">
+ <path fill="#FFF" fill-opacity="1" d="M14.415 7.142a0.798 0.798 0 0 0 -0.53 0.359l-2.125 3.087 -3.033 -2.096a0.796 0.796 0 0 0 -0.653 -0.181 0.808 0.808 0 0 0 -0.318 1.454l-0.011 0.011 3.099 2.143 0.665 0.458a0.808 0.808 0 0 0 1.122 -0.207l0.458 -0.665 2.144 -3.11a0.808 0.808 0 0 0 0.014 -0.903 0.808 0.808 0 0 0 -0.832 -0.35z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="462">
+ <defs>
+ <mask id="P" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="O" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#O)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.812 15.762c-3.496 0.71 -6.906 -1.55 -7.615 -5.046l-0.642 -3.165a1.614 1.614 0 0 1 1.261 -1.904l9.496 -1.927a1.614 1.614 0 0 1 1.904 1.261l0.642 3.166c0.71 3.496 -1.55 6.905 -5.046 7.615z" opacity="1"/>
+ </g>
+ <g mask="url(#P)">
+ <path fill="#FFF" fill-opacity="1" d="M14.39 7.393a0.798 0.798 0 0 0 -0.523 0.369l-2.07 3.124 -3.07 -2.041a0.796 0.796 0 0 0 -0.656 -0.17 0.808 0.808 0 0 0 -0.292 1.46l-0.01 0.011 3.136 2.087 0.673 0.446a0.808 0.808 0 0 0 1.119 -0.227l0.446 -0.673 2.087 -3.147a0.808 0.808 0 0 0 -0.002 -0.904 0.808 0.808 0 0 0 -0.838 -0.335z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="484">
+ <defs>
+ <mask id="R" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="Q" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#Q)">
+ <path fill="#EF3F56" fill-opacity="1" d="M12.937 16.077c-3.483 0.772 -6.933 -1.425 -7.705 -4.908l-0.7 -3.153a1.614 1.614 0 0 1 1.228 -1.927l9.46 -2.097a1.614 1.614 0 0 1 1.925 1.227l0.7 3.153c0.772 3.483 -1.426 6.933 -4.908 7.705z" opacity="1"/>
+ </g>
+ <g mask="url(#R)">
+ <path fill="#FFF" fill-opacity="1" d="M14.363 7.68a0.798 0.798 0 0 0 -0.515 0.379l-2.014 3.162 -3.106 -1.986a0.796 0.796 0 0 0 -0.66 -0.159 0.808 0.808 0 0 0 -0.265 1.465l-0.01 0.012 3.173 2.03 0.68 0.434a0.808 0.808 0 0 0 1.116 -0.247l0.433 -0.681 2.031 -3.185a0.808 0.808 0 0 0 -0.018 -0.903 0.808 0.808 0 0 0 -0.845 -0.32z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="506">
+ <defs>
+ <mask id="T" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="S" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#S)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.06 16.431c-3.468 0.835 -6.957 -1.3 -7.792 -4.768l-0.755 -3.14a1.614 1.614 0 0 1 1.192 -1.948l9.42 -2.268a1.614 1.614 0 0 1 1.948 1.192l0.756 3.14c0.835 3.468 -1.3 6.957 -4.769 7.792z" opacity="1"/>
+ </g>
+ <g mask="url(#T)">
+ <path fill="#FFF" fill-opacity="1" d="M14.336 8.01a0.798 0.798 0 0 0 -0.51 0.388l-1.955 3.197 -3.142 -1.93a0.796 0.796 0 0 0 -0.662 -0.146 0.808 0.808 0 0 0 -0.24 1.47l-0.01 0.011 3.21 1.974 0.689 0.42a0.808 0.808 0 0 0 1.11 -0.266l0.421 -0.689 1.973 -3.22a0.808 0.808 0 0 0 -0.034 -0.903 0.808 0.808 0 0 0 -0.85 -0.306z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="528">
+ <defs>
+ <mask id="V" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="U" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#U)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.183 16.83c-3.452 0.897 -6.979 -1.174 -7.876 -4.627l-0.813 -3.126a1.614 1.614 0 0 1 1.157 -1.97l9.378 -2.436a1.614 1.614 0 0 1 1.97 1.157l0.812 3.126c0.897 3.452 -1.175 6.979 -4.628 7.876z" opacity="1"/>
+ </g>
+ <g mask="url(#V)">
+ <path fill="#FFF" fill-opacity="1" d="M14.307 8.388a0.798 0.798 0 0 0 -0.502 0.396l-1.898 3.233 -3.176 -1.873a0.796 0.796 0 0 0 -0.665 -0.134 0.808 0.808 0 0 0 -0.212 1.473l-0.01 0.012 3.244 1.915 0.696 0.409a0.808 0.808 0 0 0 1.105 -0.287l0.41 -0.696 1.914 -3.256a0.808 0.808 0 0 0 -0.051 -0.902 0.808 0.808 0 0 0 -0.855 -0.29z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="550">
+ <defs>
+ <mask id="X" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="W" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#W)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.305 17.282c-3.436 0.959 -7 -1.049 -7.959 -4.485l-0.868 -3.11a1.614 1.614 0 0 1 1.121 -1.99l9.333 -2.606a1.614 1.614 0 0 1 1.99 1.121l0.868 3.11c0.96 3.437 -1.049 7 -4.485 7.96z" opacity="1"/>
+ </g>
+ <g mask="url(#X)">
+ <path fill="#FFF" fill-opacity="1" d="M14.276 8.82a0.798 0.798 0 0 0 -0.494 0.406l-1.84 3.266 -3.209 -1.815a0.796 0.796 0 0 0 -0.667 -0.123 0.808 0.808 0 0 0 -0.186 1.477l-0.01 0.013 3.279 1.856 0.703 0.396a0.808 0.808 0 0 0 1.1 -0.307l0.396 -0.703 1.856 -3.29a0.808 0.808 0 0 0 -0.067 -0.901 0.808 0.808 0 0 0 -0.86 -0.274z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="572">
+ <defs>
+ <mask id="Z" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="Y" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#Y)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.426 17.795c-3.419 1.02 -7.018 -0.923 -8.038 -4.341l-0.925 -3.095a1.614 1.614 0 0 1 1.085 -2.01l9.285 -2.772a1.614 1.614 0 0 1 2.009 1.085l0.924 3.095c1.021 3.418 -0.922 7.017 -4.34 8.038z" opacity="1"/>
+ </g>
+ <g mask="url(#Z)">
+ <path fill="#FFF" fill-opacity="1" d="M14.244 9.318a0.798 0.798 0 0 0 -0.487 0.414l-1.78 3.298 -3.241 -1.757a0.796 0.796 0 0 0 -0.67 -0.11 0.808 0.808 0 0 0 -0.16 1.48l-0.009 0.012 3.312 1.797 0.71 0.384a0.808 0.808 0 0 0 1.094 -0.327l0.384 -0.71 1.796 -3.323a0.808 0.808 0 0 0 -0.083 -0.9 0.808 0.808 0 0 0 -0.866 -0.258z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="594">
+ <defs>
+ <mask id="ab" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aa" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#aa)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.544 18.382c-3.4 1.081 -7.032 -0.797 -8.114 -4.197l-0.98 -3.077a1.614 1.614 0 0 1 1.05 -2.029l9.232 -2.939a1.614 1.614 0 0 1 2.029 1.05l0.98 3.077c1.081 3.4 -0.798 7.033 -4.197 8.115z" opacity="1"/>
+ </g>
+ <g mask="url(#ab)">
+ <path fill="#FFF" fill-opacity="1" d="M14.21 9.891a0.798 0.798 0 0 0 -0.479 0.423l-1.721 3.33 -3.272 -1.7a0.796 0.796 0 0 0 -0.67 -0.097 0.808 0.808 0 0 0 -0.134 1.482l-0.01 0.013 3.344 1.737 0.717 0.37a0.808 0.808 0 0 0 1.088 -0.345l0.37 -0.718 1.737 -3.354a0.808 0.808 0 0 0 -0.1 -0.898 0.808 0.808 0 0 0 -0.87 -0.243z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="616">
+ <defs>
+ <mask id="ad" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ac" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#ac)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.66 19.058c-3.38 1.143 -7.045 -0.671 -8.187 -4.05l-1.035 -3.06a1.614 1.614 0 0 1 1.013 -2.047l9.18 -3.103a1.614 1.614 0 0 1 2.046 1.013l1.034 3.06c1.143 3.379 -0.671 7.045 -4.05 8.187z" opacity="1"/>
+ </g>
+ <g mask="url(#ad)">
+ <path fill="#FFF" fill-opacity="1" d="M14.176 10.557a0.798 0.798 0 0 0 -0.472 0.432l-1.662 3.36 -3.301 -1.64a0.796 0.796 0 0 0 -0.673 -0.087 0.808 0.808 0 0 0 -0.107 1.485l-0.01 0.012 3.375 1.678 0.723 0.358a0.808 0.808 0 0 0 1.082 -0.366l0.358 -0.723 1.676 -3.385a0.808 0.808 0 0 0 -0.115 -0.896 0.808 0.808 0 0 0 -0.874 -0.228z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="638">
+ <defs>
+ <mask id="af" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ae" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5166 0 0 .5 13.667 28.016)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5166 0 0 .5 13.667 28.016)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M7.985 22.141c-0.57 0 -1.033 0.448 -1.033 1v10c0 0.552 0.463 1 1.033 1 0.57 0 1.033 -0.448 1.033 -1v-10c0 -0.552 -0.462 -1 -1.033 -1zm3.1 -1c-0.57 0 -1.033 0.448 -1.033 1v11c0 0.552 0.462 1 1.033 1 0.57 0 1.033 -0.448 1.033 -1v-11c0 -0.552 -0.463 -1 -1.033 -1zm8.202 11.658l-4.132 -11c-0.185 -0.523 -0.772 -0.8 -1.313 -0.622 -0.539 0.178 -0.827 0.747 -0.642 1.27a0.509 0.509 0 0 0 0.013 0.036l4.133 11c0.185 0.523 0.772 0.801 1.312 0.622 0.54 -0.178 0.828 -0.747 0.643 -1.27 -0.004 -0.012 -0.008 -0.024 -0.014 -0.036zm-14.401 -12.658c-0.57 0 -1.034 0.448 -1.034 1v12c0 0.552 0.463 1 1.034 1 0.57 0 1.033 -0.448 1.033 -1v-12c0 -0.552 -0.463 -1 -1.033 -1z" opacity="1"/>
+ <g mask="url(#ae)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.774 19.847c-3.359 1.202 -7.056 -0.547 -8.258 -3.905l-1.088 -3.041a1.614 1.614 0 0 1 0.976 -2.065l9.123 -3.264a1.614 1.614 0 0 1 2.065 0.976l1.088 3.041c1.202 3.36 -0.547 7.057 -3.906 8.258z" opacity="1"/>
+ </g>
+ <g mask="url(#af)">
+ <path fill="#FFF" fill-opacity="1" d="M14.14 11.339a0.798 0.798 0 0 0 -0.465 0.44l-1.602 3.388 -3.33 -1.582a0.796 0.796 0 0 0 -0.674 -0.074 0.808 0.808 0 0 0 -0.08 1.486l-0.01 0.013 3.403 1.618 0.73 0.345a0.808 0.808 0 0 0 1.075 -0.385l0.345 -0.73 1.616 -3.413a0.808 0.808 0 0 0 -0.13 -0.894 0.808 0.808 0 0 0 -0.879 -0.212z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="660">
+ <defs>
+ <mask id="ah" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ag" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5332 0 0 .5 13.9 28.407)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5332 0 0 .5 13.9 28.407)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.035 22.532c-0.589 0 -1.066 0.448 -1.066 1v10c0 0.552 0.477 1 1.066 1 0.589 0 1.066 -0.448 1.066 -1v-10c0 -0.552 -0.477 -1 -1.066 -1zm3.2 -1c-0.59 0 -1.067 0.448 -1.067 1v11c0 0.552 0.478 1 1.066 1 0.589 0 1.067 -0.448 1.067 -1v-11c0 -0.552 -0.478 -1 -1.067 -1zm8.465 11.658l-4.265 -11c-0.191 -0.523 -0.797 -0.8 -1.355 -0.622 -0.556 0.178 -0.854 0.747 -0.663 1.27l0.014 0.036 4.266 11c0.19 0.523 0.796 0.801 1.354 0.622 0.557 -0.178 0.854 -0.747 0.663 -1.27 -0.004 -0.012 -0.008 -0.024 -0.014 -0.036zm-14.864 -12.658c-0.589 0 -1.067 0.448 -1.067 1v12c0 0.552 0.478 1 1.067 1 0.588 0 1.066 -0.448 1.066 -1v-12c0 -0.552 -0.478 -1 -1.066 -1z" opacity="1"/>
+ <g mask="url(#ag)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.884 20.78c-3.337 1.261 -7.065 -0.423 -8.325 -3.76l-1.141 -3.021a1.614 1.614 0 0 1 0.94 -2.082l9.064 -3.423a1.614 1.614 0 0 1 2.082 0.94l1.14 3.022c1.261 3.337 -0.423 7.065 -3.76 8.325z" opacity="1"/>
+ </g>
+ <g mask="url(#ah)">
+ <path fill="#FFF" fill-opacity="1" d="M14.1 12.267a0.798 0.798 0 0 0 -0.456 0.448l-1.543 3.416 -3.357 -1.523a0.796 0.796 0 0 0 -0.675 -0.063 0.808 0.808 0 0 0 -0.054 1.488l-0.01 0.013 3.431 1.557 0.736 0.333a0.808 0.808 0 0 0 1.068 -0.404l0.332 -0.735 1.557 -3.442a0.808 0.808 0 0 0 -0.147 -0.89 0.808 0.808 0 0 0 -0.881 -0.198z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="682">
+ <defs>
+ <mask id="aj" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ai" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54974 0 0 .5 14.157 28.922)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54974 0 0 .5 14.157 28.922)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.11 23.047c-0.606 0 -1.099 0.448 -1.099 1v10c0 0.552 0.493 1 1.1 1 0.607 0 1.1 -0.448 1.1 -1v-10c0 -0.552 -0.493 -1 -1.1 -1zm3.3 -1c-0.608 0 -1.1 0.448 -1.1 1v11c0 0.552 0.492 1 1.1 1 0.606 0 1.099 -0.448 1.099 -1v-11c0 -0.552 -0.493 -1 -1.1 -1zm8.728 11.658l-4.398 -11c-0.197 -0.523 -0.821 -0.8 -1.396 -0.622 -0.574 0.178 -0.881 0.747 -0.684 1.27l0.014 0.036 4.398 11c0.197 0.523 0.821 0.801 1.396 0.622 0.574 -0.178 0.881 -0.747 0.684 -1.27l-0.014 -0.036zm-15.326 -12.658c-0.607 0 -1.1 0.448 -1.1 1v12c0 0.552 0.493 1 1.1 1 0.607 0 1.1 -0.448 1.1 -1v-12c0 -0.552 -0.493 -1 -1.1 -1z" opacity="1"/>
+ <g mask="url(#ai)">
+ <path fill="#EF3F56" fill-opacity="1" d="M13.99 21.907c-3.315 1.318 -7.07 -0.301 -8.389 -3.616l-1.193 -3.001a1.614 1.614 0 0 1 0.904 -2.098l9.004 -3.58a1.614 1.614 0 0 1 2.097 0.905l1.193 3.001c1.318 3.315 -0.3 7.071 -3.616 8.39z" opacity="1"/>
+ </g>
+ <g mask="url(#aj)">
+ <path fill="#FFF" fill-opacity="1" d="M14.06 13.39a0.798 0.798 0 0 0 -0.45 0.456l-1.483 3.443 -3.383 -1.465a0.796 0.796 0 0 0 -0.676 -0.051 0.808 0.808 0 0 0 -0.029 1.488l-0.008 0.013 3.457 1.499 0.741 0.32a0.808 0.808 0 0 0 1.061 -0.423l0.32 -0.741 1.496 -3.468a0.808 0.808 0 0 0 -0.162 -0.888 0.808 0.808 0 0 0 -0.885 -0.182z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="704">
+ <defs>
+ <mask id="al" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ak" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56608 0 0 .5 14.405 29.44)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56608 0 0 .5 14.405 29.44)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.18 23.565c-0.626 0 -1.133 0.448 -1.133 1v10c0 0.552 0.507 1 1.132 1 0.625 0 1.133 -0.448 1.133 -1v-10c0 -0.552 -0.508 -1 -1.133 -1zm3.396 -1c-0.625 0 -1.132 0.448 -1.132 1v11c0 0.552 0.507 1 1.132 1 0.625 0 1.132 -0.448 1.132 -1v-11c0 -0.552 -0.507 -1 -1.132 -1zm8.988 11.658l-4.529 -11c-0.202 -0.523 -0.845 -0.8 -1.437 -0.622 -0.591 0.178 -0.907 0.747 -0.705 1.27a0.481 0.481 0 0 0 0.015 0.036l4.529 11c0.202 0.523 0.846 0.801 1.438 0.622 0.59 -0.178 0.907 -0.747 0.704 -1.27a0.481 0.481 0 0 0 -0.015 -0.036zm-15.781 -12.658c-0.625 0 -1.132 0.448 -1.132 1v12c0 0.552 0.507 1 1.132 1 0.625 0 1.132 -0.448 1.132 -1v-12c0 -0.552 -0.507 -1 -1.132 -1z" opacity="1"/>
+ <g mask="url(#ak)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.091 23.304c-3.292 1.374 -7.075 -0.181 -8.45 -3.473l-1.243 -2.98a1.614 1.614 0 0 1 0.868 -2.113l8.941 -3.732a1.614 1.614 0 0 1 2.113 0.868l1.244 2.98c1.374 3.292 -0.18 7.076 -3.473 8.45z" opacity="1"/>
+ </g>
+ <g mask="url(#al)">
+ <path fill="#FFF" fill-opacity="1" d="M14.015 14.788a0.798 0.798 0 0 0 -0.44 0.463l-1.425 3.467 -3.408 -1.407a0.796 0.796 0 0 0 -0.677 -0.04 0.808 0.808 0 0 0 -0.003 1.489l-0.009 0.013 3.483 1.44 0.746 0.306a0.808 0.808 0 0 0 1.054 -0.44l0.307 -0.746 1.437 -3.493a0.808 0.808 0 0 0 -0.177 -0.886 0.808 0.808 0 0 0 -0.888 -0.166z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="726">
+ <defs>
+ <mask id="an" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="am" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58198 0 0 .5 14.61 29.84)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58198 0 0 .5 14.61 29.84)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.209 23.965c-0.643 0 -1.164 0.448 -1.164 1v10c0 0.552 0.521 1 1.164 1 0.642 0 1.164 -0.448 1.164 -1v-10c0 -0.552 -0.522 -1 -1.164 -1zm3.492 -1c-0.643 0 -1.164 0.448 -1.164 1v11c0 0.552 0.521 1 1.164 1 0.642 0 1.164 -0.448 1.164 -1v-11c0 -0.552 -0.522 -1 -1.164 -1zm9.24 11.658l-4.655 -11c-0.209 -0.523 -0.87 -0.801 -1.479 -0.622 -0.607 0.178 -0.932 0.747 -0.724 1.27a0.474 0.474 0 0 0 0.016 0.036l4.655 11c0.209 0.523 0.87 0.8 1.479 0.622 0.607 -0.178 0.932 -0.747 0.724 -1.27l-0.016 -0.036zm-16.224 -12.658c-0.642 0 -1.164 0.448 -1.164 1v12c0 0.552 0.522 1 1.164 1 0.643 0 1.164 -0.448 1.164 -1v-12c0 -0.552 -0.521 -1 -1.164 -1z" opacity="1"/>
+ <g mask="url(#am)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.185 25.102c-3.269 1.429 -7.077 -0.063 -8.506 -3.331l-1.294 -2.96a1.614 1.614 0 0 1 0.833 -2.126l8.878 -3.882a1.614 1.614 0 0 1 2.126 0.833l1.294 2.96c1.429 3.268 -0.062 7.077 -3.331 8.506z" opacity="1"/>
+ </g>
+ <g mask="url(#an)">
+ <path fill="#FFF" fill-opacity="1" d="M13.967 16.588a0.798 0.798 0 0 0 -0.434 0.47l-1.366 3.49 -3.43 -1.35a0.796 0.796 0 0 0 -0.678 -0.028 0.808 0.808 0 0 0 0.022 1.49l-0.009 0.012 3.506 1.381 0.752 0.295a0.808 0.808 0 0 0 1.046 -0.458l0.294 -0.752 1.379 -3.516a0.808 0.808 0 0 0 -0.192 -0.882 0.808 0.808 0 0 0 -0.89 -0.152z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="748">
+ <defs>
+ <mask id="ap" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ao" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5969 0 0 .5 14.733 30)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5969 0 0 .5 14.733 30)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.169 24.125c-0.66 0 -1.194 0.448 -1.194 1v10c0 0.552 0.535 1 1.194 1 0.659 0 1.193 -0.448 1.193 -1v-10c0 -0.552 -0.534 -1 -1.193 -1zm3.581 -1c-0.659 0 -1.194 0.448 -1.194 1v11c0 0.552 0.535 1 1.194 1 0.659 0 1.194 -0.448 1.194 -1v-11c0 -0.552 -0.535 -1 -1.194 -1zm9.478 11.658l-4.776 -11c-0.213 -0.523 -0.891 -0.801 -1.516 -0.622 -0.623 0.178 -0.956 0.747 -0.742 1.27a0.467 0.467 0 0 0 0.015 0.036l4.775 11c0.214 0.523 0.892 0.801 1.517 0.622 0.623 -0.178 0.956 -0.747 0.742 -1.27l-0.015 -0.036zm-16.64 -12.658c-0.66 0 -1.195 0.448 -1.195 1v12c0 0.552 0.535 1 1.194 1 0.66 0 1.194 -0.448 1.194 -1v-12c0 -0.552 -0.535 -1 -1.194 -1z" opacity="1"/>
+ <g mask="url(#ao)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.27 27.514c-3.246 1.482 -7.078 0.053 -8.56 -3.191l-1.342 -2.938a1.614 1.614 0 0 1 0.797 -2.14l8.814 -4.026a1.614 1.614 0 0 1 2.14 0.798l1.342 2.938c1.482 3.244 0.053 7.077 -3.192 8.56z" opacity="1"/>
+ </g>
+ <g mask="url(#ap)">
+ <path fill="#FFF" fill-opacity="1" d="M13.912 19.005a0.798 0.798 0 0 0 -0.426 0.478l-1.309 3.512 -3.452 -1.294a0.796 0.796 0 0 0 -0.678 -0.017 0.808 0.808 0 0 0 0.046 1.488l-0.008 0.014 3.528 1.323 0.756 0.282a0.808 0.808 0 0 0 1.039 -0.475l0.282 -0.756 1.32 -3.538a0.808 0.808 0 0 0 -0.206 -0.88 0.808 0.808 0 0 0 -0.892 -0.137z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="770">
+ <defs>
+ <mask id="ar" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aq" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.60979 0 0 .5 14.812 29.779)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.60979 0 0 .5 14.812 29.779)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.105 23.904c-0.673 0 -1.22 0.448 -1.22 1v10c0 0.552 0.547 1 1.22 1 0.674 0 1.22 -0.448 1.22 -1v-10c0 -0.552 -0.546 -1 -1.22 -1zm3.659 -1c-0.673 0 -1.22 0.448 -1.22 1v11c0 0.552 0.547 1 1.22 1 0.673 0 1.22 -0.448 1.22 -1v-11c0 -0.552 -0.547 -1 -1.22 -1zm9.682 11.658l-4.878 -11c-0.218 -0.523 -0.911 -0.801 -1.549 -0.622 -0.637 0.178 -0.977 0.747 -0.758 1.27a0.462 0.462 0 0 0 0.015 0.036l4.879 11c0.218 0.523 0.91 0.8 1.549 0.622 0.636 -0.178 0.976 -0.747 0.758 -1.27l-0.016 -0.036zm-17 -12.658c-0.673 0 -1.219 0.448 -1.219 1v12c0 0.552 0.546 1 1.22 1 0.673 0 1.22 -0.448 1.22 -1v-12c0 -0.552 -0.547 -1 -1.22 -1z" opacity="1"/>
+ <g mask="url(#aq)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.342 30.655c-3.22 1.534 -7.075 0.166 -8.61 -3.055l-1.388 -2.916a1.614 1.614 0 0 1 0.764 -2.152l8.748 -4.166a1.614 1.614 0 0 1 2.153 0.764l1.388 2.916c1.534 3.22 0.166 7.075 -3.055 8.61z" opacity="1"/>
+ </g>
+ <g mask="url(#ar)">
+ <path fill="#FFF" fill-opacity="1" d="M13.85 22.153a0.798 0.798 0 0 0 -0.418 0.484l-1.253 3.533 -3.473 -1.24a0.796 0.796 0 0 0 -0.678 -0.005 0.808 0.808 0 0 0 0.07 1.487l-0.008 0.013 3.548 1.267 0.761 0.27a0.808 0.808 0 0 0 1.03 -0.49l0.27 -0.761 1.266 -3.56a0.808 0.808 0 0 0 -0.22 -0.875 0.808 0.808 0 0 0 -0.896 -0.123z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="792">
+ <defs>
+ <mask id="at" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="as" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61897 0 0 .5 14.884 29.251)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61897 0 0 .5 14.884 29.251)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.076 23.376c-0.683 0 -1.237 0.448 -1.237 1v10c0 0.552 0.554 1 1.237 1 0.684 0 1.238 -0.448 1.238 -1v-10c0 -0.552 -0.554 -1 -1.238 -1zm3.714 -1c-0.683 0 -1.238 0.448 -1.238 1v11c0 0.552 0.555 1 1.238 1 0.684 0 1.238 -0.448 1.238 -1v-11c0 -0.552 -0.554 -1 -1.238 -1zm9.828 11.658l-4.951 -11c-0.222 -0.523 -0.925 -0.801 -1.573 -0.622 -0.646 0.178 -0.991 0.747 -0.77 1.27a0.459 0.459 0 0 0 0.016 0.036l4.952 11c0.222 0.523 0.925 0.801 1.572 0.622 0.647 -0.178 0.992 -0.747 0.77 -1.27a0.459 0.459 0 0 0 -0.016 -0.036zm-17.255 -12.658c-0.684 0 -1.238 0.448 -1.238 1v12c0 0.552 0.554 1 1.238 1 0.683 0 1.238 -0.448 1.238 -1v-12c0 -0.552 -0.555 -1 -1.238 -1z" opacity="1"/>
+ <g mask="url(#as)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.412 33.611c-3.196 1.583 -7.072 0.274 -8.655 -2.923l-1.433 -2.894a1.614 1.614 0 0 1 0.73 -2.164l8.684 -4.3a1.614 1.614 0 0 1 2.164 0.731l1.433 2.895c1.583 3.197 0.274 7.072 -2.923 8.655z" opacity="1"/>
+ </g>
+ <g mask="url(#at)">
+ <path fill="#FFF" fill-opacity="1" d="M13.79 25.117a0.798 0.798 0 0 0 -0.411 0.49l-1.199 3.552 -3.49 -1.185a0.796 0.796 0 0 0 -0.679 0.004 0.808 0.808 0 0 0 0.093 1.486l-0.008 0.014 3.567 1.212 0.765 0.258a0.808 0.808 0 0 0 1.023 -0.506l0.259 -0.765 1.21 -3.578a0.808 0.808 0 0 0 -0.234 -0.873 0.808 0.808 0 0 0 -0.897 -0.109z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="814">
+ <defs>
+ <mask id="av" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="au" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62351 0 0 .5 14.922 28.62)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62351 0 0 .5 14.922 28.62)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.064 22.746c-0.688 0 -1.247 0.448 -1.247 1v10c0 0.552 0.56 1 1.247 1 0.689 0 1.247 -0.448 1.247 -1v-10c0 -0.552 -0.558 -1 -1.247 -1zm3.741 -1c-0.688 0 -1.247 0.448 -1.247 1v11c0 0.552 0.56 1 1.247 1 0.689 0 1.247 -0.448 1.247 -1v-11c0 -0.552 -0.558 -1 -1.247 -1zm9.9 11.658l-4.988 -11c-0.223 -0.523 -0.931 -0.801 -1.583 -0.622 -0.651 0.178 -1 0.747 -0.776 1.27l0.016 0.036 4.988 11c0.224 0.523 0.932 0.8 1.584 0.622 0.651 -0.178 0.999 -0.747 0.776 -1.27a0.457 0.457 0 0 0 -0.016 -0.036zm-17.382 -12.658c-0.688 0 -1.247 0.448 -1.247 1v12c0 0.552 0.559 1 1.247 1 0.689 0 1.247 -0.448 1.247 -1v-12c0 -0.552 -0.558 -1 -1.247 -1z" opacity="1"/>
+ <g mask="url(#au)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.489 35.462c-3.174 1.63 -7.068 0.378 -8.697 -2.796l-1.475 -2.873a1.614 1.614 0 0 1 0.698 -2.174l8.62 -4.426a1.614 1.614 0 0 1 2.174 0.699l1.475 2.873c1.63 3.173 0.378 7.067 -2.795 8.697z" opacity="1"/>
+ </g>
+ <g mask="url(#av)">
+ <path fill="#FFF" fill-opacity="1" d="M13.741 26.978a0.798 0.798 0 0 0 -0.403 0.497l-1.146 3.568 -3.508 -1.134a0.796 0.796 0 0 0 -0.678 0.014 0.808 0.808 0 0 0 0.114 1.485l-0.007 0.013 3.584 1.16 0.769 0.248a0.808 0.808 0 0 0 1.016 -0.522l0.247 -0.769 1.157 -3.595a0.808 0.808 0 0 0 -0.247 -0.869 0.808 0.808 0 0 0 -0.898 -0.096z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="836">
+ <defs>
+ <mask id="ax" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aw" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62484 0 0 .5 14.911 28.093)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.62484 0 0 .5 14.911 28.093)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.04 22.218c-0.69 0 -1.25 0.448 -1.25 1v10c0 0.552 0.56 1 1.25 1s1.249 -0.448 1.249 -1v-10c0 -0.552 -0.56 -1 -1.25 -1zm3.748 -1c-0.69 0 -1.25 0.448 -1.25 1v11c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-11c0 -0.552 -0.56 -1 -1.25 -1zm9.922 11.658l-5 -11c-0.223 -0.523 -0.933 -0.801 -1.586 -0.622 -0.653 0.178 -1.001 0.747 -0.778 1.27a0.457 0.457 0 0 0 0.017 0.036l4.998 11c0.224 0.523 0.934 0.801 1.588 0.622 0.652 -0.178 1 -0.747 0.777 -1.27a0.457 0.457 0 0 0 -0.016 -0.036zm-17.42 -12.658c-0.69 0 -1.25 0.448 -1.25 1v12c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-12c0 -0.552 -0.56 -1 -1.25 -1z" opacity="1"/>
+ <g mask="url(#aw)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.567 36.513c-3.15 1.673 -7.061 0.475 -8.734 -2.676l-1.515 -2.852a1.614 1.614 0 0 1 0.669 -2.184l8.558 -4.544a1.614 1.614 0 0 1 2.183 0.669l1.515 2.852c1.673 3.151 0.475 7.062 -2.676 8.735z" opacity="1"/>
+ </g>
+ <g mask="url(#ax)">
+ <path fill="#FFF" fill-opacity="1" d="M13.703 28.04a0.798 0.798 0 0 0 -0.396 0.502l-1.097 3.584 -3.523 -1.085a0.796 0.796 0 0 0 -0.678 0.023 0.808 0.808 0 0 0 0.134 1.483l-0.007 0.014 3.6 1.11 0.772 0.237a0.808 0.808 0 0 0 1.009 -0.536l0.236 -0.772 1.108 -3.61a0.808 0.808 0 0 0 -0.258 -0.866 0.808 0.808 0 0 0 -0.9 -0.084z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="858">
+ <defs>
+ <mask id="az" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="ay" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.625 0 0 .5 14.874 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.625 0 0 .5 14.874 27.875)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22c-0.69 0 -1.25 0.448 -1.25 1v10c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-10c0 -0.552 -0.56 -1 -1.25 -1zm3.75 -1c-0.69 0 -1.25 0.448 -1.25 1v11c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-11c0 -0.552 -0.56 -1 -1.25 -1zm9.924 11.658l-5 -11c-0.224 -0.523 -0.934 -0.801 -1.588 -0.622 -0.652 0.178 -1.001 0.747 -0.777 1.27l0.016 0.036 5 11c0.224 0.523 0.934 0.801 1.587 0.622 0.653 -0.178 1.002 -0.747 0.778 -1.27a0.457 0.457 0 0 0 -0.016 -0.036zm-17.424 -12.658c-0.69 0 -1.25 0.448 -1.25 1v12c0 0.552 0.56 1 1.25 1s1.25 -0.448 1.25 -1v-12c0 -0.552 -0.56 -1 -1.25 -1z" opacity="1"/>
+ <g mask="url(#ay)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.642 37.113c-3.13 1.713 -7.055 0.564 -8.768 -2.566l-1.55 -2.833a1.614 1.614 0 0 1 0.642 -2.192l8.5 -4.651a1.614 1.614 0 0 1 2.192 0.641l1.55 2.834c1.712 3.13 0.563 7.055 -2.566 8.767z" opacity="1"/>
+ </g>
+ <g mask="url(#az)">
+ <path fill="#FFF" fill-opacity="1" d="M13.672 28.652a0.798 0.798 0 0 0 -0.39 0.507l-1.052 3.597 -3.537 -1.041a0.796 0.796 0 0 0 -0.677 0.032 0.808 0.808 0 0 0 0.153 1.48l-0.007 0.015 3.614 1.065 0.774 0.227a0.808 0.808 0 0 0 1.002 -0.548l0.227 -0.775 1.062 -3.624a0.808 0.808 0 0 0 -0.269 -0.863 0.808 0.808 0 0 0 -0.9 -0.072z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="880">
+ <defs>
+ <mask id="aB" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aA" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61111 0 0 .5 14.775 27.817)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.61111 0 0 .5 14.775 27.817)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.054 21.942c-0.674 0 -1.222 0.448 -1.222 1v10c0 0.552 0.548 1 1.222 1 0.675 0 1.223 -0.448 1.223 -1v-10c0 -0.552 -0.548 -1 -1.223 -1zm3.667 -1c-0.675 0 -1.222 0.448 -1.222 1v11c0 0.552 0.547 1 1.222 1 0.675 0 1.222 -0.448 1.222 -1v-11c0 -0.552 -0.547 -1 -1.222 -1zm9.703 11.658l-4.889 -11c-0.218 -0.523 -0.913 -0.8 -1.552 -0.622 -0.638 0.178 -0.979 0.747 -0.76 1.27l0.016 0.036 4.889 11c0.219 0.523 0.913 0.801 1.552 0.622 0.638 -0.178 0.979 -0.747 0.76 -1.27l-0.016 -0.036zm-17.036 -12.658c-0.675 0 -1.222 0.448 -1.222 1v12c0 0.552 0.547 1 1.222 1 0.674 0 1.222 -0.448 1.222 -1v-12c0 -0.552 -0.548 -1 -1.222 -1z" opacity="1"/>
+ <g mask="url(#aA)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.708 37.444c-3.11 1.746 -7.048 0.64 -8.795 -2.47l-1.58 -2.817a1.614 1.614 0 0 1 0.617 -2.199l8.449 -4.743a1.614 1.614 0 0 1 2.199 0.617l1.58 2.817c1.747 3.11 0.64 7.048 -2.47 8.795z" opacity="1"/>
+ </g>
+ <g mask="url(#aB)">
+ <path fill="#FFF" fill-opacity="1" d="M13.646 28.993a0.798 0.798 0 0 0 -0.384 0.512l-1.013 3.608 -3.548 -1.003a0.796 0.796 0 0 0 -0.677 0.04 0.808 0.808 0 0 0 0.17 1.479l-0.008 0.014 3.626 1.026 0.777 0.218a0.808 0.808 0 0 0 0.995 -0.559l0.219 -0.777 1.023 -3.636a0.808 0.808 0 0 0 -0.279 -0.859 0.808 0.808 0 0 0 -0.9 -0.063z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="902">
+ <defs>
+ <mask id="aD" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aC" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.59722 0 0 .5 14.62 27.745)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.59722 0 0 .5 14.62 27.745)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.052 21.87c-0.659 0 -1.194 0.448 -1.194 1v10c0 0.552 0.535 1 1.194 1 0.66 0 1.195 -0.448 1.195 -1v-10c0 -0.552 -0.535 -1 -1.195 -1zm3.584 -1c-0.66 0 -1.195 0.448 -1.195 1v11c0 0.552 0.535 1 1.195 1 0.659 0 1.194 -0.448 1.194 -1v-11c0 -0.552 -0.535 -1 -1.194 -1zm9.482 11.658l-4.777 -11c-0.214 -0.523 -0.893 -0.801 -1.517 -0.622 -0.624 0.178 -0.957 0.747 -0.743 1.27a0.467 0.467 0 0 0 0.015 0.036l4.778 11c0.214 0.523 0.892 0.8 1.517 0.622 0.623 -0.178 0.957 -0.747 0.743 -1.27a0.467 0.467 0 0 0 -0.016 -0.036zm-16.649 -12.658c-0.66 0 -1.194 0.448 -1.194 1v12c0 0.552 0.535 1 1.194 1 0.66 0 1.194 -0.448 1.194 -1v-12c0 -0.552 -0.535 -1 -1.194 -1z" opacity="1"/>
+ <g mask="url(#aC)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.76 37.601c-3.096 1.772 -7.043 0.7 -8.815 -2.397l-1.605 -2.803a1.614 1.614 0 0 1 0.6 -2.204l8.409 -4.813a1.614 1.614 0 0 1 2.204 0.6l1.604 2.802c1.772 3.096 0.699 7.043 -2.397 8.815z" opacity="1"/>
+ </g>
+ <g mask="url(#aD)">
+ <path fill="#FFF" fill-opacity="1" d="M13.627 29.16a0.798 0.798 0 0 0 -0.38 0.515l-0.983 3.617 -3.556 -0.974a0.796 0.796 0 0 0 -0.676 0.045 0.808 0.808 0 0 0 0.181 1.478l-0.007 0.014 3.634 0.996 0.78 0.212a0.808 0.808 0 0 0 0.99 -0.567l0.212 -0.78 0.993 -3.643a0.808 0.808 0 0 0 -0.286 -0.857 0.808 0.808 0 0 0 -0.902 -0.056z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="924">
+ <defs>
+ <mask id="aF" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aE" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58333 0 0 .5 14.429 27.718)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.58333 0 0 .5 14.429 27.718)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8.013 21.843c-0.644 0 -1.166 0.448 -1.166 1v10c0 0.552 0.522 1 1.166 1 0.644 0 1.167 -0.448 1.167 -1v-10c0 -0.552 -0.523 -1 -1.167 -1zm3.5 -1c-0.644 0 -1.166 0.448 -1.166 1v11c0 0.552 0.522 1 1.166 1 0.644 0 1.167 -0.448 1.167 -1v-11c0 -0.552 -0.523 -1 -1.167 -1zm9.262 11.658l-4.666 -11c-0.21 -0.523 -0.872 -0.801 -1.482 -0.622 -0.609 0.178 -0.934 0.747 -0.726 1.27a0.473 0.473 0 0 0 0.016 0.036l4.666 11c0.21 0.523 0.872 0.8 1.482 0.622 0.609 -0.178 0.934 -0.747 0.726 -1.27l-0.016 -0.036zm-16.262 -12.658c-0.644 0 -1.166 0.448 -1.166 1v12c0 0.552 0.522 1 1.166 1 0.644 0 1.167 -0.448 1.167 -1v-12c0 -0.552 -0.523 -1 -1.167 -1z" opacity="1"/>
+ <g mask="url(#aE)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aF)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.62 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.048 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.982 0.78 0.21a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.052z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="946">
+ <defs>
+ <mask id="aH" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aG" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56944 0 0 .5 14.233 27.728)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.56944 0 0 .5 14.233 27.728)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M7.97 21.853c-0.629 0 -1.139 0.448 -1.139 1v10c0 0.552 0.51 1 1.139 1s1.139 -0.448 1.139 -1v-10c0 -0.552 -0.51 -1 -1.139 -1zm3.417 -1c-0.629 0 -1.14 0.448 -1.14 1v11c0 0.552 0.511 1 1.14 1 0.628 0 1.139 -0.448 1.139 -1v-11c0 -0.552 -0.51 -1 -1.14 -1zm9.041 11.658l-4.555 -11c-0.204 -0.523 -0.851 -0.8 -1.447 -0.622 -0.594 0.178 -0.912 0.747 -0.708 1.27a0.48 0.48 0 0 0 0.015 0.036l4.555 11c0.204 0.523 0.851 0.801 1.447 0.622 0.594 -0.178 0.912 -0.747 0.708 -1.27a0.48 0.48 0 0 0 -0.015 -0.036zm-15.875 -12.658c-0.628 0 -1.139 0.448 -1.139 1v12c0 0.552 0.51 1 1.14 1 0.628 0 1.138 -0.448 1.138 -1v-12c0 -0.552 -0.51 -1 -1.139 -1z" opacity="1"/>
+ <g mask="url(#aG)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aH)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.621 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.047 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.983 0.78 0.209a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.051z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="968">
+ <defs>
+ <mask id="aJ" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aI" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.55556 0 0 .5 14.046 27.757)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.55556 0 0 .5 14.046 27.757)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M7.936 21.882c-0.614 0 -1.112 0.448 -1.112 1v10c0 0.552 0.498 1 1.112 1 0.613 0 1.11 -0.448 1.11 -1v-10c0 -0.552 -0.497 -1 -1.11 -1zm3.333 -1c-0.613 0 -1.111 0.448 -1.111 1v11c0 0.552 0.498 1 1.11 1 0.614 0 1.112 -0.448 1.112 -1v-11c0 -0.552 -0.498 -1 -1.111 -1zm8.821 11.658l-4.444 -11c-0.2 -0.523 -0.83 -0.8 -1.412 -0.622 -0.58 0.178 -0.89 0.747 -0.69 1.27a0.487 0.487 0 0 0 0.014 0.036l4.444 11c0.2 0.523 0.83 0.801 1.411 0.622 0.58 -0.178 0.89 -0.747 0.691 -1.27a0.487 0.487 0 0 0 -0.014 -0.036zm-15.488 -12.658c-0.613 0 -1.11 0.448 -1.11 1v12c0 0.552 0.497 1 1.11 1 0.614 0 1.111 -0.448 1.111 -1v-12c0 -0.552 -0.497 -1 -1.11 -1z" opacity="1"/>
+ <g mask="url(#aI)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aJ)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.621 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.047 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.983 0.78 0.209a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.051z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="990">
+ <defs>
+ <mask id="aL" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aK" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54167 0 0 .5 13.872 27.794)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.54167 0 0 .5 13.872 27.794)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M7.915 21.919c-0.598 0 -1.083 0.448 -1.083 1v10c0 0.552 0.485 1 1.083 1s1.084 -0.448 1.084 -1v-10c0 -0.552 -0.486 -1 -1.084 -1zm3.25 -1c-0.598 0 -1.083 0.448 -1.083 1v11c0 0.552 0.485 1 1.083 1s1.084 -0.448 1.084 -1v-11c0 -0.552 -0.486 -1 -1.084 -1zm8.6 11.658l-4.333 -11c-0.193 -0.523 -0.809 -0.801 -1.375 -0.622 -0.566 0.178 -0.868 0.747 -0.674 1.27a0.494 0.494 0 0 0 0.014 0.036l4.333 11c0.194 0.523 0.81 0.8 1.376 0.622 0.566 -0.178 0.868 -0.747 0.674 -1.27a0.494 0.494 0 0 0 -0.014 -0.036zm-15.1 -12.658c-0.598 0 -1.083 0.448 -1.083 1v12c0 0.552 0.485 1 1.083 1s1.084 -0.448 1.084 -1v-12c0 -0.552 -0.486 -1 -1.084 -1z" opacity="1"/>
+ <g mask="url(#aK)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aL)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.621 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.047 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.983 0.78 0.209a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.051z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="1012">
+ <defs>
+ <mask id="aN" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aM" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.52778 0 0 .5 13.719 27.83)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.52778 0 0 .5 13.719 27.83)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M7.914 21.956c-0.583 0 -1.056 0.448 -1.056 1v10c0 0.552 0.473 1 1.056 1 0.583 0 1.056 -0.448 1.056 -1v-10c0 -0.552 -0.473 -1 -1.056 -1zm3.167 -1c-0.583 0 -1.056 0.448 -1.056 1v11c0 0.552 0.473 1 1.056 1 0.582 0 1.055 -0.448 1.055 -1v-11c0 -0.552 -0.473 -1 -1.055 -1zm8.38 11.658l-4.222 -11c-0.19 -0.523 -0.789 -0.801 -1.341 -0.622 -0.551 0.178 -0.846 0.747 -0.657 1.27l0.014 0.036 4.222 11c0.19 0.523 0.789 0.8 1.34 0.622 0.552 -0.178 0.846 -0.747 0.657 -1.27l-0.013 -0.036zm-14.714 -12.658c-0.582 0 -1.055 0.448 -1.055 1v12c0 0.552 0.473 1 1.055 1 0.583 0 1.056 -0.448 1.056 -1v-12c0 -0.552 -0.473 -1 -1.056 -1z" opacity="1"/>
+ <g mask="url(#aM)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aN)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.621 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.047 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.983 0.78 0.209a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.051z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="1034">
+ <defs>
+ <mask id="aP" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aO" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.51389 0 0 .5 13.59 27.86)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.51389 0 0 .5 13.59 27.86)"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M7.938 21.986c-0.567 0 -1.027 0.448 -1.027 1v10c0 0.552 0.46 1 1.027 1 0.568 0 1.028 -0.448 1.028 -1v-10c0 -0.552 -0.46 -1 -1.028 -1zm3.084 -1c-0.568 0 -1.028 0.448 -1.028 1v11c0 0.552 0.46 1 1.028 1 0.567 0 1.028 -0.448 1.028 -1v-11c0 -0.552 -0.46 -1 -1.028 -1zm8.16 11.658l-4.112 -11c-0.184 -0.523 -0.768 -0.801 -1.305 -0.622 -0.537 0.178 -0.823 0.747 -0.64 1.27a0.51 0.51 0 0 0 0.014 0.036l4.111 11c0.184 0.523 0.768 0.8 1.305 0.622 0.537 -0.178 0.824 -0.747 0.64 -1.27l-0.014 -0.036zm-14.327 -12.658c-0.567 0 -1.028 0.448 -1.028 1v12c0 0.552 0.46 1 1.028 1 0.567 0 1.028 -0.448 1.028 -1v-12c0 -0.552 -0.46 -1 -1.028 -1z" opacity="1"/>
+ <g mask="url(#aO)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aP)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.621 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.047 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.983 0.78 0.209a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.051z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="1056">
+ <defs>
+ <mask id="aR" mask-type="alpha">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.658 0.5 2.375 5.876 8.467 -1.751 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" opacity="1" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ </mask>
+ <mask id="aQ" mask-type="alpha">
+ <g opacity="1">
+ <path fill="#11DBEA" fill-opacity="1" d="M-29.125 -76.875l-15.5 48.625 21.375 12 5.5 -0.75 3 -0.25 2.25 3.75 5.5 1 0.75 -2.25 3.25 -0.125 6.229 0.505 4.259 11.371 7.012 -7.251 2.75 -18.125 6 -25.25 -0.75 -22.25 -51.625 -1z" transform="matrix(.5 0 0 .5 13.499 27.875)"/>
+ <path fill-opacity="0" stroke="#871111" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="0" d="M-1.063 -10.563l-7.75 24.313 10.687 6 2.75 -0.375 1.5 -0.125 1.125 1.875 2.75 0.5 0.375 -1.125 1.625 -0.063 3.115 0.253 2.129 5.685 3.506 -3.625 1.375 -9.062 3 -12.625 -0.375 -11.125 -25.812 -0.5z"/>
+ </g>
+ </mask>
+ </defs>
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#aQ)">
+ <path fill="#EF3F56" fill-opacity="1" d="M14.783 37.647c-3.09 1.784 -7.04 0.725 -8.824 -2.364l-1.615 -2.797a1.614 1.614 0 0 1 0.591 -2.206l8.391 -4.845a1.614 1.614 0 0 1 2.206 0.591l1.615 2.797c1.784 3.09 0.725 7.04 -2.364 8.824z" opacity="1"/>
+ </g>
+ <g mask="url(#aR)">
+ <path fill="#FFF" fill-opacity="1" d="M13.62 29.21a0.798 0.798 0 0 0 -0.379 0.516l-0.97 3.621 -3.559 -0.96a0.796 0.796 0 0 0 -0.677 0.047 0.808 0.808 0 0 0 0.188 1.477l-0.007 0.014 3.637 0.983 0.78 0.209a0.808 0.808 0 0 0 0.989 -0.571l0.209 -0.78 0.979 -3.648a0.808 0.808 0 0 0 -0.29 -0.856 0.808 0.808 0 0 0 -0.9 -0.051z" opacity="1"/>
+ </g>
+ </svg>
+ <svg x="1078">
+ <path fill="context-fill" fill-opacity="1" d="M8 22a1 1 0 0 0 -1 1v10a1 1 0 0 0 2 0v-10a1 1 0 0 0 -1 -1zm3 -1a1 1 0 0 0 -1 1v11a1 1 0 0 0 2 0v-11a1 1 0 0 0 -1 -1zm7.939 11.658l-4 -11a1 1 0 1 0 -1.879 0.684l4 11a1 1 0 1 0 1.892 -0.648l-0.013 -0.036zm-13.939 -12.658a1 1 0 0 0 -1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0 -1 -1z" opacity="1"/>
+ <g mask="url(#bS)">
+ <path fill="#EF3F56" fill-opacity="1" d="M8.8 14.017c-3.538 -1.288 -5.363 -5.201 -4.075 -8.74l1.166 -3.203a1.704 1.704 0 0 1 2.185 -1.02l9.611 3.499a1.704 1.704 0 0 1 1.019 2.185l-1.166 3.203c-1.288 3.539 -5.201 5.364 -8.74 4.076z" opacity="1"/>
+ </g>
+ </svg>
+</svg>
new file mode 100644
--- /dev/null
+++ b/browser/extensions/pocket/skin/shared/pocket-animation.svg
@@ -0,0 +1,157 @@
+<!-- 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="240" height="18" fill="context-fill">
+ <svg width="20" height="18">
+ <defs>
+ <filter id="a" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <g>
+ <g fill-opacity=".25">
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ </g>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#a)" transform="translate(10.005 9.286) scale(1.02438)"/>
+ </g>
+ </svg>
+ <svg width="20" height="18" x="20">
+ <defs>
+ <filter id="b" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <g>
+ <g fill-opacity=".25">
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ <path d="M10 16.41c-4.527 0 -8.179 -3.826 -8.179 -8.352v-4.097a2.05 2.05 0 0 1 2.05 -2.05h12.253a2.05 2.05 0 0 1 2.049 2.05v4.097c0 4.526 -3.648 8.352 -8.174 8.352z"/>
+ </g>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#b)" transform="translate(10.005 9.286) scale(1.02438)"/>
+ </g>
+ </svg>
+ <svg width="20" height="18" x="40">
+ <defs>
+ <filter id="c" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#c)" transform="translate(10.005 10.054) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="60">
+ <defs>
+ <filter id="d" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#d)" transform="translate(10.009 10.057) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="80">
+ <defs>
+ <filter id="e" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#e)" transform="translate(10.005 10.054) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="100">
+ <defs>
+ <filter id="f" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#f)" transform="translate(10.005 10.016) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="120">
+ <defs>
+ <filter id="g" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#g)" transform="translate(10.005 9.925) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="140">
+ <defs>
+ <filter id="h" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#h)" transform="translate(10.005 9.802) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="160">
+ <defs>
+ <filter id="i" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill-opacity=".25" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path fill="#EE4055" d="M9.997 16.955c-4.978 0 -8.995 -4.208 -8.995 -9.187v-4.507a2.253 2.253 0 0 1 2.254 -2.254h13.479a2.253 2.253 0 0 1 2.253 2.254v4.507c0 4.979 -4.012 9.187 -8.99 9.187z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#i)" transform="translate(10.005 9.66) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="180">
+ <defs>
+ <filter id="j" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.997 16.924c-4.958 0 -8.96 -4.192 -8.96 -9.151v-4.49a2.244 2.244 0 0 1 2.245 -2.245h13.426a2.244 2.244 0 0 1 2.245 2.245v4.49c0 4.959 -3.997 9.15 -8.956 9.15z"/>
+ <path fill-opacity=".25" d="M9.997 16.924c-4.958 0 -8.96 -4.192 -8.96 -9.151v-4.49a2.244 2.244 0 0 1 2.245 -2.245h13.426a2.244 2.244 0 0 1 2.245 2.245v4.49c0 4.959 -3.997 9.15 -8.956 9.15z"/>
+ <path fill-opacity=".25" d="M9.997 16.924c-4.958 0 -8.96 -4.192 -8.96 -9.151v-4.49a2.244 2.244 0 0 1 2.245 -2.245h13.426a2.244 2.244 0 0 1 2.245 2.245v4.49c0 4.959 -3.997 9.15 -8.956 9.15z"/>
+ <path fill="#EE4055" d="M9.997 16.924c-4.958 0 -8.96 -4.192 -8.96 -9.151v-4.49a2.244 2.244 0 0 1 2.245 -2.245h13.426a2.244 2.244 0 0 1 2.245 2.245v4.49c0 4.959 -3.997 9.15 -8.956 9.15z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#j)" transform="translate(10.005 9.512) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="200">
+ <defs>
+ <filter id="k" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.998 16.84c-4.908 0 -8.868 -4.148 -8.868 -9.056v-4.443a2.222 2.222 0 0 1 2.222 -2.222h13.287a2.222 2.222 0 0 1 2.222 2.222v4.443c0 4.908 -3.956 9.057 -8.863 9.057z"/>
+ <path fill-opacity=".25" d="M9.998 16.84c-4.908 0 -8.868 -4.148 -8.868 -9.056v-4.443a2.222 2.222 0 0 1 2.222 -2.222h13.287a2.222 2.222 0 0 1 2.222 2.222v4.443c0 4.908 -3.956 9.057 -8.863 9.057z"/>
+ <path fill-opacity=".25" d="M9.998 16.84c-4.908 0 -8.868 -4.148 -8.868 -9.056v-4.443a2.222 2.222 0 0 1 2.222 -2.222h13.287a2.222 2.222 0 0 1 2.222 2.222v4.443c0 4.908 -3.956 9.057 -8.863 9.057z"/>
+ <path fill="#EE4055" d="M9.998 16.84c-4.908 0 -8.868 -4.148 -8.868 -9.056v-4.443a2.222 2.222 0 0 1 2.222 -2.222h13.287a2.222 2.222 0 0 1 2.222 2.222v4.443c0 4.908 -3.956 9.057 -8.863 9.057z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#k)" transform="translate(10.005 9.372) scale(1.02438)"/>
+ </svg>
+ <svg width="20" height="18" x="220">
+ <defs>
+ <filter id="l" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+ <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+ </filter>
+ </defs>
+ <path fill-opacity=".25" d="M9.998 16.723c-4.835 0 -8.737 -4.087 -8.737 -8.922v-4.378a2.189 2.189 0 0 1 2.19 -2.189h13.09a2.19 2.19 0 0 1 2.19 2.19v4.376c0 4.835 -3.898 8.922 -8.733 8.922z"/>
+ <path fill-opacity=".25" d="M9.998 16.723c-4.835 0 -8.737 -4.087 -8.737 -8.922v-4.378a2.189 2.189 0 0 1 2.19 -2.189h13.09a2.19 2.19 0 0 1 2.19 2.19v4.376c0 4.835 -3.898 8.922 -8.733 8.922z"/>
+ <path fill-opacity=".25" d="M9.998 16.723c-4.835 0 -8.737 -4.087 -8.737 -8.922v-4.378a2.189 2.189 0 0 1 2.19 -2.189h13.09a2.19 2.19 0 0 1 2.19 2.19v4.376c0 4.835 -3.898 8.922 -8.733 8.922z"/>
+ <path fill="#EE4055" d="M9.998 16.723c-4.835 0 -8.737 -4.087 -8.737 -8.922v-4.378a2.189 2.189 0 0 1 2.19 -2.189h13.09a2.19 2.19 0 0 1 2.19 2.19v4.376c0 4.835 -3.898 8.922 -8.733 8.922z"/>
+ <path d="M3.986 -3.055a0.991 0.991 0 0 0 -0.726 0.319l-3.281 3.284 -3.224 -3.235a0.984 0.984 0 0 0 -0.754 -0.368 1.001 1.001 0 0 0 -0.715 1.7l-0.016 0.011 3.294 3.306 0.706 0.707a1 1 0 0 0 1.414 0l0.707 -0.707 3.31 -3.306a1.001 1.001 0 0 0 -0.715 -1.711z" filter="url(#l)" transform="translate(10.005 9.286) scale(1.02438)"/>
+ </svg>
+</svg>
--- a/browser/extensions/pocket/skin/shared/pocket.css
+++ b/browser/extensions/pocket/skin/shared/pocket.css
@@ -18,16 +18,192 @@ panelmultiview[mainViewId=PanelUI-pocket
-moz-context-properties: fill;
fill: var(--toolbarbutton-icon-fill);
}
toolbar[brighttext] #pocket-button {
fill: var(--toolbarbutton-icon-fill-inverted);
}
+#pocket-button[open="true"][animationsenabled] > .toolbarbutton-icon {
+ fill: transparent;
+}
+
+@keyframes pocket-animation {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(-220px);
+ }
+}
+
+@keyframes pocket-animation-rtl {
+ from {
+ transform: scaleX(-1) translateX(0);
+ }
+ to {
+ transform: scaleX(-1) translateX(-220px);
+ }
+}
+
+#pocket-button > .toolbarbutton-animatable-box {
+ position: absolute;
+ overflow: hidden;
+ top: calc(50% - 9px); /* 9px is half the height of the sprite */
+ /* Since .toolbarbutton-icon uses a different width than the animatable box,
+ we need to set a padding relative to the difference in widths. */
+ margin-inline-start: calc((16px + 2 * var(--toolbarbutton-inner-padding) - 20px) / 2);
+ /* Set the min- and max- width and height of the box equal to that
+ of each frame of the SVG sprite. Setting the width and height via
+ the `width` and `height` CSS properties causes an assertion for
+ `inline-size less than zero: 'aContainingBlockISize >= 0'` (bug 1379332). */
+ min-width: 20px;
+ max-width: 20px;
+ min-height: 18px;
+ max-height: 18px;
+}
+
+#pocket-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ height: var(--toolbarbutton-height); /* Height must be equal to height of toolbarbutton padding-box */
+}
+
+#pocket-button[open="true"][animationsenabled][cui-areatype="toolbar"]:not([overflowedItem="true"]) {
+ position: relative;
+}
+
+/* Preload pocket-animation.svg and library-pocket-animation.svg to prevent
+ a flicker at the start of either animation. The preloading of the library
+ animation is triggered off of hovering the pocket button since the pocket
+ button always animates before the library button. */
+#pocket-button[animationsenabled][cui-areatype="toolbar"]:not([overflowedItem="true"]):not([open="true"]):hover > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ background-image: url("chrome://pocket-shared/skin/pocket-animation.svg"),
+ url("chrome://pocket-shared/skin/library-pocket-animation.svg");
+ background-size: 0, 0;
+}
+
+#pocket-button[open="true"][animationsenabled][cui-areatype="toolbar"]:not([overflowedItem="true"]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ animation-name: pocket-animation;
+ animation-timing-function: steps(11);
+ animation-duration: 184ms;
+ background-image: url("chrome://pocket-shared/skin/pocket-animation.svg");
+ width: 240px;
+}
+
+#pocket-button[open="true"][animationsenabled][cui-areatype="toolbar"]:not([overflowedItem="true"]):-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ animation-name: pocket-animation-rtl;
+}
+
+#library-button[animate="pocket"] > .toolbarbutton-icon {
+ fill: transparent;
+}
+
+@keyframes library-pocket-animation {
+ from {
+ transform: translateX(0);
+ fill: inherit;
+ }
+ 25% {
+ fill: inherit;
+ }
+ 50% {
+ fill: rgb(213,32,20);
+ }
+ to {
+ transform: translateX(-1056px);
+ fill: rgb(213,32,20);
+ }
+}
+
+@keyframes library-pocket-animation-rtl {
+ from {
+ transform: scaleX(-1) translateX(0);
+ fill: inherit;
+ }
+ 25% {
+ fill: inherit;
+ }
+ 50% {
+ fill: rgb(213,32,20);
+ }
+ to {
+ transform: scaleX(-1) translateX(-1056px);
+ fill: rgb(213,32,20);
+ }
+}
+
+/* The animations for the pocket-button and library-button are disabled
+ outside of the nav-bar due to bug 1382894. */
+:-moz-any(#pocket-button, #library-button) > .toolbarbutton-animatable-box {
+ display: none;
+}
+#nav-bar :-moz-any(#pocket-button, #library-button) > .toolbarbutton-animatable-box {
+ display: -moz-box;
+}
+
+/* We need to use an animation here instead of a transition
+ to guarantee that the animation succeeds. With transitions
+ if the starting value is already equal to the end value
+ then no transition will occur and thus no transitionend event. */
+@keyframes library-pocket-fade {
+ from {
+ fill: rgb(213,32,20);
+ }
+ to {
+ fill: inherit;
+ }
+}
+
+#library-button[animate="pocket"] {
+ position: relative;
+}
+
+#library-button[animate="pocket"] > .toolbarbutton-animatable-box {
+ position: absolute;
+ overflow: hidden;
+ top: calc(50% - 27px); /* 27px is half the height of the sprite */
+ /* Since .toolbarbutton-icon uses a different width than the animatable box,
+ we need to set a padding relative to the difference in widths. */
+ margin-inline-start: calc((16px + 2 * var(--toolbarbutton-inner-padding) - 22px) / 2);
+ /* Set the min- and max- width and height of the box equal to that
+ of each frame of the SVG sprite. Setting the width and height via
+ the `width` and `height` CSS properties causes an assertion for
+ `inline-size less than zero: 'aContainingBlockISize >= 0'` (bug 1379332). */
+ min-width: 22px;
+ max-width: 22px;
+ /* Height of each frame within the SVG sprite. The sprite must have equal amount
+ of space above and below the icon to allow it to vertically center with the
+ sprite's icon on top of the toolbar icon when using position:absolute;. */
+ min-height: 54px;
+ max-height: 54px;
+}
+
+#library-button[animate="pocket"] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ height: var(--toolbarbutton-height); /* Height must be equal to height of toolbarbutton padding-box */
+}
+
+#library-button[animate="pocket"] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ background-image: url("chrome://pocket-shared/skin/library-pocket-animation.svg");
+ width: 1078px;
+ animation-name: library-pocket-animation;
+ animation-duration: 768ms;
+ animation-timing-function: steps(48);
+}
+
+#library-button[animate="pocket"]:-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ animation-name: library-pocket-animation-rtl;
+ transform: scaleX(-1);
+}
+
+#library-button[animate="pocket"][fade] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ animation-name: library-pocket-fade;
+ animation-duration: 2s;
+ animation-timing-function: ease-out;
+}
+
#pocket-button[cui-areatype="toolbar"][open] {
fill: rgb(213,32,20);
}
@media not all and (min-resolution: 1.1dppx) {
#pocket-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #pocket-button {
list-style-image: url(chrome://pocket/skin/menuPanel.png);
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -12,16 +12,17 @@
toolbar[brighttext] .toolbarbutton-1 {
fill: var(--toolbarbutton-icon-fill-inverted);
}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
%ifdef MOZ_PHOTON_THEME
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+#library-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
%endif
#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1);
}
#back-button {
%ifdef MOZ_PHOTON_THEME
@@ -32,16 +33,22 @@ toolbar[brighttext] .toolbarbutton-1 {
}
#forward-button {
list-style-image: url("chrome://browser/skin/forward.svg");
}
%ifdef MOZ_PHOTON_THEME
%ifdef MOZ_PHOTON_ANIMATIONS
+.toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ animation-fill-mode: forwards;
+ animation-iteration-count: 1;
+ list-style-image: none;
+}
+
#stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon {
fill: transparent;
}
@keyframes reload-to-stop {
from {
transform: translateX(0);
@@ -99,19 +106,16 @@ toolbar[brighttext] .toolbarbutton-1 {
max-width: 18px;
min-height: 20px;
max-height: 20px;
}
#reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image,
#stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
height: var(--toolbarbutton-height); /* Height must be equal to height of toolbarbutton padding-box */
- animation-fill-mode: forwards;
- animation-iteration-count: 1;
- list-style-image: none;
}
#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
background-image: url("chrome://browser/skin/reload-to-stop.svg");
width: 468px;
}
#stop-reload-button[animate] > #reload-button:not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
@@ -360,19 +364,16 @@ toolbar:not([brighttext]) #bookmarks-men
we need to set a padding relative to the difference in widths. */
margin-inline-start: calc((16px + 2 * var(--toolbarbutton-inner-padding) - 18px) / 2);
width: 18px; /* Width of each frame within the SVG sprite */
height: 24px; /* Height of each frame within the SVG sprite */
}
#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
height: 24px; /* Height of each frame within the SVG sprite */
- animation-fill-mode: forwards;
- animation-iteration-count: 1;
- list-style-image: none;
}
#nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
animation-name: overflow-animation;
animation-timing-function: steps(70);
animation-duration: 1.1s;
background-image: url("chrome://browser/skin/chevron-animation.svg");
width: 1278px;
--- a/toolkit/modules/BrowserUtils.jsm
+++ b/toolkit/modules/BrowserUtils.jsm
@@ -362,16 +362,45 @@ this.BrowserUtils = {
let window = this.getRootWindow(docShell);
if (!this._visibleToolbarsMap.has(window))
return false;
let toolbars = this._visibleToolbarsMap.get(window);
return !!toolbars && toolbars.has(which);
},
/**
+ * Sets the --toolbarbutton-button-height CSS property on the closest
+ * toolbar to the provided element. Useful if you need to vertically
+ * center a position:absolute element within a toolbar that uses
+ * -moz-pack-align:stretch, and thus a height which is dependant on
+ * the font-size.
+ *
+ * @param element An element within the toolbar whose height is desired.
+ *
+ */
+ setToolbarButtonHeightProperty(element) {
+ let window = element.ownerGlobal;
+ let dwu = window.getInterface(Ci.nsIDOMWindowUtils);
+ let toolbarItem = element;
+ let urlBarContainer = element.closest("#urlbar-container");
+ if (urlBarContainer) {
+ // The stop-reload-button, which is contained in #urlbar-container,
+ // needs to use #urlbar-container to calculate the bounds.
+ toolbarItem = urlBarContainer;
+ }
+ if (!toolbarItem) {
+ return;
+ }
+ let bounds = dwu.getBoundsWithoutFlushing(toolbarItem);
+ if (bounds.height) {
+ toolbarItem.style.setProperty("--toolbarbutton-height", bounds.height + "px");
+ }
+ },
+
+ /**
* Track whether a toolbar is visible for a given a docShell.
*
* @param {nsIDocShell} docShell The docShell instance that a toolbar should
* be interacting with
* @param {String} which Identifier of a specific toolbar
* @param {Boolean} [visible] Whether the toolbar is visible. Optional,
* defaults to `true`.
*/
