@undrr/undrr-mangrove 1.4.0 → 1.5.0

package/js/table-of-contents.js

@@ -0,0 +1,168 @@
+/**
+ * Generates a table of contents (TOC) for a given content element.
+ *
+ * Can be used in two ways:
+ * 1. Auto-init: place a `<section data-mg-table-of-contents>` element on the
+ *    page and this script will find it, locate the content area, and build the
+ *    TOC automatically on DOMContentLoaded.
+ * 2. Manual: import `mgTableOfContents` and call it with your own elements.
+ *
+ * Data attributes (for auto-init):
+ *   data-mg-table-of-contents              — Required. Activates the component.
+ *   data-mg-table-of-contents-content      — CSS selector for the content area
+ *                                            to scan for headings. Defaults to
+ *                                            document.body.
+ *   data-mg-table-of-contents-title        — Title text for the TOC header.
+ *                                            Defaults to "On this page".
+ *                                            Set to "hidden" for sr-only.
+ *   data-mg-table-of-contents-show-title   — Set to "false" to hide the title.
+ *   data-mg-table-of-contents-skip-auto-init — Opt out of auto-init.
+ *
+ * @param {HTMLElement} contentElement - The element containing the content to
+ *   generate TOC for. This only selects h2 elements.
+ * @param {HTMLElement} tocElement - The TOC container element.
+ * @param {boolean} showNumbers - Whether to use ordered list (true) or
+ *   unordered list (false).
+ */
+export function mgTableOfContents(
+  contentElement,
+  tocElement,
+  showNumbers = false
+) {
+  if (!contentElement || !tocElement) {
+    console.error('Content element or TOC element is not provided.');
+    return;
+  }
+
+  // Ensure tocElement is a valid DOM element
+  if (!(tocElement instanceof HTMLElement)) {
+    console.error('TOC element is not a valid DOM element.');
+    return;
+  }
+
+  const showTitle =
+    tocElement.getAttribute('data-mg-table-of-contents-show-title') !== 'false';
+
+  if (showTitle) {
+    const tocHeader = document.createElement('h2');
+    tocHeader.textContent =
+      tocElement.getAttribute('data-mg-table-of-contents-title') ||
+      'On this page';
+    tocHeader.id = 'on-this-page';
+    tocHeader.classList.add('mg-on-this-page-header');
+    if (tocHeader.textContent === 'hidden') {
+      tocHeader.classList.add('mg-u-sr-only');
+    }
+    tocElement.prepend(tocHeader);
+  }
+
+  const ListComponent = showNumbers ? 'ol' : 'ul';
+  const tocList = document.createElement(ListComponent);
+  tocElement.appendChild(tocList);
+
+  // Select all H2 elements within the content
+  const headings = contentElement.querySelectorAll('h2');
+
+  headings.forEach(heading => {
+    if (heading.id === 'on-this-page') return;
+    if (heading.classList.contains('mg-table-of-contents--exclude')) return;
+    if (heading.classList.contains('mg-u-sr-only')) return;
+
+    if (!heading.id) {
+      heading.id = heading.textContent
+        .trim()
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-');
+    }
+
+    const listItem = document.createElement('li');
+    const link = document.createElement('a');
+    link.href = `#${heading.id}`;
+    link.textContent = heading.textContent;
+
+    // Smooth scroll on click, with reduced-motion and focus management
+    link.addEventListener('click', e => {
+      const target = document.getElementById(heading.id);
+      if (!target) return;
+
+      e.preventDefault();
+
+      const smooth =
+        typeof window.matchMedia !== 'function' ||
+        !window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+      target.scrollIntoView({
+        behavior: smooth ? 'smooth' : 'auto',
+        block: 'start',
+      });
+
+      // Update URL hash without triggering a second scroll
+      if (window.history && window.history.pushState) {
+        window.history.pushState(null, null, `#${heading.id}`);
+      }
+
+      // Move focus to target for keyboard users
+      target.setAttribute('tabindex', '-1');
+      target.focus({ preventScroll: true });
+      target.addEventListener(
+        'blur',
+        () => target.removeAttribute('tabindex'),
+        { once: true }
+      );
+    });
+
+    listItem.appendChild(link);
+    tocList.appendChild(listItem);
+  });
+}
+
+/**
+ * Auto-initialize TOC elements on the page.
+ * @param {NodeList|HTMLElement[]|HTMLElement} [scope] - Elements to init.
+ *   Defaults to all [data-mg-table-of-contents] on the page.
+ */
+export function mgTableOfContentsInit(scope) {
+  const containers = scope
+    ? scope instanceof HTMLElement
+      ? [scope]
+      : scope
+    : document.querySelectorAll('[data-mg-table-of-contents]');
+
+  containers.forEach(tocElement => {
+    if (
+      !scope &&
+      tocElement.hasAttribute('data-mg-table-of-contents-skip-auto-init')
+    )
+      return;
+    if (tocElement.dataset.mgTableOfContentsInitialized) return;
+    tocElement.dataset.mgTableOfContentsInitialized = 'true';
+
+    // Determine content element from data attribute or default to document.body
+    const contentSelector = tocElement.getAttribute(
+      'data-mg-table-of-contents-content'
+    );
+    const contentElement = contentSelector
+      ? document.querySelector(contentSelector)
+      : document.body;
+
+    if (contentElement) {
+      mgTableOfContents(contentElement, tocElement);
+    } else if (contentSelector) {
+      console.warn(
+        `[mg-table-of-contents] Content element not found: "${contentSelector}"`
+      );
+    }
+  });
+}
+
+// Auto-init on DOMContentLoaded
+if (document.readyState === 'loading') {
+  document.addEventListener(
+    'DOMContentLoaded',
+    () => mgTableOfContentsInit(),
+    false
+  );
+} else {
+  mgTableOfContentsInit();
+}

package/js/tabs.js

@@ -67,13 +67,21 @@ function normalizeText(text) {
 }
 
 /**
- * Initialize tabs on a page
+ * Initialize tabs on a page.
+ *
+ * @param {NodeList|HTMLElement[]|HTMLElement} [scope] - Elements to init.
+ *   Accepts a NodeList, array, or a single HTMLElement.
+ *   Defaults to all [data-mg-js-tabs] in the document.
  * @param {boolean} [activateDeepLinkOnLoad] - if deep linked tabs should be activated on page load, defaults to true
  * @example mgTabs();
  */
 export function mgTabs(scope, activateDeepLinkOnLoad = true) {
-  const tabContainers = scope || document.querySelectorAll('[data-mg-js-tabs]');
+  const tabContainers = scope
+    ? (scope instanceof HTMLElement ? [scope] : scope)
+    : document.querySelectorAll('[data-mg-js-tabs]');
   tabContainers.forEach(container => {
+    // Skip auto-init if the element opts out
+    if (!scope && container.hasAttribute('data-mg-js-tabs-skip-auto-init')) return;
     mgTabsRuntime(container, activateDeepLinkOnLoad);
   });
 }
