@getflip/swirl-components 0.0.0-new-shell-20231128124118

package/dist/collection/utils.js

@@ -0,0 +1,168 @@
+export function closestPassShadow(node, selector) {
+  if (!node) {
+    return null;
+  }
+  if (node instanceof ShadowRoot) {
+    return closestPassShadow(node.host, selector);
+  }
+  if (node instanceof HTMLElement) {
+    if (node.matches(selector)) {
+      return node;
+    }
+    else {
+      return closestPassShadow(node.parentNode, selector);
+    }
+  }
+  return closestPassShadow(node.parentNode, selector);
+}
+export function getActiveElement(root = document) {
+  const activeEl = root.activeElement;
+  if (!Boolean(activeEl)) {
+    return undefined;
+  }
+  if (Boolean(activeEl.shadowRoot)) {
+    return getActiveElement(activeEl.shadowRoot);
+  }
+  else {
+    return activeEl;
+  }
+}
+export const getDesktopMediaQuery = () => document.documentElement.classList.contains("disable-desktop-style-tweaks")
+  ? window.matchMedia(null)
+  : window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");
+export function debounce(func, wait, immediate = false) {
+  let timeout;
+  return async function executedFunction() {
+    const context = this;
+    const args = arguments;
+    const later = function () {
+      timeout = null;
+      if (!immediate) {
+        func.apply(context, args);
+      }
+    };
+    const callNow = immediate && !Boolean(timeout);
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) {
+      func.apply(context, args);
+    }
+  };
+}
+export function fullscreenStoryDecorator(padded = true) {
+  return (story) => {
+    const container = document.createElement("div");
+    const styles = document.createElement("style");
+    const script = document.createElement("script");
+    container.classList.add("container");
+    container.style.backgroundColor = "var(--s-surface-raised-default)";
+    container.style.height = "100vh";
+    if (padded) {
+      styles.innerHTML = `
+      @media (min-width: 1440px) {
+        .container {
+          padding: 1rem;
+        }
+      }
+    `;
+    }
+    script.innerHTML = `
+    if (!window.updateContainerHeight) {
+      window.updateContainerHeight = () => {
+        document.querySelector('.container').style.height = window.innerHeight+'px';
+      };
+
+      window.addEventListener('resize', window.updateContainerHeight);
+    }
+
+    window.updateContainerHeight();
+  `;
+    container.append(styles, story(), script);
+    return container;
+  };
+}
+export function generateStoryElement(tag, args, content) {
+  const element = document.createElement(tag);
+  Object.entries(args)
+    .filter((arg) => arg[1] !== undefined &&
+    arg[1] !== null &&
+    arg[1] !== "" &&
+    arg[0] !== "slot")
+    .forEach(([attr, value]) => {
+    if (typeof value === "object") {
+      element[attr] = value;
+      return;
+    }
+    return element.setAttribute(attr.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase()), String(value));
+  });
+  if (Boolean(content)) {
+    element.innerHTML = content;
+  }
+  return element;
+}
+export function getVisibleHeight(element, container) {
+  const scrollTop = container.scrollTop;
+  const scrollBot = scrollTop + container.clientHeight;
+  const containerRect = container.getBoundingClientRect();
+  const eleRect = element.getBoundingClientRect();
+  const rect = {
+    top: eleRect.top - containerRect.top,
+    right: eleRect.right - containerRect.right,
+    bottom: eleRect.bottom - containerRect.bottom,
+    left: eleRect.left - containerRect.left,
+  };
+  const eleTop = rect.top + scrollTop;
+  const eleBot = eleTop + element.offsetHeight;
+  const visibleTop = eleTop < scrollTop ? scrollTop : eleTop;
+  const visibleBot = eleBot > scrollBot ? scrollBot : eleBot;
+  return visibleBot - visibleTop;
+}
+export function isMobileViewport() {
+  return !window.matchMedia("(min-width: 768px)").matches;
+}
+export function parentsPassShadow(node, selector, matches = []) {
+  if (!node) {
+    return matches;
+  }
+  if (node instanceof ShadowRoot) {
+    return parentsPassShadow(node.host, selector, matches);
+  }
+  if (node instanceof HTMLElement) {
+    if (node.matches(selector)) {
+      return parentsPassShadow(node.parentNode, selector, [...matches, node]);
+    }
+    else {
+      return parentsPassShadow(node.parentNode, selector, matches);
+    }
+  }
+  return parentsPassShadow(node.parentNode, selector, matches);
+}
+export function querySelectorAllDeep(root, selector) {
+  function collectAllElementsDeep(selector, root) {
+    if (!Boolean(root)) {
+      return [];
+    }
+    const lightDomMatches = Array.from(root.querySelectorAll(selector));
+    const slottedChildren = Boolean(window.HTMLSlotElement) && root instanceof HTMLSlotElement
+      ? root.assignedElements()
+      : [];
+    const children = [...Array.from(root.children), ...slottedChildren];
+    const shadowRoot = root.shadowRoot;
+    const shadowRootElements = collectAllElementsDeep(selector, shadowRoot);
+    const matches = [
+      ...lightDomMatches,
+      ...children
+        .map((match) => collectAllElementsDeep(selector, match))
+        .flat(),
+      ...shadowRootElements,
+    ];
+    return matches;
+  }
+  const matches = collectAllElementsDeep(selector, root).filter((match, index, matches) => !matches.some((m, i) => m.isSameNode(match) && i > index));
+  return matches;
+}
+export function removeTimezoneOffset(date) {
+  const newDate = new Date(date);
+  newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());
+  return newDate;
+}

package/dist/components/a11y-dialog.esm.js

@@ -0,0 +1,405 @@
+var focusableSelectors = [
+  'a[href]:not([tabindex^="-"])',
+  'area[href]:not([tabindex^="-"])',
+  'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
+  'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
+  'select:not([disabled]):not([tabindex^="-"])',
+  'textarea:not([disabled]):not([tabindex^="-"])',
+  'button:not([disabled]):not([tabindex^="-"])',
+  'iframe:not([tabindex^="-"])',
+  'audio[controls]:not([tabindex^="-"])',
+  'video[controls]:not([tabindex^="-"])',
+  '[contenteditable]:not([tabindex^="-"])',
+  '[tabindex]:not([tabindex^="-"])',
+];
+
+var TAB_KEY = 'Tab';
+var ESCAPE_KEY = 'Escape';
+
+/**
+ * Define the constructor to instantiate a dialog
+ *
+ * @constructor
+ * @param {Element} element
+ */
+function A11yDialog(element) {
+  // Prebind the functions that will be bound in addEventListener and
+  // removeEventListener to avoid losing references
+  this._show = this.show.bind(this);
+  this._hide = this.hide.bind(this);
+  this._maintainFocus = this._maintainFocus.bind(this);
+  this._bindKeypress = this._bindKeypress.bind(this);
+
+  this.$el = element;
+  this.shown = false;
+  this._id = this.$el.getAttribute('data-a11y-dialog') || this.$el.id;
+  this._previouslyFocused = null;
+  this._listeners = {};
+
+  // Initialise everything needed for the dialog to work properly
+  this.create();
+}
+
+/**
+ * Set up everything necessary for the dialog to be functioning
+ *
+ * @param {(NodeList | Element | string)} targets
+ * @return {this}
+ */
+A11yDialog.prototype.create = function () {
+  this.$el.setAttribute('aria-hidden', true);
+  this.$el.setAttribute('aria-modal', true);
+  this.$el.setAttribute('tabindex', -1);
+
+  if (!this.$el.hasAttribute('role')) {
+    this.$el.setAttribute('role', 'dialog');
+  }
+
+  // Keep a collection of dialog openers, each of which will be bound a click
+  // event listener to open the dialog
+  this._openers = $$('[data-a11y-dialog-show="' + this._id + '"]');
+  this._openers.forEach(
+    function (opener) {
+      opener.addEventListener('click', this._show);
+    }.bind(this)
+  );
+
+  // Keep a collection of dialog closers, each of which will be bound a click
+  // event listener to close the dialog
+  const $el = this.$el;
+
+  this._closers = $$('[data-a11y-dialog-hide]', this.$el)
+    // This filter is necessary in case there are nested dialogs, so that
+    // only closers from the current dialog are retrieved and effective
+    .filter(function (closer) {
+      // Testing for `[aria-modal="true"]` is not enough since this attribute
+      // and the collect of closers is done at instantation time, when nested
+      // dialogs might not have yet been instantiated. Note that if the dialogs
+      // are manually instantiated, this could still fail because none of these
+      // selectors would match; this would cause closers to close all parent
+      // dialogs instead of just the current one
+      return closer.closest('[aria-modal="true"], [data-a11y-dialog]') === $el
+    })
+    .concat($$('[data-a11y-dialog-hide="' + this._id + '"]'));
+
+  this._closers.forEach(
+    function (closer) {
+      closer.addEventListener('click', this._hide);
+    }.bind(this)
+  );
+
+  // Execute all callbacks registered for the `create` event
+  this._fire('create');
+
+  return this
+};
+
+/**
+ * Show the dialog element, disable all the targets (siblings), trap the
+ * current focus within it, listen for some specific key presses and fire all
+ * registered callbacks for `show` event
+ *
+ * @param {CustomEvent} event
+ * @return {this}
+ */
+A11yDialog.prototype.show = function (event) {
+  // If the dialog is already open, abort
+  if (this.shown) {
+    return this
+  }
+
+  // Keep a reference to the currently focused element to be able to restore
+  // it later
+  this._previouslyFocused = document.activeElement;
+  this.$el.removeAttribute('aria-hidden');
+  this.shown = true;
+
+  // Set the focus to the dialog element
+  moveFocusToDialog(this.$el);
+
+  // Bind a focus event listener to the body element to make sure the focus
+  // stays trapped inside the dialog while open, and start listening for some
+  // specific key presses (TAB and ESC)
+  document.body.addEventListener('focus', this._maintainFocus, true);
+  document.addEventListener('keydown', this._bindKeypress);
+
+  // Execute all callbacks registered for the `show` event
+  this._fire('show', event);
+
+  return this
+};
+
+/**
+ * Hide the dialog element, enable all the targets (siblings), restore the
+ * focus to the previously active element, stop listening for some specific
+ * key presses and fire all registered callbacks for `hide` event
+ *
+ * @param {CustomEvent} event
+ * @return {this}
+ */
+A11yDialog.prototype.hide = function (event) {
+  // If the dialog is already closed, abort
+  if (!this.shown) {
+    return this
+  }
+
+  this.shown = false;
+  this.$el.setAttribute('aria-hidden', 'true');
+
+  // If there was a focused element before the dialog was opened (and it has a
+  // `focus` method), restore the focus back to it
+  // See: https://github.com/KittyGiraudel/a11y-dialog/issues/108
+  if (this._previouslyFocused && this._previouslyFocused.focus) {
+    this._previouslyFocused.focus();
+  }
+
+  // Remove the focus event listener to the body element and stop listening
+  // for specific key presses
+  document.body.removeEventListener('focus', this._maintainFocus, true);
+  document.removeEventListener('keydown', this._bindKeypress);
+
+  // Execute all callbacks registered for the `hide` event
+  this._fire('hide', event);
+
+  return this
+};
+
+/**
+ * Destroy the current instance (after making sure the dialog has been hidden)
+ * and remove all associated listeners from dialog openers and closers
+ *
+ * @return {this}
+ */
+A11yDialog.prototype.destroy = function () {
+  // Hide the dialog to avoid destroying an open instance
+  this.hide();
+
+  // Remove the click event listener from all dialog openers
+  this._openers.forEach(
+    function (opener) {
+      opener.removeEventListener('click', this._show);
+    }.bind(this)
+  );
+
+  // Remove the click event listener from all dialog closers
+  this._closers.forEach(
+    function (closer) {
+      closer.removeEventListener('click', this._hide);
+    }.bind(this)
+  );
+
+  // Execute all callbacks registered for the `destroy` event
+  this._fire('destroy');
+
+  // Keep an object of listener types mapped to callback functions
+  this._listeners = {};
+
+  return this
+};
+
+/**
+ * Register a new callback for the given event type
+ *
+ * @param {string} type
+ * @param {Function} handler
+ */
+A11yDialog.prototype.on = function (type, handler) {
+  if (typeof this._listeners[type] === 'undefined') {
+    this._listeners[type] = [];
+  }
+
+  this._listeners[type].push(handler);
+
+  return this
+};
+
+/**
+ * Unregister an existing callback for the given event type
+ *
+ * @param {string} type
+ * @param {Function} handler
+ */
+A11yDialog.prototype.off = function (type, handler) {
+  var index = (this._listeners[type] || []).indexOf(handler);
+
+  if (index > -1) {
+    this._listeners[type].splice(index, 1);
+  }
+
+  return this
+};
+
+/**
+ * Iterate over all registered handlers for given type and call them all with
+ * the dialog element as first argument, event as second argument (if any). Also
+ * dispatch a custom event on the DOM element itself to make it possible to
+ * react to the lifecycle of auto-instantiated dialogs.
+ *
+ * @access private
+ * @param {string} type
+ * @param {CustomEvent} event
+ */
+A11yDialog.prototype._fire = function (type, event) {
+  var listeners = this._listeners[type] || [];
+  var domEvent = new CustomEvent(type, { detail: event });
+
+  this.$el.dispatchEvent(domEvent);
+
+  listeners.forEach(
+    function (listener) {
+      listener(this.$el, event);
+    }.bind(this)
+  );
+};
+
+/**
+ * Private event handler used when listening to some specific key presses
+ * (namely ESCAPE and TAB)
+ *
+ * @access private
+ * @param {Event} event
+ */
+A11yDialog.prototype._bindKeypress = function (event) {
+  // This is an escape hatch in case there are nested dialogs, so the keypresses
+  // are only reacted to for the most recent one
+  const focused = document.activeElement;
+  if (focused && focused.closest('[aria-modal="true"]') !== this.$el) return
+
+  // If the dialog is shown and the ESCAPE key is being pressed, prevent any
+  // further effects from the ESCAPE key and hide the dialog, unless its role
+  // is 'alertdialog', which should be modal
+  if (
+    this.shown &&
+    event.key === ESCAPE_KEY &&
+    this.$el.getAttribute('role') !== 'alertdialog'
+  ) {
+    event.preventDefault();
+    this.hide(event);
+  }
+
+  // If the dialog is shown and the TAB key is being pressed, make sure the
+  // focus stays trapped within the dialog element
+  if (this.shown && event.key === TAB_KEY) {
+    trapTabKey(this.$el, event);
+  }
+};
+
+/**
+ * Private event handler used when making sure the focus stays within the
+ * currently open dialog
+ *
+ * @access private
+ * @param {Event} event
+ */
+A11yDialog.prototype._maintainFocus = function (event) {
+  // If the dialog is shown and the focus is not within a dialog element (either
+  // this one or another one in case of nested dialogs) or within an element
+  // with the `data-a11y-dialog-focus-trap-ignore` attribute, move it back to
+  // its first focusable child.
+  // See: https://github.com/KittyGiraudel/a11y-dialog/issues/177
+  if (
+    this.shown &&
+    !event.target.closest('[aria-modal="true"]') &&
+    !event.target.closest('[data-a11y-dialog-ignore-focus-trap]')
+  ) {
+    moveFocusToDialog(this.$el);
+  }
+};
+
+/**
+ * Convert a NodeList into an array
+ *
+ * @param {NodeList} collection
+ * @return {Array<Element>}
+ */
+function toArray(collection) {
+  return Array.prototype.slice.call(collection)
+}
+
+/**
+ * Query the DOM for nodes matching the given selector, scoped to context (or
+ * the whole document)
+ *
+ * @param {String} selector
+ * @param {Element} [context = document]
+ * @return {Array<Element>}
+ */
+function $$(selector, context) {
+  return toArray((context || document).querySelectorAll(selector))
+}
+
+/**
+ * Set the focus to the first element with `autofocus` with the element or the
+ * element itself
+ *
+ * @param {Element} node
+ */
+function moveFocusToDialog(node) {
+  var focused = node.querySelector('[autofocus]') || node;
+
+  focused.focus();
+}
+
+/**
+ * Get the focusable children of the given element
+ *
+ * @param {Element} node
+ * @return {Array<Element>}
+ */
+function getFocusableChildren(node) {
+  return $$(focusableSelectors.join(','), node).filter(function (child) {
+    return !!(
+      child.offsetWidth ||
+      child.offsetHeight ||
+      child.getClientRects().length
+    )
+  })
+}
+
+/**
+ * Trap the focus inside the given element
+ *
+ * @param {Element} node
+ * @param {Event} event
+ */
+function trapTabKey(node, event) {
+  var focusableChildren = getFocusableChildren(node);
+  var focusedItemIndex = focusableChildren.indexOf(document.activeElement);
+
+  // If the SHIFT key is being pressed while tabbing (moving backwards) and
+  // the currently focused item is the first one, move the focus to the last
+  // focusable item from the dialog element
+  if (event.shiftKey && focusedItemIndex === 0) {
+    focusableChildren[focusableChildren.length - 1].focus();
+    event.preventDefault();
+    // If the SHIFT key is not being pressed (moving forwards) and the currently
+    // focused item is the last one, move the focus to the first focusable item
+    // from the dialog element
+  } else if (
+    !event.shiftKey &&
+    focusedItemIndex === focusableChildren.length - 1
+  ) {
+    focusableChildren[0].focus();
+    event.preventDefault();
+  }
+}
+
+function instantiateDialogs() {
+  $$('[data-a11y-dialog]').forEach(function (node) {
+    new A11yDialog(node);
+  });
+}
+
+if (typeof document !== 'undefined') {
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', instantiateDialogs);
+  } else {
+    if (window.requestAnimationFrame) {
+      window.requestAnimationFrame(instantiateDialogs);
+    } else {
+      window.setTimeout(instantiateDialogs, 16);
+    }
+  }
+}
+
+export { A11yDialog as A };