@@ -124,6 +132,7 @@ export function mgTabsRuntime(scope, activateDeepLinkOnLoad) {
     : Array.from(tabsList);
 
   // Check if tabs have already been initialized
+  // Supports both the new dataset property and the legacy attribute for backward compat
   if (tabsList.hasAttribute && tabsList.hasAttribute('data-mg-tabs-initialized')) {
     return;
   }
@@ -602,3 +611,10 @@ function mgTabsDeepLinkOnLoad(tabs, panels) {
     }
   }
 }
+
+// Auto-wrap so the browser Event object is not passed as scope
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', () => mgTabs(), false);
+} else {
+  mgTabs();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undrr/undrr-mangrove",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Mangrove design System for UNDRR",
   "main": "dist/index.js",
   "files": [

package/scss/Atom/Icons/_icon-definitions.scss

@@ -0,0 +1,319 @@
+// Auto-generated by scripts/icon-build.cjs — do not edit by hand.
+// To regenerate: yarn build:icons
+// 79 icons from Lucide, OCHA, and custom SVG sources.
+
+.mg-icon-globe::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/></svg>");
+}
+
+.mg-icon-search::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m21 21-4.34-4.34'/><circle cx='11' cy='11' r='8'/></svg>");
+}
+
+.mg-icon-calendar-alt::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M8 2v4M16 2v4'/><rect width='18' height='18' x='3' y='4' rx='2'/><path d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/></svg>");
+}
+
+.mg-icon-chart-bar::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M3 3v16a2 2 0 0 0 2 2h16M18 17V9M13 17V5M8 17v-3'/></svg>");
+}
+
+.mg-icon-envelope::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/><rect width='20' height='16' x='2' y='4' rx='2'/></svg>");
+}
+
+.mg-icon-newspaper::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M15 18h-5M18 14h-8M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2'/><rect width='8' height='4' x='10' y='6' rx='1'/></svg>");
+}
+
+.mg-icon-building::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M10 12h4M10 8h4M14 21v-3a2 2 0 0 0-4 0v3'/><path d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/><path d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/></svg>");
+}
+
+.mg-icon-landmark::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M10 18v-7M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949zM14 18v-7M18 18v-7M3 22h18M6 18v-7'/></svg>");
+}
+
+.mg-icon-graduation-cap::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6'/><path d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/></svg>");
+}
+
+.mg-icon-business-time::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M12 12h.01M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2M22 13a18.15 18.15 0 0 1-20 0'/><rect width='20' height='14' x='2' y='6' rx='2'/></svg>");
+}
+
+.mg-icon-pen-nib::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z'/><path d='m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18M2.3 2.3l7.286 7.286'/><circle cx='11' cy='11' r='2'/></svg>");
+}
+
+.mg-icon-code-branch::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M15 6a9 9 0 0 0-9 9V3'/><circle cx='18' cy='6' r='3'/><circle cx='6' cy='18' r='3'/></svg>");
+}
+
+.mg-icon-life-ring::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='m4.93 4.93 4.24 4.24M14.83 9.17l4.24-4.24M14.83 14.83l4.24 4.24M9.17 14.83l-4.24 4.24'/><circle cx='12' cy='12' r='4'/></svg>");
+}
+
+.mg-icon-lightbulb::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5M9 18h6M10 22h4'/></svg>");
+}
+
+.mg-icon-cubes::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3zM7 16.5l-4.74-2.85M7 16.5l5-3M7 16.5v5.17M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5zM17 16.5l-5-3M17 16.5l4.74-2.85M17 16.5v5.17'/><path d='M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0zM12 8 7.26 5.15M12 8l4.74-2.85M12 13.5V8'/></svg>");
+}
+
+.mg-icon-sort-alpha-down::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m3 16 4 4 4-4M7 20V4M20 8h-5M15 10V6.5a2.5 2.5 0 0 1 5 0V10M15 14h5l-5 6h5'/></svg>");
+}
+
+.mg-icon-tags::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1zM2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193'/><circle cx='10.5' cy='6.5' r='.5' fill='currentColor'/></svg>");
+}
+
+.mg-icon-power-off::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M12 2v10M18.4 6.6a9 9 0 1 1-12.77.04'/></svg>");
+}
+
+.mg-icon-user::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");
+}
+
+.mg-icon-file::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/><path d='M14 2v5a1 1 0 0 0 1 1h5'/></svg>");
+}
+
+.mg-icon-file-alt::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/><path d='M14 2v5a1 1 0 0 0 1 1h5M10 9H8M16 13H8M16 17H8'/></svg>");
+}
+
+.mg-icon-times::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M18 6 6 18M6 6l12 12'/></svg>");
+}
+
+.mg-icon-link::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/><path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/></svg>");
+}
+
+.mg-icon-clone::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><rect width='14' height='14' x='8' y='8' rx='2' ry='2'/><path d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/></svg>");
+}
+
+.mg-icon-share::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='18' cy='5' r='3'/><circle cx='6' cy='12' r='3'/><circle cx='18' cy='19' r='3'/><path d='m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98'/></svg>");
+}
+
+.mg-icon-qrcode::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><rect width='5' height='5' x='3' y='3' rx='1'/><rect width='5' height='5' x='16' y='3' rx='1'/><rect width='5' height='5' x='3' y='16' rx='1'/><path d='M21 16h-3a2 2 0 0 0-2 2v3M21 21v.01M12 7v3a2 2 0 0 1-2 2H7M3 12h.01M12 3h.01M12 16v.01M16 12h1M21 12v.01M12 21v-1'/></svg>");
+}
+
+.mg-icon-rss::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/><circle cx='5' cy='19' r='1'/></svg>");
+}
+
+.mg-icon-left::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m12 19-7-7 7-7M19 12H5'/></svg>");
+}
+
+.mg-icon-right::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");
+}
+
+.mg-icon-angle-circled-left::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='m14 16-4-4 4-4'/></svg>");
+}
+
+.mg-icon-angle-circled-right::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='m10 8 4 4-4 4'/></svg>");
+}
+
+.mg-icon-menu::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M4 5h16M4 12h16M4 19h16'/></svg>");
+}
+
+.mg-icon-info-circle::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4M12 8h.01'/></svg>");
+}
+
+.mg-icon-handshake::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m11 17 2 2a1 1 0 1 0 3-3'/><path d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/><path d='m21 3 1 11h-2M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3M3 4h8'/></svg>");
+}
+
+.mg-icon-map::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zM15 5.764v15M9 3.236v15'/></svg>");
+}
+
+.mg-icon-bar-chart::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M3 3v16a2 2 0 0 0 2 2h16M18 17V9M13 17V5M8 17v-3'/></svg>");
+}
+
+.mg-icon-close::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M18 6 6 18M6 6l12 12'/></svg>");
+}
+
+.mg-icon-copy::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><rect width='14' height='14' x='8' y='8' rx='2' ry='2'/><path d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/></svg>");
+}
+
+.mg-icon-arrow-left::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m12 19-7-7 7-7M19 12H5'/></svg>");
+}
+
+.mg-icon-arrow-right::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");
+}
+
+.mg-icon-hamburger::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M4 5h16M4 12h16M4 19h16'/></svg>");
+}
+
+.mg-icon-calendar::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M8 2v4M16 2v4'/><rect width='18' height='18' x='3' y='4' rx='2'/><path d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/></svg>");
+}
+
+.mg-icon-exclamation-triangle::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01'/></svg>");
+}
+
+.mg-icon-circle-plus::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='M8 12h8M12 8v8'/></svg>");
+}
+
+.mg-icon-user-circle::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><circle cx='12' cy='10' r='3'/><path d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/></svg>");
+}
+
+.mg-icon-user-tag::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M11.5 15H7a4 4 0 0 0-4 4v2M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/><circle cx='10' cy='7' r='4'/></svg>");
+}
+
+.mg-icon-sign-out-alt::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m16 17 5-5-5-5M21 12H9M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/></svg>");
+}
+
+.mg-icon-earthquake::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 40 48'><path d='M39.6 18 20.7.3c-.4-.4-1-.4-1.4 0L.4 18c-.2.3-.4.6-.4 1v28c0 .6.4 1 1 1h13.2l8.9-8.9-8.4-7.6c-.5-.4-.7-.9-.7-1.5s.3-1.1.7-1.5l5.4-4.6-3.5-3.5c-.8-.8-.8-2 0-2.8l4-4c.8-.8 2-.8 2.8 0s.8 2 0 2.8L20.8 19l3.6 3.6q.6.6.6 1.5c0 .6-.3 1.1-.7 1.4L19 30l8.3 7.5c.8.7.9 2 .1 2.8l-.1.1-7.5 7.6H39c.6 0 1-.4 1-1V19c0-.4-.2-.7-.4-1' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-tsunami::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='m47.9 19.5-7.8-5.4h-.3L32 19.5c-.1 0-.1.1-.1.2v6.4h-.7c-1.6 0-3.2.4-4.6 1.2-.8.5-1.7.8-2.7.8-3.3-.1-5.9-2.7-6-6-.1-3.1 2.4-5.8 5.5-5.9.9 0 1.8.2 2.5.7 1 .5 2.2.2 2.7-.8s.2-2.2-.8-2.7q-2.1-1.2-4.5-1.2c-5.4.1-9.6 4.5-9.5 9.9.1 5.5 4.5 9.8 10 10 1.6 0 3.2-.4 4.6-1.2.8-.5 1.7-.8 2.7-.8s1.9.2 2.7.8c1.2.7 2.6 1.2 4 1.2h.7c1.6 0 3.2-.4 4.6-1.2.5-.3 1.1-.6 1.7-.7h1c.7 0 1.3.1 2 .2V19.6c.2 0 .2-.1.1-.1M46 42c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.7.8-2.7.8s-1.9-.2-2.7-.8C5.2 42.4 3.6 42 2 42c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.7-.8 2.7-.8s1.9.2 2.7.8c1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2M46 34c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.7.8-2.7.8s-1.9-.2-2.7-.8C5.2 34.4 3.6 34 2 34c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.7-.8 2.7-.8s1.9.2 2.7.8c1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2' style='fill:%23011e41'/><path d='M4.1 31.1c1.1 0 2-.9 2-2 0-.3-.1-.6-.2-.9-4.2-8.1-1.1-18.1 7-22.3 2.4-1.2 5-1.9 7.6-1.9 4.2.1 8.1 1.7 11.1 4.5.8.7 2.1.7 2.8-.1s.7-2.1-.1-2.8C30.6 2.1 25.7.1 20.5 0 9.2 0 0 9.2 0 20.5c0 3.3.8 6.6 2.3 9.5.4.7 1.1 1.1 1.8 1.1' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-flood::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M47.8 12 33.2.1q-.15-.15-.3 0L18.2 12c-.1.1-.2.2-.2.4v17.7c1.2.2 2.3.5 3.3 1.1.8.6 1.7.8 2.7.8s1.9-.2 2.7-.8c1.4-.8 3-1.3 4.6-1.2 1.6 0 3.2.4 4.6 1.2 1.7 1 3.8 1 5.4 0 1.4-.8 3-1.3 4.6-1.2.7 0 1.3.1 2 .2V12.4c.1-.2 0-.3-.1-.4M46 42c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.8.8-2.7.8-1 0-1.9-.2-2.7-.8C5.2 42.4 3.6 42 2 42c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.8-.8 2.7-.8 1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2M46 34c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.7.8-2.7.8s-1.9-.2-2.7-.8C5.2 34.4 3.6 34 2 34c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.7-.8 2.7-.8s1.9.2 2.7.8c1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-flash-flood::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M1.5 9h11.4l-3.4 3.4c-.6.6-.6 1.5 0 2.1s1.5.6 2.1 0l6-6c.6-.6.6-1.5 0-2.1l-6-6C11-.1 10-.1 9.4.4s-.5 1.6 0 2.2L12.9 6H1.5C.7 6 0 6.7 0 7.5S.7 9 1.5 9M47.8 12 33.2.1q-.15-.15-.3 0L18.2 12c-.1.1-.2.2-.2.4v17.7c1.2.2 2.3.5 3.3 1.1.8.6 1.7.8 2.7.8s1.9-.2 2.7-.8c1.4-.8 3-1.3 4.6-1.2 1.6 0 3.2.4 4.6 1.2 1.7 1 3.8 1 5.4 0 1.4-.8 3-1.3 4.6-1.2.7 0 1.3.1 2 .2V12.4c.1-.2 0-.3-.1-.4M46 42c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.8.8-2.7.8-1 0-1.9-.2-2.7-.8C5.2 42.4 3.6 42 2 42c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.8-.8 2.7-.8 1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2M46 34c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.7.8-2.7.8s-1.9-.2-2.7-.8C5.2 34.4 3.6 34 2 34c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.7-.8 2.7-.8s1.9.2 2.7.8c1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-cyclone::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M47.6 24.3c-.9-1.5-2.7-2-4.1-1.2l-4.6 2.7c.4-3.1-.2-6.3-1.8-9.1 0-.1-.1-.1-.1-.2l-8.7-15c-.8-1.4-2.6-1.9-4-1.1h-.1c-1.4.8-1.9 2.6-1.1 4L25.8 9c-3.2-.4-6.5.3-9.3 1.9l-.1.1-15 8.6c-1.4.8-1.9 2.6-1.1 4v.1c.8 1.4 2.6 1.9 4 1.1L9 22.1c-.4 3.2.3 6.4 1.9 9.2v.1l8.7 15c.8 1.4 2.6 1.9 4 1.1h.1c1.4-.8 1.9-2.6 1.1-4l-2.7-4.6c3.1.4 6.2-.2 8.9-1.7.1-.1.2-.1.4-.2l15-8.7c1.6-.8 2-2.6 1.2-4m-31.4 4.2c-2.5-4.3-1-9.7 3.2-12.3h.1c.1 0 0 0 0 0 4.3-2.4 9.7-1 12.2 3.3v.1c0 .1 0 0 0 0 2.4 4.3 1 9.8-3.3 12.3-4.2 2.4-9.7.9-12.2-3.4' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-drought::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M45.5 43H35V20c0-2.2 1.8-4 4-4s4 1.8 4 4v.7c-1.2.6-2 1.8-2 3.2 0 1.7 2.9 5.4 3.4 6.1 0 0 .1.1.2 0 .5-.7 3.4-4.4 3.4-6.1 0-1.3-.8-2.6-2-3.2V20c0-3.8-3.1-6.9-7-7-3.9 0-7 3.1-7 7v5h-3c-2.6.3-4.7 2.3-5 5v1.7c-1.2.6-2 1.8-2 3.2 0 1.7 2.9 5.4 3.4 6.1 0 0 .1.1.2 0 .5-.7 3.4-4.4 3.4-6.1 0-1.3-.8-2.6-2-3.2v-1.2c0-1.4 1.1-2.5 2.5-2.5H32v15H2.5C1.1 43 0 44.1 0 45.5S1.1 48 2.5 48h43c1.4 0 2.5-1.1 2.5-2.5S46.9 43 45.5 43M12.5 6c.8 0 1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5S11 .7 11 1.5v3c0 .8.7 1.5 1.5 1.5M11 20.5v3c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5M19.2 7.9l2.1-2.1c.6-.6.6-1.5 0-2.1s-1.5-.6-2.1 0l-2.1 2.1c-.6.6-.6 1.5 0 2.1s1.5.6 2.1 0M5.8 17.1l-2.1 2.1c-.6.6-.6 1.5 0 2.1s1.5.6 2.1 0l2.1-2.1c.6-.6.6-1.5 0-2.1s-1.5-.6-2.1 0M19 12.5c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5h-3c-.8 0-1.5.7-1.5 1.5M1.5 14h3c.8 0 1.5-.7 1.5-1.5S5.3 11 4.5 11h-3c-.8 0-1.5.7-1.5 1.5S.7 14 1.5 14M17.1 17.1c-.6.6-.6 1.5 0 2.1l2.1 2.1c.6.6 1.5.6 2.1 0s.6-1.5 0-2.1l-2.1-2.1c-.6-.6-1.5-.6-2.1 0M5.8 7.9c.6.6 1.5.6 2.1 0s.6-1.5 0-2.1L5.8 3.7c-.6-.6-1.5-.6-2.1 0s-.6 1.5 0 2.1z' style='fill:%23011e41'/><circle cx='12.5' cy='12.5' r='4.5' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-volcano::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M47.9 47.2 29.3 29.6c-.7-.7-1.7-.8-2.5-.3-1.7 1.2-3.9 1.2-5.6 0-.8-.5-1.8-.4-2.5.3L.1 47.2c-.2.2-.2.5 0 .7.1 0 .3.1.4.1h47c.3 0 .5-.2.5-.5 0-.1-.1-.3-.1-.3M25 24.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-8c-.2-3.4 2.4-6.3 5.8-6.4 2.5-.1 4.7 1.8 4.8 4.4.1 1.9-1.3 3.5-3.2 3.6-1.3-.1-2.4-1.1-2.5-2.4 0-.8-.7-1.5-1.6-1.4-.8 0-1.5.7-1.4 1.6.2 3 2.7 5.3 5.7 5.1 3.5-.2 6.2-3.2 6.1-6.7-.2-4.2-3.8-7.4-8-7.2-5 .2-8.9 4.5-8.7 9.5zM14.2 11.9c.8 0 1.5-.6 1.6-1.4 0-.8-.6-1.5-1.4-1.6-1.4-.1-2.5-1.3-2.4-2.6.1-1.9 1.7-3.4 3.6-3.3 2.6.2 4.6 2.4 4.4 5v16.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V8.1c.2-4.2-3-7.8-7.3-8.1C12.2-.2 9.2 2.6 9 6.1c-.1 3 2.2 5.6 5.2 5.8' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-landslide::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M47.6 19.7c-.4-1.1-1.3-2-2.4-2.4s-2.4-.4-3.5 0c-.7.3-1 1.2-.6 1.8v.1c.3.6 1 .9 1.7.7.4-.1.8 0 1.2.1.3.1.6.4.8.8.4 1.1-.1 2.4-1.2 2.9-.8.3-1.7.3-2.5 0s-1.4-.9-1.7-1.7L32.9 7.9c-.4-.7-1.2-1.1-2-.7-.7.4-1.1 1.2-.7 2l6.5 14.1c.6 1.5 1.8 2.7 3.3 3.3.7.3 1.6.5 2.4.5s1.6-.2 2.4-.5c2.6-1.2 3.9-4.2 2.8-6.9M21 7.3c-.5-1.1-1.8-1.6-3-1.1-.5.2-.9.6-1.1 1.1L.2 44.8c-.5 1.1 0 2.5 1.1 3 .3.1.6.2 1 .2h33.5c1.2 0 2.3-1 2.3-2.2 0-.3-.1-.6-.2-.9zM37.1 9.5c.2.3.5.5.9.5h5c.4 0 .7-.2.9-.5l2-4c.2-.3.2-.7 0-1l-2-4c-.2-.3-.5-.5-.9-.5h-5c-.4 0-.7.2-.9.5l-2 4c-.2.3-.2.7 0 1z' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-storm-surge::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M46 42c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.8.8-2.7.8-1 0-1.9-.2-2.7-.8C5.2 42.4 3.6 42 2 42c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.8-.8 2.7-.8 1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2M46 34c-1.6 0-3.2.4-4.6 1.2-1.7 1-3.8 1-5.4 0-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.9.6-1.8.8-2.8.8s-1.9-.2-2.7-.8c-1.4-.8-3-1.3-4.6-1.2-1.6 0-3.2.4-4.6 1.2-.8.5-1.8.8-2.7.8-1 0-1.9-.2-2.7-.8C5.2 34.4 3.6 34 2 34c-1.1 0-2 .9-2 2s.9 2 2 2c1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2.8-.5 1.8-.8 2.7-.8 1 0 1.9.2 2.7.8 1.4.8 3 1.3 4.6 1.2 1.6 0 3.2-.4 4.6-1.2 1.7-1 3.8-1 5.4 0 2.9 1.7 6.4 1.7 9.3 0 .9-.6 1.8-.8 2.8-.8 1.1 0 2-.9 2-2s-.9-2-2-2M8 22h28.5c3.5 0 6.6-2.5 7.3-5.9.1-.5.2-1.1.2-1.6 0-4.1-3.4-7.5-7.5-7.5-.9 0-1.8.2-2.7.5A9.51 9.51 0 0 0 22.5.2C18.2 1.1 15 5 15 9.4c-2.5-1.1-5.5 0-6.6 2.6-.3.6-.4 1.3-.4 2-2.2 0-4 1.8-4 4s1.8 4 4 4M11 24.5 7.5 28c-.7.7-.7 1.8 0 2.5s1.8.7 2.5 0l3.5-3.5c.7-.7.7-1.8 0-2.5s-1.8-.7-2.5 0M23 24.5 19.5 28c-.7.7-.7 1.8 0 2.5s1.8.7 2.5 0l3.5-3.5c.7-.7.7-1.8 0-2.5s-1.8-.7-2.5 0M35 24.5 31.5 28c-.7.7-.7 1.8 0 2.5s1.8.7 2.5 0l3.5-3.5c.7-.7.7-1.8 0-2.5s-1.8-.7-2.5 0' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-tornado::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M24.5 41h-3c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5h3c1.9 0 3.5-1.6 3.5-3.5S26.4 41 24.5 41M30.5 31h-9c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5h9c1.9 0 3.5-1.6 3.5-3.5S32.4 31 30.5 31M32 24.5c0-1.9-1.6-3.5-3.5-3.5h-16C10.6 21 9 22.6 9 24.5s1.6 3.5 3.5 3.5h16c1.9 0 3.5-1.6 3.5-3.5M39.5 11h-26c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5h26c1.9 0 3.5-1.6 3.5-3.5S41.4 11 39.5 11M44.5 0h-41C1.6 0 0 1.6 0 3.5S1.6 7 3.5 7h41C46.4 7 48 5.4 48 3.5S46.4 0 44.5 0' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-heatwave::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 34 48'><path d='M16 6.5C16 2.9 13.1 0 9.5 0S3 2.9 3 6.5v25.1c-3.8 3.6-4 9.6-.4 13.4s9.6 4 13.4.4c1.9-1.8 3-4.3 3-6.9s-1.1-5.1-3-6.9zM9.5 45C5.9 45 3 42.1 3 38.5c0-2 .9-3.8 2.4-5.1L6 33V6.5C6 4.6 7.6 3 9.5 3S13 4.6 13 6.5V33l.6.5c2.8 2.2 3.3 6.3 1 9.1-1.3 1.5-3.1 2.4-5.1 2.4' style='fill:%23011e41'/><path d='M11 34.8V8.5c0-.8-.7-1.5-1.5-1.5S8 7.7 8 8.5v26.3C6 35.6 5 38 5.8 40S9 43 11 42.2s3-3.2 2.2-5.2c-.4-1-1.2-1.8-2.2-2.2M32.5 10H28V5.5c0-.8-.7-1.5-1.5-1.5S25 4.7 25 5.5V10h-4.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5H25v4.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V13h4.5c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-cold-wave::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 34 48'><path d='M16 6.5C16 2.9 13.1 0 9.5 0S3 2.9 3 6.5v25.1c-3.8 3.6-4 9.6-.4 13.4s9.6 4 13.4.4c1.9-1.8 3-4.3 3-6.9s-1.1-5.1-3-6.9zM9.5 45C5.9 45 3 42.1 3 38.5c0-2 .9-3.8 2.4-5.1L6 33V6.5C6 4.6 7.6 3 9.5 3S13 4.6 13 6.5V33l.6.5c2.8 2.2 3.3 6.3 1 9.1-1.3 1.5-3.1 2.4-5.1 2.4' style='fill:%23011e41'/><path d='M11 34.8v-9.3c0-.8-.7-1.5-1.5-1.5S8 24.7 8 25.5v9.3C6 35.6 5 38 5.8 40S9 43 11 42.2s3-3.2 2.2-5.2c-.4-1-1.2-1.8-2.2-2.2M32.5 10h-12c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h12c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-heavy-rain::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 40'><path d='M11.2 31c-.5 0-.9.2-1.3.5L4.5 37c-.7.7-.7 1.8 0 2.5s1.8.7 2.5 0l5.5-5.5c.7-.7.7-1.8 0-2.5-.4-.3-.8-.5-1.3-.5M24.2 31c-.5 0-.9.2-1.3.5L17.5 37c-.7.7-.7 1.8 0 2.5s1.8.7 2.5 0l5.5-5.5c.7-.7.7-1.8 0-2.5-.3-.3-.8-.5-1.3-.5M37.2 31c-.5 0-.9.2-1.3.5L30.5 37c-.7.7-.7 1.8 0 2.5s1.8.7 2.5 0l5.5-5.5c.7-.7.7-1.8 0-2.5-.3-.3-.8-.5-1.3-.5M39 9c-1.1 0-2.2.2-3.2.6-1-6.3-7-10.5-13.2-9.4-5.5.9-9.5 5.6-9.6 11.2-3.1-1.1-6.5.5-7.7 3.6-.3.9-.4 2-.2 3h-.6C2 18 0 20 0 22.5S2 27 4.5 27H39c4.3 0 8-3 8.8-7.2.1-.6.2-1.2.2-1.8 0-5-4-9-9-9' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-snowfall::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 43.6 48'><path d='M41.1 20.3c.2 0 .3.1.5.1 1.1 0 2-.9 2-2 0-.9-.6-1.7-1.5-1.9l-2.1-.7 1.9-1.1c1-.5 1.3-1.8.7-2.7s-1.8-1.3-2.7-.7l-1.9 1 .6-2.2c.3-1.1-.3-2.2-1.4-2.5s-2.2.5-2.5 1.5l-1.6 6-6.5 3.7c-.8-.8-1.8-1.3-2.8-1.6v-6.5l4.4-4.4c.8-.8.8-2 0-2.8s-2-.8-2.8 0l-1.6 1.6V2c0-1.1-.9-2-2-2s-2 .9-2 2v3.2l-1.6-1.6c-.8-.8-2-.8-2.8 0s-.8 2 0 2.8l4.4 4.4v6.5c-1 .3-2 .9-2.8 1.6l-6.5-3.7-1.6-6c-.3-1.1-1.4-1.7-2.4-1.5-1.1.3-1.7 1.4-1.4 2.5l.6 2.2-1.9-1.1c-1-.6-2.2-.3-2.8.7s-.2 2.2.7 2.7l1.9 1.1-2.2.6c-1.1.3-1.7 1.4-1.4 2.5.2.9 1 1.5 1.9 1.5.2 0 .4 0 .5-.1l6-1.6 6.5 3.7c-.3 1.1-.3 2.2 0 3.2l-5.6 3.2-6-1.6c-1.1-.3-2.2.3-2.4 1.4s.3 2.2 1.4 2.4l2.2.6-2.7 1.6C.8 33.8.5 35 1 36c.6 1 1.8 1.3 2.7.7l2.7-1.6-.6 2.2c-.3 1.1.4 2.2 1.4 2.4.2 0 .3.1.5.1.9 0 1.7-.6 1.9-1.5l1.6-6 5.6-3.2c.8.8 1.8 1.3 2.8 1.6v7.5l-4.4 4.4c-.8.8-.8 2 0 2.8s2 .8 2.8 0l1.6-1.6V46c0 1.1.9 2 2 2s2-.9 2-2v-2.2l1.6 1.6c.8.8 2 .8 2.8 0s.8-2 0-2.8l-4.4-4.4v-7.5c1-.3 2-.9 2.8-1.6l5.6 3.2 1.6 6c.2.9 1 1.5 1.9 1.5.2 0 .4 0 .5-.1 1.1-.3 1.7-1.4 1.4-2.4l-.6-2.2 2.7 1.6c1 .6 2.2.2 2.7-.7.5-1 .2-2.2-.7-2.7l-2.7-1.6 2.2-.6c1.1-.3 1.7-1.4 1.4-2.4-.3-1.1-1.4-1.7-2.4-1.4l-6 1.6-5.6-3.2c.3-1.1.3-2.2 0-3.2l6.5-3.7zM21.8 27c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-fire::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 34 48'><path d='M17.4.2c-.2-.2-.5-.3-.8-.1l-.1.1C13.9 3.5 0 22.5 0 31c0 9.4 7.6 17 17 17s17-7.6 17-17C34 22.5 20.1 3.5 17.4.2M17 43c-4.4 0-8-3.6-8-8 0-4 6.6-12.4 7.8-13.9.1-.1.2-.1.4 0C18.4 22.6 25 31 25 35c0 4.4-3.6 8-8 8' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-epidemic::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 42'><path d='M48 29.5V29c0-7-5.5-12.7-12.5-13 0-.1-.1-.1-.1-.2C38.1 11 37.3 5 33.5 1.1l-.4-.4c-.9-.9-2.5-1-3.4 0s-1 2.5 0 3.5l.3.4C31.4 6 32.1 8 32 10c0 .5-.1 1.1-.2 1.6-4.6-3.5-10.9-3.5-15.5 0-.2-.5-.3-1.1-.3-1.6-.1-2 .6-3.9 1.9-5.4l.3-.4c1-1 .9-2.5 0-3.5s-2.5-1-3.4 0l-.3.3c-3.8 4-4.6 9.9-1.9 14.7 0 .1-.1.1-.1.2C5.5 16.3 0 22 0 29v.5C0 30.9 1.1 32 2.5 32S5 30.9 5 29.5V29h-.1.1c0-3.7 2.5-6.8 6-7.7v.7c0 5.3 3.2 10.1 8.2 12.1A8.14 8.14 0 0 1 13 37h-.5c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5h.5c4.5 0 8.6-2.3 11-6.1 2.4 3.8 6.5 6.1 11 6.1h.6c1.4 0 2.5-1.1 2.5-2.5S37 37 35.6 37H35c-2.4 0-4.7-1.1-6.2-2.9 4.9-2 8.2-6.7 8.2-12.1v-.7c3.5.9 6 4.1 6 7.7h.1-.1v.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5M24 13c2.2 0 4.3.8 5.9 2.2-.1.1-.2.3-.4.4-3 3.1-7.8 3.1-10.9.2l-.2-.2-.4-.4c1.7-1.4 3.8-2.2 6-2.2m-9 9v-.7c4 1 6.6 5 5.8 9.1-3.5-1.3-5.8-4.6-5.8-8.4m12.1 8.4c-.8-4.1 1.8-8.1 5.8-9.1v.7c.1 3.8-2.2 7.1-5.8 8.4' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-resilience::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M46.7 1.3c-1.8-1.8-4.6-1.8-6.4 0-.3.3-.6.7-.8 1.1.9.7 1.6 1.7 2 2.7.6 1.6.6 3.4-.1 5L39 15.6v27.9c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5v-39c0-1.2-.5-2.3-1.3-3.2' style='fill:%23011e41'/><path d='M39.6 9.3c1-2.3 0-4.9-2.3-5.9s-4.9 0-5.9 2.3l-.5 1c2.3 2.1 2.8 5.6 1 8.1L18.7 34.2l-3.3 7.5c-1 2.3 0 4.9 2.3 5.9.6.2 1.2.4 1.8.4 1.8 0 3.4-1.1 4.1-2.7L39 10.7z' style='fill:%23011e41'/><path d='m20.1 28.6 3.1-4.6 7-10.2c1.3-1.9.9-4.4-.9-5.8-.1-.1-.2-.1-.3-.2l-.6-.3c-2-.9-4.5-.3-5.7 1.5L.8 41c-.5.7-.8 1.6-.8 2.5C0 46 2 48 4.5 48c1.5 0 2.9-.7 3.7-2L17 33.2z' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-preparedness::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M13.4 35.6c-.8-.8-2-.8-2.8 0l-3.1 3.1-3.1-3.1c-.8-.8-2-.8-2.8 0s-.8 2 0 2.8l3.1 3.1-3.1 3.1c-.8.8-.8 2 0 2.8s2 .8 2.8 0l3.1-3.1 3.1 3.1c.8.8 2 .8 2.8 0s.8-2 0-2.8l-3.1-3.1 3.1-3.1c.8-.8.8-2 0-2.8M12.6 17.6 6 24.2l-2.6-2.6c-.8-.8-2-.8-2.8 0s-.8 2 0 2.8l4 4c.8.8 2 .8 2.8 0l8-8c.8-.8.8-2 0-2.8s-2-.8-2.8 0M45 22H23c-1.7 0-3 1.3-3 3s1.3 3 3 3h22c1.7 0 3-1.3 3-3s-1.3-3-3-3M12.6.6 6 7.2 3.4 4.6c-.8-.8-2-.8-2.8 0s-.8 2 0 2.8l4 4c.8.8 2 .8 2.8 0l8-8c.8-.8.8-2 0-2.8s-2-.8-2.8 0M23 11h22c1.7 0 3-1.3 3-3s-1.3-3-3-3H23c-1.7 0-3 1.3-3 3s1.3 3 3 3M45 39H23c-1.7 0-3 1.3-3 3s1.3 3 3 3h22c1.7 0 3-1.3 3-3s-1.3-3-3-3' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23011e41'/></svg>");
+}
+
+.mg-icon-response::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M2.5 26C3.9 26 5 24.9 5 23.5 5 17.1 10.3 12 16.6 12h22.8l-2.7 2.7c-1 1-1 2.6 0 3.5 1 1 2.6 1 3.5 0l7-7c1-1 1-2.6 0-3.5l-7-7c-1-1-2.6-1-3.5 0-1 1-1 2.6 0 3.5L39.5 7H16.9C7.8 6.8.2 14 0 23.1v.4C0 24.9 1.1 26 2.5 26M40.3 22.7c-1-1-2.6-1-3.5 0-1 1-1 2.6 0 3.5l2.7 2.7H16.9C7.8 28.8.2 36 0 45.1v.4C0 46.9 1.1 48 2.5 48S5 46.9 5 45.5C5 39.1 10.3 34 16.6 34h22.8l-2.7 2.7c-1 1-1 2.6 0 3.5s2.6 1 3.5 0l7-7c1-1 1-2.6 0-3.5z' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-affected-population::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M7.7 37.4.6 44.6c-.8.8-.8 2.1 0 2.8.8.8 2.1.8 2.8 0l7.1-7.2c.8-.8.8-2.1 0-2.8-.8-.8-2-.8-2.8 0M38.8 11.1c.5 0 1-.2 1.4-.6l7.2-7.1c.8-.8.8-2 0-2.8s-2-.8-2.8 0l-7.2 7.1c-.8.8-.8 2 0 2.8.4.4.9.6 1.4.6M40.3 37.4c-.8-.8-2-.8-2.8 0s-.8 2 0 2.8l7.1 7.2c.8.8 2 .8 2.8 0s.8-2 0-2.8zM7.8 10.5c.8.8 2.1.8 2.8 0 .8-.8.8-2.1 0-2.8L3.4.6C2.6-.2 1.3-.2.6.6s-.8 2.1 0 2.8zM24 10c-7.4 0-13 5.2-13 12 0 1.1.9 2 2 2s2-.9 2-2c-.1-2.8 1.5-5.4 4-6.7V46c0 1.1.9 2 2 2s2-.9 2-2V31h2v15c0 1.1.9 2 2 2s2-.9 2-2V15.3c2.5 1.3 4.1 3.9 4 6.7 0 1.1.9 2 2 2s2-.9 2-2c0-6.8-5.6-12-13-12' style='fill:%23011e41'/><circle cx='24' cy='4' r='4' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-people-in-need::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 34'><path d='M1.5 19c.8 0 1.5-.7 1.5-1.5 0-2.2 1.1-4.2 3-5.4V21c0 2.2 1.8 4 4 4s4-1.8 4-4v-8.9c1.9 1.1 3 3.2 3 5.4 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5c0-1.1.4-2.1 1-2.9V18c0 1.7 1.3 3 3 3s3-1.3 3-3v-3.5c.7.8 1 1.9 1 2.9 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5c.2-2.5 1.7-4.7 4-5.7L33.1 19c-.5 2.7 1.2 5.4 3.9 5.9s5.4-1.2 5.9-3.9c.1-.6.1-1.3 0-2L41 11.8c2.3 1 3.8 3.2 4 5.7 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5C48 12.1 43.7 8 38 8c-3.5-.1-6.8 1.6-8.7 4.6-2.2-3-6.4-3.5-9.4-1.3-.5.4-.9.8-1.3 1.3C16.8 9.7 13.5 7.9 10 8 4.3 8 0 12.1 0 17.5c0 .8.7 1.5 1.5 1.5' style='fill:%23011e41'/><circle cx='38' cy='3' r='3' style='fill:%23011e41'/><circle cx='10' cy='3' r='3' style='fill:%23011e41'/><path d='M24 8c1.4 0 2.5-1.1 2.5-2.5S25.4 3 24 3s-2.5 1.1-2.5 2.5S22.6 8 24 8M46 30H2c-1.1 0-2 .9-2 2s.9 2 2 2h44c1.1 0 2-.9 2-2s-.9-2-2-2' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-internally-displaced::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 43'><path d='m47.5 20.4-6.9-6.9c-.6-.6-1.6-.6-2.2 0s-.6 1.6 0 2.2l4.3 4.3H29.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h13.3l-4.4 4.3c-.6.6-.6 1.6 0 2.2s1.6.6 2.2 0l6.9-6.9c.7-.6.7-1.6 0-2.2M29.8 2.8c-.7-2.1-3-3.2-5.1-2.5s-3.2 3-2.5 5.1 3 3.2 5.1 2.5c2-.8 3.2-3.1 2.5-5.1M20.7 23.5l3.9-7.8c1.2-2.4.2-5.3-2.1-6.5L20 7.9c-.1-.1-.3-.1-.4-.2-6.9-3-14.9-.2-18.3 6.5-.5 1-.1 2.3.9 2.8s2.3.1 2.8-.9c1.9-3.8 6-5.9 10.2-5.4L.2 40c-.5 1-.1 2.3.9 2.8s2.3.1 2.8-.9l9-17.7 4.5 2.3c4.8 2.6 6.7 8.7 4.2 13.6-.5 1-.1 2.3.9 2.8s2.3.1 2.8-.9c3.3-6.5 1.4-14.4-4.6-18.5' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-refugee::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 47.1'><path d='M29.8 6.8c-.7-2.1-3-3.2-5.1-2.5s-3.2 3-2.5 5.1 3 3.2 5.1 2.5c2-.7 3.2-3 2.5-5.1M20.7 27.6l3.9-7.8c1.2-2.4.2-5.3-2.1-6.5L20 12c-.1-.1-.3-.1-.4-.2-6.9-3-14.9-.2-18.3 6.5-.5 1-.1 2.3.9 2.8s2.3.1 2.8-.9c1.9-3.8 6-5.9 10.2-5.4L.2 44c-.5 1-.1 2.3.9 2.8s2.3.1 2.8-.9l9-17.7 4.5 2.3c4.8 2.6 6.7 8.7 4.2 13.6-.5 1-.1 2.3.9 2.8s2.3.1 2.8-.9c3.3-6.5 1.4-14.3-4.6-18.4M47.5 22.4l-6.9-6.9c-.6-.6-1.6-.6-2.2 0s-.6 1.6 0 2.2l4.3 4.3H29.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h13.3l-4.4 4.3c-.6.6-.6 1.6 0 2.2s1.6.6 2.2 0l6.9-6.9c.7-.6.7-1.6 0-2.2' style='fill:%23011e41'/><path d='M33.5 28c-.8 0-1.5.7-1.5 1.5v5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-5c0-.8-.7-1.5-1.5-1.5M33.5 19c.8 0 1.5-.7 1.5-1.5v-5c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5v5c0 .8.7 1.5 1.5 1.5M33.5 8c.8 0 1.5-.7 1.5-1.5v-5c0-.8-.7-1.5-1.5-1.5S32 .7 32 1.5v5c0 .8.7 1.5 1.5 1.5M33.5 39c-.8 0-1.5.7-1.5 1.5v5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5v-5c0-.8-.7-1.5-1.5-1.5' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-shelter::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M24 18c-6 0-10.5 4.1-10.5 9.5 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5c0-2.4 1.4-4.5 3.5-5.6v24.6c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V34h2v12.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V21.9c2.1 1 3.5 3.2 3.5 5.6 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5C34.5 22.1 30 18 24 18' style='fill:%23011e41'/><circle cx='24.1' cy='13' r='3' style='fill:%23011e41'/><path d='M46.8 12.8 25.3.3c-.8-.5-1.7-.5-2.5 0L1.2 12.8C.5 13.3 0 14.1 0 15v30.5C0 46.9 1.1 48 2.5 48S5 46.9 5 45.5V16.4l19-11 19 11v29.1c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5V15c0-.9-.5-1.7-1.2-2.2' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-infrastructure::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 48 48'><path d='M26 0v48h22V0zm13 42c0 1.1-.9 2-2 2s-2-.9-2-2v-6c0-1.1.9-2 2-2s2 .9 2 2zm0-15c0 1.1-.9 2-2 2s-2-.9-2-2v-6c0-1.1.9-2 2-2s2 .9 2 2zm0-15c0 1.1-.9 2-2 2s-2-.9-2-2V6c0-1.1.9-2 2-2s2 .9 2 2zM0 32c4.7 0 9 3.3 9 8v8h6v-8c0-4.7 4.3-8 9-8v-8H0z' style='fill:%23011e41'/></svg>");
+}
+
+.mg-icon-facebook::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12'/></svg>");
+}
+
+.mg-icon-x-social::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/></svg>");
+}
+
+.mg-icon-twitter::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/></svg>");
+}
+
+.mg-icon-linkedin::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/></svg>");
+}
+
+.mg-icon-youtube::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z'/></svg>");
+}
+
+.mg-icon-flickr::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m8.5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6m7 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6'/></svg>");
+}
+
+.mg-icon-sdg-wheel::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 166.33 166.33'><path fill='%2364ad35' d='M46.73 62.84c1.82-3.09 4.02-5.92 6.55-8.43L31.79 30.84A73.7 73.7 0 0 0 18.14 48.6z'/><path fill='%23e7b717' d='M99.42 46.19c3.26 1.49 6.28 3.4 9.01 5.65l21.55-23.53a73.7 73.7 0 0 0-19.1-11.92z'/><path fill='%23c31a23' d='m148.77 53.28-28.56 14.24a41.3 41.3 0 0 1 2.86 10.09l31.77-3a72.6 72.6 0 0 0-6.07-21.33'/><path fill='%23489835' d='m118.16 63.39 28.56-14.24a73.4 73.4 0 0 0-13.35-17.72l-21.55 23.53c2.46 2.52 4.59 5.35 6.34 8.43'/><path fill='%23417f3d' d='M41.06 83.69c0-.64.02-1.29.05-1.92L9.33 78.93c-.1 1.57-.16 3.17-.16 4.77 0 6.09.76 12.02 2.16 17.68l30.7-8.81c-.63-2.87-.97-5.83-.97-8.88'/><path fill='%23f8c300' d='M114.16 109.81c-2.26 2.75-4.87 5.2-7.75 7.29l16.78 27.17a73.8 73.8 0 0 0 16.43-15.26z'/><path fill='%23e23623' d='M123.52 83.69c0 3.01-.33 5.94-.95 8.77l30.69 8.82a72.9 72.9 0 0 0 2.01-22.08l-31.78 3c.02.5.03.99.03 1.49'/><path fill='%23f39d19' d='m50.93 110.41-25.4 19.31a73.5 73.5 0 0 0 16.59 15.03l16.78-27.14a40.7 40.7 0 0 1-7.97-7.2'/><path fill='%232693d1' d='M41.57 77.18c.57-3.59 1.61-7.02 3.05-10.24L16.06 52.72a72.9 72.9 0 0 0-6.3 21.61z'/><path fill='%23a4183d' d='m119.29 146.73-16.76-27.13a40.8 40.8 0 0 1-9.78 3.97l5.92 31.39c7.35-1.7 14.29-4.5 20.62-8.23'/><path fill='%233cb9e1' d='M121.35 96.9a41.4 41.4 0 0 1-4.46 9.19l25.49 19.22a72.7 72.7 0 0 0 9.64-19.59z'/><path fill='%23e86120' d='M88.23 124.48c-1.94.28-3.93.43-5.94.43-1.62 0-3.23-.1-4.8-.28l-5.91 31.39c3.5.52 7.07.79 10.71.79 4.03 0 7.99-.33 11.85-.96z'/><path fill='%23de1931' d='M84.92 42.54c3.54.23 6.96.9 10.2 1.97l11.46-29.79a72.7 72.7 0 0 0-21.67-4.1v31.92z'/><path fill='%23d80460' d='M72.95 123.85c-3.57-.83-6.97-2.13-10.12-3.83l-16.79 27.15c6.46 3.7 13.52 6.44 21.01 8.03z'/><path fill='%231b4469' d='M69.9 44.36a40.7 40.7 0 0 1 10.42-1.85V10.59c-7.68.2-15.04 1.6-21.96 4z'/><path fill='%23ca9a12' d='M48.13 106.75A41.3 41.3 0 0 1 43.27 97l-30.67 8.8a72.5 72.5 0 0 0 10.13 20.25z'/><path fill='%2305659b' d='M56.74 51.35c2.7-2.13 5.66-3.93 8.84-5.35L54.04 16.25a73 73 0 0 0-18.81 11.52z'/></svg>");
+}