package/dist/components/assets/images/empty-state-1.svg

@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256">
+  <g clip-path="url(#a)">
+    <path fill="#F2F2F5" d="M128 44.973c45.855 0 83.027 37.1723 83.027 83.027 0 45.855-37.172 83.027-83.027 83.027H51.8919c-3.8214 0-6.9189-3.097-6.9189-6.919V128c0-45.8547 37.1723-83.027 83.027-83.027Z"/>
+    <path fill="#60B29C" d="M131.962 132.461c-.927-3.483-5.044-17.509-18.346-27.637-2.841-2.158-5.908-4.001-9.149-5.4943l-4.164 19.0583c-.066-7.167-.132-14.333-.199-21.4985-2.0007-.8492-3.974-1.7618-5.9168-2.7365-12.0902-6.1471-22.8747-14.5787-31.7574-24.8285l-3.1303 7.9883.0977-11.7842c-8.2446-6.3695-15.6732-13.7303-22.1181-21.9161l-1.9714 10.3524c-.5254-4.7502-1.0517-9.5005-1.5793-14.2508-7.2546-5.4087-12.5793-13.0054-15.1887-21.67 1.3405 14.5634 2.6811 29.1265 4.0225 43.6886l6.9526 2.9332-5.6696 1.603c1.2522 4.3823 2.5675 8.7463 3.9455 13.0906 1.0931 3.4488 2.2276 6.8842 3.4032 10.3058 3.863.3783 7.7259.7563 11.5888 1.1329-3.0162 1.7514-6.0324 3.5019-9.0482 5.2519 8.816 18.3129 19.325 35.7619 31.3898 52.1189 4.496-5.762 8.9907-11.524 13.485-17.285l-9.0954 22.412c4.4449 5.062 9.2934 9.755 14.4978 14.032 8.5993 7.064 13.1658 10.717 20.2673 11.907 2.28.381 11.087 1.853 18.368-3.478 5.366-3.931 7.069-9.483 8.751-14.967 2.757-9.216 2.953-19.01.564-28.329Z"/>
+    <path fill="#095344" d="M143.072 192.564c-2.136-14.591-6.868-27.269-14.895-39.898-.398-.666-.839-1.315-1.267-1.943l-.255-.376c-.189-.272-.374-.547-.559-.821-.325-.483-.661-.981-1.016-1.458-.285-.376-.564-.753-.843-1.131-.803-1.086-1.634-2.208-2.591-3.312-2.457-2.764-5.094-5.364-7.892-7.782-4.882-4.295-9.949-8.396-14.8485-12.361l-1.667-1.35c-4.8908-3.955-10.7027-8.63-16.7248-13.313-1.2644-.991-2.5314-1.977-3.7976-2.962-4.2672-3.32-8.6798-6.753-12.8683-10.2756-5.4331-4.505-10.5212-9.4105-15.2216-14.6754-4.7074-5.2927-9.0593-10.8913-13.0271-16.7589l-.1185-.1752-.7987.5142.1103.1799c3.7229 6.1023 7.8462 11.9511 12.3429 17.5079 4.5229 5.5702 9.4563 10.7942 14.759 15.6281 4.0942 3.783 8.3783 7.45 12.5219 10.996 1.1993 1.025 2.397 2.053 3.5931 3.082 5.8132 4.977 11.3643 9.887 16.0272 14.034l1.469 1.306c4.7357 4.215 9.6337 8.572 14.2047 12.991 2.478 2.351 4.8 4.861 6.952 7.514.733.924 1.448 1.99 2.138 3.021.251.374.502.749.755 1.12.305.448.592.923.871 1.383.161.266.322.532.486.793l.197.32c.376.61.764 1.241 1.109 1.887 7.207 12.615 10.992 24.007 12.272 36.938l.021.209 8.594-.601-.033-.231Z"/>
+    <path fill="#2D2C47" d="M169.514 38.0541H86.4865c-11.4638 0-20.7568 9.2929-20.7568 20.7567V211.027H128c11.781.013 23.43-2.488 34.168-7.335 10.738-4.847 20.319-11.929 28.102-20.773V58.8108c0-11.4638-9.293-20.7567-20.756-20.7567Z"/>
+    <path fill="#fff" d="M76.1081 211.027V58.8108c0-5.7319 4.6465-10.3784 10.3784-10.3784h83.0275c5.731 0 10.378 4.6465 10.378 10.3784V192.817c-14.712 11.814-33.023 18.24-51.892 18.21H76.1081Z"/>
+    <path fill="#60B29C" d="M141.538 175.87c-7.115-7.858-12.712-4.15-13.655-3.426-.093.071-.173.156-.24.252-.792 1.126-5.762 8.9 3.269 14.872 6.212 4.107 9.574 7.481 11.198 9.389.137.163.314.285.515.355.2.069.415.083.623.041.207-.043.399-.141.556-.284.156-.143.271-.326.333-.528 1.308-4.275 3.363-14.085-2.599-20.671Zm24.181 13.792c-9.433-2.463-17.51 4.451-20.714 7.744-.147.15-.252.336-.303.539-.051.204-.047.418.012.619s.171.383.324.527c.153.144.342.244.546.29 2.45.539 7.074 1.924 13.808 5.453 5.62-2.308 10.971-5.225 15.957-8.698-1.217-2.357-3.887-4.976-9.63-6.474Zm27.555-17.591c-.193-1.329-1.908-9.303-15.578-10.211-11.738-.779-18.775 8.828-21.242 12.962-.107.178-.165.38-.168.588-.003.207.048.411.15.592.101.181.248.332.426.437.179.106.382.163.589.165 2.962.05 9.283.595 19.415 3.599 13.687 4.063 16.12-6.262 16.4-7.764.022-.122.025-.246.008-.368Zm4.196-33.628c-.333-1.211-2.661-7.688-14.276-7.1-9.833.497-14.861 8.973-16.666 12.883-.087.187-.123.394-.105.599.018.206.09.403.208.573.119.169.28.303.467.391.187.087.394.123.6.105 2.632-.238 7.998-.344 16.625 1.151 11.959 2.073 13.083-6.795 13.185-8.218.011-.129-.002-.259-.038-.384Zm11.053-18.341c-.176-1.243-1.664-7.965-13.256-8.86-9.817-.758-15.881 7.009-18.17 10.657-.111.175-.173.375-.182.582-.008.206.038.411.134.594s.238.337.413.448c.175.11.375.173.582.181 2.643.098 7.978.678 16.345 3.258 11.598 3.576 13.839-5.077 14.123-6.474.027-.127.031-.257.011-.386Zm-1.248-23.0766c-6.609-1.8253-11.87 2.3308-14.257 4.7476-.145.147-.249.33-.301.53-.052.2-.05.41.005.609s.162.38.31.525c.147.144.33.248.53.299 2.025.522 5.638 1.74 10.863 4.536 7.74 4.146 10.621-1.505 11.104-2.633.055-.128.086-.265.09-.404.037-1.081-.268-5.98-8.344-8.2096Zm-55.407 50.3196c-10.092-10.042-17.466-5.652-18.594-4.876-.099.069-.187.153-.259.25-.945 1.244-7.364 10.512 5.19 18.316 9.323 5.794 14.073 10.351 16.117 12.613.139.155.316.27.514.334s.409.074.612.03.391-.142.544-.282c.154-.14.267-.319.329-.517 1.512-4.8 4.241-17.219-4.453-25.868Z"/>
+    <path fill="#60B29C" d="M165.24 124.671c-7.32-9.61-14.016-7.183-15.186-6.657-.119.053-.227.126-.32.217-1.048 1.007-7.339 7.73 2.318 15.862 7.026 5.918 10.538 10.273 12.088 12.498.118.169.28.304.467.391.187.087.395.123.6.105.206-.018.404-.09.573-.209.169-.119.304-.28.391-.467 1.882-3.966 5.286-13.576-.931-21.74Zm15.862-24.658c-3.135-12.6686-10.22-8.3542-10.22-8.3542s-8.817 3.1905-2.974 15.4902c2.684 5.531 4.879 11.287 6.56 17.202.063.23.194.435.376.589.182.154.406.249.644.273.237.024.476-.025.685-.139.209-.115.378-.29.485-.503 2.427-4.808 6.757-15.209 4.444-24.558Z"/>
+    <path fill="#74AF9C" d="M195.734 74.1972s-6.716 1.0084-6.649 12.4069c.043 7.4145.331 12.7887.532 15.6909.016.227.097.445.233.626.137.182.323.321.537.399.213.078.445.092.667.042.221-.051.424-.165.582-.328 3.177-3.2364 9.44-10.6012 9.965-18.8312.705-11.0651-5.867-10.0056-5.867-10.0056Z"/>
+    <path fill="#095344" d="M134.177 210.792c-.259 0-.512-.078-.727-.223-.214-.145-.38-.351-.476-.591-.097-.241-.119-.504-.064-.757.055-.253.184-.484.371-.663.175-.167 17.577-17.133 28.561-54.893 5.046-17.345 13.358-33.108 24.708-46.853 8.244-9.9826 17.954-18.8354 29.686-27.0637.281-.1974.63-.2749.968-.2154.339.0594.64.251.838.5326.197.2816.275.63.215.9687-.059.3387-.251.6399-.532.8374-11.538 8.0929-21.081 16.7913-29.174 26.5914-11.124 13.471-19.272 28.922-24.218 45.927-11.198 38.494-28.528 55.345-29.261 56.044-.241.23-.561.359-.895.359v-.001Z"/>
+    <path fill="#60B29C" d="M232.398 69.4219c-3.193-2.3209-7.293-1.2212-13.435 2.0151-5.104 2.6876-11.04 12.3676-13.671 17.0093-.111.1976-.162.4227-.148.6485.014.2259.092.443.226.6257.133.1827.316.3233.527.405.211.0817.441.1012.663.0561.131-.0242.256-.0428.376-.0562 1.205-.1388 16.985-6.1997 20.162-9.3673 1.92-1.9127 8.492-9.0154 5.3-11.3362Z"/>
+    <path fill="#2D2C47" d="M147.027 131.459c8.598 0 15.568-6.969 15.568-15.567 0-8.598-6.97-15.568-15.568-15.568-8.598 0-15.568 6.97-15.568 15.568 0 8.598 6.97 15.567 15.568 15.567Z"/>
+    <path fill="#fff" d="m153.877 110.063-1.023-1.021c-.282-.283-.665-.442-1.065-.442-.399 0-.782.158-1.065.441l-.001.001-.798.798c-.071.071-.11.167-.11.267-.001.1.039.196.11.267v.001l2.618 2.617c.035.036.077.063.123.082.045.019.094.029.144.029.05 0 .099-.009.145-.028.045-.019.087-.047.122-.082l.001-.001.799-.797c.282-.283.441-.667.441-1.066 0-.4-.159-.783-.441-1.066Zm-2.991 4.586-2.617-2.618c-.035-.035-.077-.063-.123-.082-.046-.019-.095-.029-.144-.029-.05 0-.099.01-.145.029-.046.019-.087.047-.123.082l-8.148 8.149c-.041.039-.074.086-.095.138-.022.052-.033.108-.032.165v2.556c0 .232.188.42.42.42h2.557c.055.001.109-.01.16-.032.05-.021.096-.053.133-.094l8.157-8.148c.036-.035.064-.077.083-.123.019-.046.028-.095.028-.145 0-.05-.009-.099-.028-.145-.019-.046-.047-.088-.083-.123ZM192 166.054c14.33 0 25.946 11.617 25.946 25.946 0 14.33-11.616 25.946-25.946 25.946-14.329 0-25.946-11.616-25.946-25.946 0-14.329 11.617-25.946 25.946-25.946Z"/>
+    <path fill="#0026FF" d="M180.649 188.216c-.67 0-1.311.266-1.785.739-.473.473-.739 1.115-.739 1.784v10.089c.002.669.269 1.31.741 1.782.473.473 1.114.74 1.783.741.668-.002 1.309-.268 1.782-.741.473-.473.739-1.113.741-1.782v-10.089c0-.331-.065-.659-.192-.965-.127-.306-.313-.584-.547-.819-.235-.234-.513-.42-.819-.546-.306-.127-.634-.192-.966-.192l.001-.001Zm23.347-.961c-.467-.198-.97-.301-1.477-.302h-7.127l1.198-5.777c.085-.398.038-.812-.133-1.181s-.456-.673-.814-.866c-.358-.193-.769-.265-1.171-.205-.402.06-.774.249-1.06.538v.002l-6.986 6.986c-.47.473-.733 1.112-.733 1.779v12.599c.002.669.268 1.309.741 1.782.473.473 1.114.739 1.782.741h11.352c.493-.001.975-.146 1.387-.417.412-.271.736-.657.933-1.109l4.112-9.6c.195-.458.297-.95.302-1.447.005-.498-.089-.992-.275-1.453-.186-.462-.461-.882-.81-1.237-.349-.355-.764-.638-1.222-.833h.001Z"/>
+    <path fill="#2D2C47" d="M105.514 103.784c6.687 0 12.108-5.4211 12.108-12.1083 0-6.6871-5.421-12.1081-12.108-12.1081-6.6876 0-12.1086 5.421-12.1086 12.1081 0 6.6872 5.421 12.1083 12.1086 12.1083Z"/>
+    <path fill="#fff" d="M108.877 89.9753h-6.727c-.309 0-.56.251-.56.5605v6.4653c0 .3095.251.5604.56.5604h6.727c.309 0 .56-.2509.56-.5604v-6.4653c0-.3095-.251-.5605-.56-.5605ZM109.111 86.4441h-1.308l-.465-.464c-.122-.1205-.286-.1886-.457-.1898h-2.734c-.172.0013-.336.0692-.457.1898l-.466.464h-1.307c-.261 0-.51.1034-.694.2873-.184.1839-.287.4334-.287.6935s.103.5095.287.6935c.184.1839.433.2872.694.2872h7.194c.26 0 .509-.1033.693-.2872.184-.184.288-.4334.288-.6935s-.104-.5096-.288-.6935c-.184-.1839-.433-.2873-.693-.2873Z"/>
+    <g filter="url(#b)">
+      <path fill="#0026FF" d="M81.2973 121.081c14.3295 0 25.9457 11.616 25.9457 25.946 0 14.33-11.6162 25.946-25.9457 25.946s-25.946-11.616-25.946-25.946c0-14.33 11.6165-25.946 25.946-25.946Z"/>
+    </g>
+    <g filter="url(#c)">
+      <path fill="#fff" d="M100.324 153.946c6.687 0 12.108 5.421 12.108 12.108s-5.421 12.108-12.108 12.108c-6.6868 0-12.1078-5.421-12.1078-12.108s5.421-12.108 12.1078-12.108Z"/>
+    </g>
+    <path fill="#fff" d="M93.1027 138.499c-.5891-.587-1.3873-.917-2.2194-.917-.8322 0-1.6304.33-2.2195.917L77.5135 149.65l-3.0746-3.077c-.5972-.574-1.3933-.894-2.2216-.894-.8282 0-1.6244.32-2.2216.894-.5878.59-.9178 1.388-.9178 2.221 0 .832.33 1.631.9178 2.22l5.2843 5.284c.59.591 1.3904.923 2.2252.924.8348 0 1.6356-.331 2.2263-.921l.0026-.003 13.3686-13.355c.2918-.291.5235-.636.6819-1.016.1584-.38.2404-.787.2413-1.199.0009-.412-.0792-.819-.2359-1.2s-.3869-.727-.6773-1.019l-.01-.01Z"/>
+    <g filter="url(#d)">
+      <path fill="#60B29C" d="M136.649 20.7567c14.329 0 25.946 11.6164 25.946 25.946 0 14.3295-11.617 25.9459-25.946 25.9459-14.33 0-25.946-11.6164-25.946-25.9459 0-14.3296 11.616-25.946 25.946-25.946Z"/>
+    </g>
+    <path fill="#fff" d="M144.597 34.8108h-15.896c-2.775-.0009-5.024 2.2478-5.025 5.0223v9.4123c-.001 2.7745 2.247 5.024 5.022 5.0249h.333v5.734c0 .2801.083.5539.239.7869.155.233.376.4146.635.522s.543.1356.818.0812c.275-.0544.527-.189.726-.3869l6.737-6.7372h6.411c2.774.0008 5.024-2.2478 5.025-5.0223v-9.4123c0-2.7745-2.248-5.024-5.023-5.0249h-.002Z"/>
+    <g filter="url(#e)">
+      <path fill="#fff" d="M155.676 53.6216c6.687 0 12.108 5.421 12.108 12.1081s-5.421 12.1081-12.108 12.1081-12.108-5.421-12.108-12.1081 5.421-12.1081 12.108-12.1081Z"/>
+    </g>
+    <path fill="#775C4C" d="m156.986 69.4391.256 3.7098-.122.1159c-.587.5586-1.363.8752-2.173.8865-.811.0113-1.595-.2835-2.198-.8255l-.058-2.7909 4.295-1.0958Z"/>
+    <path fill="#886B59" d="M150.073 62.5037s-2.342 7.5023 1.54 8.2448c.949.1742 1.924.1511 2.864-.0677s1.825-.6286 2.599-1.2041c.003-.1557.038-.3096.103-.4515-.039-.1361-.046-.2791-.022-.4185.023-.1394.078-.2717.16-.3872.082-.1155.188-.2112.312-.2802.123-.069.261-.1094.402-.1184l.312-6.1323-8.27.8156v-.0005Z"/>
+    <path fill="#2D2C47" d="M160.811 60.8614c-.77-.4956-.619-1.8941-1.617-2.6755-1.525-1.1935-2.994.0433-3.97-.1371-.977-.1803-1.582-1.4793-3.003-.7913-1.42.688-1.262 1.8024-1.718 2.272-.455.4696-1.29-.829-2.675.6555-2.106 2.2582 2.025 3.2243 2.025 3.2243s2.26.9353 5.252-.2387c.198-.0864.418-.1053.627-.054.21.0514.396.1702.531.3381.715.976.724 6.0921.724 6.0921l.997-.8303s2.177-.3619 2.31-2.4221c.171-.6431.511-1.2291.983-1.6981 2.197-1.9027.231-3.2865-.466-3.7349Z"/>
+    <path fill="#886B59" d="M157.966 66.796c-.071.1723-.191.3198-.345.4239-.155.104-.336.16-.523.1607-.186.0008-.368-.0537-.523-.1565-.155-.1028-.277-.2494-.349-.4211-.072-.1717-.091-.3609-.055-.5436.035-.1828.124-.3509.255-.4831.131-.1322.299-.2225.481-.2596.183-.0371.372-.0193.544.0512v.0005c.115.0468.219.1156.306.2026.088.087.158.1905.206.3044.047.114.072.2362.073.3598 0 .1236-.023.246-.07.3604v.0004Z"/>
+    <path fill="#B7D7C8" d="M155.676 77.8379c2.874 0 5.512-1.0033 7.589-2.6768-4.194-3.6034-8.299-2.2374-8.299-2.2374s-3.897.0731-5.692 3.0824c1.92 1.1998 4.138 1.8346 6.402 1.8318Z"/>
+    <path fill="#E8A28A" d="m102.231 171.962-.293 4.602-4.4941-.929.5405-6.256 4.2466 2.583Z"/>
+    <path fill="#EDB793" d="M103.268 172.009c.558.034 1.112-.11 1.583-.411 1.895-3.019-.263-11.157-.263-11.157l-6.876 1.232-.2184 5.453c-.029.718.1114 1.433.4098 2.087.2984.653.7464 1.227 1.3078 1.676 1.2138.761 2.6238 1.15 4.0558 1.12h.001Z"/>
+    <path fill="#3B868A" d="M101.989 175.78s-.43 1.725-6.3972-2.286c-2.1587-1.451-2.7178-.22-2.56 2.225 2.0989 1.589 4.6602 2.447 7.2922 2.443 1.003 0 1.975-.124 2.907-.354l-1.242-2.028Z"/>
+    <path fill="#EDB793" d="M97.0841 164.97c.2379-.174.5314-.254.8247-.226.2932.029.5657.165.7654.381.4977.454.5928 1.121.2123 1.489-.2377.173-.5311.254-.8242.225-.2931-.029-.5654-.164-.765-.381-.4973-.454-.5916-1.121-.2132-1.488Z"/>
+    <path fill="#9D4915" d="M106.083 158.815c-1.098-.816-2.462-.303-3.05.224-.205.193-.474.303-.755.311-.282.008-.556-.087-.772-.268-1.305-1.084-2.9567-1.663-4.6532-1.63-2.3914 0-2.3244 2.318-1.9611 4.002.1093.488.0649.998-.127 1.459-.192.462-.5221.853-.945 1.119-1.4193.879-3.2264 2.312-2.8541 3.745.3244 1.091.8649 2.106 1.5892 2.984.2879.368.4459.821.4496 1.288.0037.467-.1472.923-.4292 1.295-.3059.401-.5886.819-.8468 1.252 1.9655 1.983 4.559 3.222 7.3367 3.504.2884-1.728.3611-3.456.0562-5.028-.48-2.475-1.1347-6.842-1.1347-6.842s-.7079-3.603 1.7687-2.549c1.1337.623 2.4177.92 3.7097.858.753-.078 1.476-.336 2.109-.753.632-.417 1.155-.98 1.523-1.642.483-1.037.588-2.119-1.014-3.329Z"/>
+  </g>
+  <defs>
+    <filter id="b" width="172.836" height="172.836" x="2.43804" y="75.7277" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dx="7.55866" dy="15.1187"/>
+      <feGaussianBlur stdDeviation="30.236"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1077_2"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_1077_2" result="shape"/>
+    </filter>
+    <filter id="c" width="145.16" height="145.16" x="35.3029" y="108.593" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dx="7.55866" dy="15.1187"/>
+      <feGaussianBlur stdDeviation="30.236"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1077_2"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_1077_2" result="shape"/>
+    </filter>
+    <filter id="d" width="172.836" height="172.836" x="57.7894" y="-24.5966" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dx="7.55866" dy="15.1187"/>
+      <feGaussianBlur stdDeviation="30.236"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1077_2"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_1077_2" result="shape"/>
+    </filter>
+    <filter id="e" width="145.16" height="145.16" x="90.6543" y="8.26827" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dx="7.55866" dy="15.1187"/>
+      <feGaussianBlur stdDeviation="30.236"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1077_2"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_1077_2" result="shape"/>
+    </filter>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h256v256H0z"/>
+    </clipPath>
+  </defs>
+</svg>