emoji-picker-react 4.0.0-rc.19 → 4.0.0-rc.21

package/dist/emoji-picker-react.esm.js

@@ -1,4 +1,4 @@
-import { createElement, createContext, useContext, useState, useRef, useEffect, createRef, useCallback, useMemo, Fragment, Component } from 'react';
+import { useRef, createElement, createContext, createRef, useContext, useCallback, useState, useEffect, useMemo, Fragment, Component } from 'react';
 import clsx from 'clsx';
 
 function _extends() {
@@ -92,6 +92,131 @@ function categoryNameFromDom($category) {
   return (_$category$getAttribu = $category == null ? void 0 : $category.getAttribute('data-name')) != null ? _$category$getAttribu : null;
 }
 
+var ClassNames;
+
+(function (ClassNames) {
+  ClassNames["hiddenOnSearch"] = "epr-hidden-on-search";
+  ClassNames["searchActive"] = "epr-search-active";
+  ClassNames["hidden"] = "epr-hidden";
+  ClassNames["visible"] = "epr-visible";
+  ClassNames["active"] = "epr-active";
+  ClassNames["emoji"] = "epr-emoji";
+  ClassNames["category"] = "epr-emoji-category";
+  ClassNames["label"] = "epr-emoji-category-label";
+})(ClassNames || (ClassNames = {}));
+
+function asSelectors() {
+  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+    classNames[_key] = arguments[_key];
+  }
+
+  return classNames.map(function (c) {
+    return "." + c;
+  }).join('');
+}
+
+function ElementRefContextProvider(_ref) {
+  var children = _ref.children;
+  var PickerMainRef = useRef(null);
+  var AnchoredEmojiRef = useRef(null);
+  var BodyRef = useRef(null);
+  var SearchInputRef = useRef(null);
+  var SkinTonePickerRef = useRef(null);
+  var CategoryNavigationRef = useRef(null);
+  return createElement(ElementRefContext.Provider, {
+    value: {
+      AnchoredEmojiRef: AnchoredEmojiRef,
+      BodyRef: BodyRef,
+      CategoryNavigationRef: CategoryNavigationRef,
+      PickerMainRef: PickerMainRef,
+      SearchInputRef: SearchInputRef,
+      SkinTonePickerRef: SkinTonePickerRef
+    }
+  }, children);
+}
+var ElementRefContext = /*#__PURE__*/createContext({
+  AnchoredEmojiRef: /*#__PURE__*/createRef(),
+  BodyRef: /*#__PURE__*/createRef(),
+  CategoryNavigationRef: /*#__PURE__*/createRef(),
+  PickerMainRef: /*#__PURE__*/createRef(),
+  SearchInputRef: /*#__PURE__*/createRef(),
+  SkinTonePickerRef: /*#__PURE__*/createRef()
+});
+
+function useElementRef() {
+  return useContext(ElementRefContext);
+}
+
+function usePickerMainRef() {
+  return useElementRef()['PickerMainRef'];
+}
+function useAnchoredEmojiRef() {
+  return useElementRef()['AnchoredEmojiRef'];
+}
+function useSetAnchoredEmojiRef() {
+  var AnchoredEmojiRef = useAnchoredEmojiRef();
+  return function (target) {
+    AnchoredEmojiRef.current = target;
+  };
+}
+function useBodyRef() {
+  return useElementRef()['BodyRef'];
+}
+function useSearchInputRef() {
+  return useElementRef()['SearchInputRef'];
+}
+function useSkinTonePickerRef() {
+  return useElementRef()['SkinTonePickerRef'];
+}
+function useCategoryNavigationRef() {
+  return useElementRef()['CategoryNavigationRef'];
+}
+
+function scrollTo(root, top) {
+  if (top === void 0) {
+    top = 0;
+  }
+
+  var $eprBody = root ? root.querySelector('.epr-body') : null;
+
+  if (!root || !$eprBody) {
+    return;
+  }
+
+  requestAnimationFrame(function () {
+    $eprBody.scrollTop = top + 1;
+  });
+}
+function useScrollTo() {
+  var BodyRef = useBodyRef();
+  return useCallback(function (top) {
+    requestAnimationFrame(function () {
+      if (BodyRef.current) {
+        BodyRef.current.scrollTop = top;
+      }
+    });
+  }, [BodyRef]);
+}
+
+function scrollCategoryIntoView(root, category) {
+  var $category = root == null ? void 0 : root.querySelector("[data-name=\"" + category + "\"]");
+
+  if (!$category) {
+    return;
+  }
+
+  var offsetTop = $category.offsetTop || 0;
+  scrollTo(root, offsetTop);
+}
+
+function isSystemDarkTheme() {
+  if (typeof window === 'undefined') {
+    return false;
+  }
+
+  return !!window.matchMedia('(prefers-color-scheme: dark)').matches;
+}
+
 var SuggestionMode;
 
 (function (SuggestionMode) {
@@ -228,17 +353,21 @@ function getBaseConfigByCategory(category, modifier) {
 }
 
 function mergeConfig(userConfig) {
+  var _userConfig$previewCo;
+
   if (userConfig === void 0) {
     userConfig = {};
   }
 
-  var config = _extends({}, basePickerConfig(), userConfig);
-
+  var base = basePickerConfig();
+  var previewConfig = Object.assign(base.previewConfig, (_userConfig$previewCo = userConfig.previewConfig) != null ? _userConfig$previewCo : {});
+  var config = Object.assign(base, userConfig);
   var categories = mergeCategoriesConfig(userConfig.categories, {
     suggestionMode: config.suggestedEmojisMode
   });
   return _extends({}, config, {
-    categories: categories
+    categories: categories,
+    previewConfig: previewConfig
   });
 }
 function basePickerConfig() {
@@ -247,17 +376,24 @@ function basePickerConfig() {
     categories: baseCategoriesConfig(),
     defaultSkinTone: SkinTones.NEUTRAL,
     emojiStyle: EmojiStyle.APPLE,
+    lazyLoadEmojis: false,
     onEmojiClick: function defaultOnClickHandler( // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     emoji, // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     event) {},
+    previewConfig: _extends({}, basePreviewConfig),
     searchPlaceHolder: 'Search',
-    showPreview: true,
     skinTonesDisabled: false,
-    theme: Theme.LIGHT,
     suggestedEmojisMode: SuggestionMode.FREQUENT,
-    lazyLoadEmojis: false
+    theme: Theme.LIGHT
   };
 }
+var basePreviewConfig = {
+  defaultEmoji: '1f60a',
+  defaultCaption: "What's your mood?",
+  showPreview: true
+};
 
 var _excluded = ["children"];
 var ConfigContext = /*#__PURE__*/createContext( /*#__PURE__*/basePickerConfig());
@@ -273,14 +409,6 @@ function usePickerConfig() {
   return useContext(ConfigContext);
 }
 
-function isSystemDarkTheme() {
-  if (typeof window === 'undefined') {
-    return false;
-  }
-
-  return !!window.matchMedia('(prefers-color-scheme: dark)').matches;
-}
-
 function useSearchPlaceHolderConfig() {
   var _usePickerConfig = usePickerConfig(),
       searchPlaceHolder = _usePickerConfig.searchPlaceHolder;
@@ -323,11 +451,11 @@ function useOnEmojiClickConfig() {
 
   return onEmojiClick;
 }
-function useShowPreviewConfig() {
+function usePreviewConfig() {
   var _usePickerConfig8 = usePickerConfig(),
-      showPreview = _usePickerConfig8.showPreview;
+      previewConfig = _usePickerConfig8.previewConfig;
 
-  return showPreview;
+  return previewConfig;
 }
 function useThemeConfig() {
   var _usePickerConfig9 = usePickerConfig(),
@@ -14948,33 +15076,6 @@ setTimeout(function () {
   }, alphaNumericEmojiIndex);
 });
 
-function scrollTo(root, top) {
-  if (top === void 0) {
-    top = 0;
-  }
-
-  var $eprBody = root ? root.querySelector('.epr-body') : null;
-
-  if (!root || !$eprBody) {
-    return;
-  }
-
-  requestAnimationFrame(function () {
-    $eprBody.scrollTop = top + 1;
-  });
-}
-
-function scrollCategoryIntoView(root, category) {
-  var $category = root == null ? void 0 : root.querySelector("[data-name=\"" + category + "\"]");
-
-  if (!$category) {
-    return;
-  }
-
-  var offsetTop = $category.offsetTop || 0;
-  scrollTo(root, offsetTop);
-}
-
 function useDebouncedState(initialValue, delay) {
   if (delay === void 0) {
     delay = 0;
@@ -14987,15 +15088,18 @@ function useDebouncedState(initialValue, delay) {
   var timer = useRef(null);
 
   function debouncedSetState(value) {
-    var _window;
+    return new Promise(function (resolve) {
+      var _window;
 
-    if (timer.current) {
-      clearTimeout(timer.current);
-    }
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
 
-    timer.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
-      setState(value);
-    }, delay);
+      timer.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
+        setState(value);
+        resolve(value);
+      }, delay);
+    });
   }
 
   return [state, debouncedSetState];
@@ -15007,53 +15111,13 @@ function useMarkInitialLoad(dispatch) {
   }, [dispatch]);
 }
 
-function ElementRefContextProvider(_ref) {
-  var children = _ref.children;
-  var PickerMainRef = useRef(null);
-  var AnchoredEmojiRef = useRef(null);
-  var BodyRef = useRef(null);
-  return createElement(ElementRefContext.Provider, {
-    value: {
-      PickerMainRef: PickerMainRef,
-      AnchoredEmojiRef: AnchoredEmojiRef,
-      BodyRef: BodyRef
-    }
-  }, children);
-}
-var ElementRefContext = /*#__PURE__*/createContext({
-  PickerMainRef: /*#__PURE__*/createRef(),
-  AnchoredEmojiRef: /*#__PURE__*/createRef(),
-  BodyRef: /*#__PURE__*/createRef()
-});
-function useElementRef(key) {
-  var _React$useContext = useContext(ElementRefContext),
-      elementRef = _React$useContext[key];
-
-  return elementRef;
-}
-function usePickerMainRef() {
-  return useElementRef('PickerMainRef');
-}
-function useAnchoredEmojiRef() {
-  return useElementRef('AnchoredEmojiRef');
-}
-function useSetAnchoredEmojiRef() {
-  var AnchoredEmojiRef = useAnchoredEmojiRef();
-  return function (target) {
-    AnchoredEmojiRef.current = target;
-  };
-}
-function useBodyRef() {
-  return useElementRef('BodyRef');
-}
-
 function PickerContextProvider(_ref) {
   var children = _ref.children;
   var defaultSkinTone = useDefaultSkinToneConfig(); // Initialize the filter with the inititial dictionary
 
   var filterRef = useRef(alphaNumericEmojiIndex);
   var disallowClickRef = useRef(false);
-  var suggestedUpdateState = useDebouncedState(Date.now(), 250);
+  var suggestedUpdateState = useDebouncedState(Date.now(), 200);
   var searchTerm = useDebouncedState('', 100);
   var skinToneFanOpenState = useState(false);
   var activeSkinTone = useState(defaultSkinTone);
@@ -15068,34 +15132,38 @@ function PickerContextProvider(_ref) {
   useMarkInitialLoad(setIsPastInitialLoad);
   return createElement(PickerContext.Provider, {
     value: {
-      suggestedUpdateState: suggestedUpdateState,
-      filterRef: filterRef,
-      searchTerm: searchTerm,
       activeCategoryState: activeCategoryState,
       activeSkinTone: activeSkinTone,
+      disallowClickRef: disallowClickRef,
+      emojiVariationPickerState: emojiVariationPickerState,
       emojisThatFailedToLoadState: emojisThatFailedToLoadState,
+      filterRef: filterRef,
       isPastInitialLoad: isPastInitialLoad,
-      emojiVariationPickerState: emojiVariationPickerState,
+      searchTerm: searchTerm,
       skinToneFanOpenState: skinToneFanOpenState,
-      disallowClickRef: disallowClickRef
+      suggestedUpdateState: suggestedUpdateState
     }
   }, children);
 }
 var PickerContext = /*#__PURE__*/createContext({
-  suggestedUpdateState: [/*#__PURE__*/Date.now(), function () {}],
-  searchTerm: ['', function () {}],
   activeCategoryState: [null, function () {}],
   activeSkinTone: [SkinTones.NEUTRAL, function () {}],
-  emojisThatFailedToLoadState: [/*#__PURE__*/new Set(), function () {}],
-  isPastInitialLoad: true,
+  disallowClickRef: {
+    current: false
+  },
   emojiVariationPickerState: [null, function () {}],
-  skinToneFanOpenState: [false, function () {}],
+  emojisThatFailedToLoadState: [/*#__PURE__*/new Set(), function () {}],
   filterRef: {
     current: {}
   },
-  disallowClickRef: {
-    current: false
-  }
+  isPastInitialLoad: true,
+  searchTerm: ['', function () {
+    return new Promise(function () {
+      return undefined;
+    });
+  }],
+  skinToneFanOpenState: [false, function () {}],
+  suggestedUpdateState: [/*#__PURE__*/Date.now(), function () {}]
 });
 function useFilterRef() {
   var _React$useContext = useContext(PickerContext),
@@ -15217,16 +15285,113 @@ function useActiveCategoryScrollDetection(bodyRef) {
     }, {
       threshold: [0, 1]
     });
-    (_bodyRef$current = bodyRef.current) == null ? void 0 : _bodyRef$current.querySelectorAll('.epr-emoji-category').forEach(function (el) {
+    (_bodyRef$current = bodyRef.current) == null ? void 0 : _bodyRef$current.querySelectorAll(asSelectors(ClassNames.category)).forEach(function (el) {
       observer.observe(el);
     });
-  }, [bodyRef]);
+  }, [bodyRef, setActiveCategory]);
+}
+
+function elementCountInRow(parent, element) {
+  if (!parent || !element) {
+    return 0;
+  }
+
+  var parentWidth = parent.getBoundingClientRect().width;
+  var elementWidth = element.getBoundingClientRect().width;
+  return Math.floor(parentWidth / elementWidth);
+}
+function elementIndexInRow(parent, element) {
+  if (!parent || !element) {
+    return 0;
+  }
+
+  var elementWidth = element.getBoundingClientRect().width;
+  var elementLeft = element.getBoundingClientRect().left;
+  var parentLeft = parent.getBoundingClientRect().left;
+  return Math.floor((elementLeft - parentLeft) / elementWidth);
+}
+function rowNumber(parent, element) {
+  if (!parent || !element) {
+    return 0;
+  }
+
+  var elementHeight = element.getBoundingClientRect().height;
+  var elementTop = element.getBoundingClientRect().top;
+  var parentTop = parent.getBoundingClientRect().top;
+  return Math.floor((elementTop - parentTop) / elementHeight) - 1;
+}
+function hasNextRow(parent, element) {
+  if (!parent || !element) {
+    return false;
+  }
+
+  var elementHeight = element.getBoundingClientRect().height;
+  var elementTop = element.getBoundingClientRect().top;
+  var parentTop = parent.getBoundingClientRect().top;
+  var parentHeight = parent.getBoundingClientRect().height;
+  return elementTop - parentTop + elementHeight < parentHeight;
+}
+
+function getRowElements(elements, row, elementsInRow) {
+  if (row === -1) {
+    var lastRow = Math.floor(elements.length / elementsInRow);
+    var firstElementIndex = lastRow * elementsInRow;
+    var lastElementIndex = elements.length - 1;
+    return elements.slice(firstElementIndex, lastElementIndex + 1);
+  }
+
+  return elements.slice(row * elementsInRow, (row + 1) * elementsInRow);
+}
+
+function getNextRowElements(allElements, currentRow, elementsInRow) {
+  var nextRow = currentRow + 1;
+
+  if (nextRow * elementsInRow > allElements.length) {
+    return [];
+  }
+
+  return getRowElements(allElements, nextRow, elementsInRow);
+}
+
+function getElementInRow(elements, row, elementsInRow, indexInRow) {
+  var rowElements = getRowElements(elements, row, elementsInRow); // get element, default to last
+
+  return rowElements[indexInRow] || rowElements[rowElements.length - 1] || null;
 }
+function getElementInNextRow(allElements, currentRow, elementsInRow, index) {
+  var nextRowElements = getNextRowElements(allElements, currentRow, elementsInRow); // return item in index, or last item in row
 
-function buttonFromEmoji(emojiElement) {
+  return nextRowElements[index] || nextRowElements[nextRowElements.length - 1] || null;
+}
+function getElementInPrevRow(allElements, currentRow, elementsInRow, index) {
+  var prevRowElements = getRowElements(allElements, currentRow - 1, elementsInRow); // default to last
+
+  return prevRowElements[index] || prevRowElements[prevRowElements.length - 1] || null;
+}
+function firstVisibleElementInContainer(parent, elements) {
+  if (!parent || !elements.length) {
+    return null;
+  }
+
+  var parentTop = parent.getBoundingClientRect().top;
+  var parentBottom = parent.getBoundingClientRect().bottom;
+  var visibleElements = elements.find(function (element) {
+    var elementTop = element.getBoundingClientRect().top;
+    var elementBottom = element.getBoundingClientRect().bottom;
+    return elementTop >= parentTop && elementTop <= parentBottom || elementBottom >= parentTop && elementBottom <= parentBottom;
+  });
+  return visibleElements || null;
+}
+function hasNextElementSibling(element) {
+  return !!element.nextElementSibling;
+}
+
+var EmojiButtonSelector = "button" + /*#__PURE__*/asSelectors(ClassNames.emoji);
+var VisibleEmojiSelector = /*#__PURE__*/[EmojiButtonSelector, asSelectors(ClassNames.visible), ":not(" + asSelectors(ClassNames.hidden) + ")"].join('');
+function buttonFromTarget(emojiElement) {
   var _emojiElement$closest;
 
-  return (_emojiElement$closest = emojiElement == null ? void 0 : emojiElement.closest('button.epr-emoji')) != null ? _emojiElement$closest : null;
+  return (_emojiElement$closest = emojiElement == null ? void 0 : emojiElement.closest(EmojiButtonSelector)) != null ? _emojiElement$closest : null;
 }
 function emojiFromElement(element) {
   var originalUnified = originalUnifiedFromEmojiElement(element);
@@ -15247,12 +15412,7 @@ function emojiFromElement(element) {
 function isEmojiElement(element) {
   var _element$parentElemen;
 
-  return Boolean((element == null ? void 0 : element.matches('button.epr-emoji')) || (element == null ? void 0 : (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.matches('button.epr-emoji')));
-}
-function closestCategory(element) {
-  var _element$closest;
-
-  return (_element$closest = element == null ? void 0 : element.closest('.epr-emoji-category')) != null ? _element$closest : null;
+  return Boolean((element == null ? void 0 : element.matches(EmojiButtonSelector)) || (element == null ? void 0 : (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.matches(EmojiButtonSelector)));
 }
 function elementHeight(element) {
   var _element$clientHeight;
@@ -15260,12 +15420,12 @@ function elementHeight(element) {
   return (_element$clientHeight = element == null ? void 0 : element.clientHeight) != null ? _element$clientHeight : 0;
 }
 function emojiTrueOffsetTop(element) {
-  var button = buttonFromEmoji(element);
+  var button = buttonFromTarget(element);
   var category = closestCategory(button);
   return elementOffsetTop(button) + elementOffsetTop(category);
 }
 function emojiTruOffsetLeft(element) {
-  var button = buttonFromEmoji(element);
+  var button = buttonFromTarget(element);
   var category = closestCategory(button);
   return elementOffsetLeft(button) + elementOffsetLeft(category);
 }
@@ -15285,7 +15445,7 @@ function elementOffsetLeft(element) {
 function unifiedFromEmojiElement(emoji) {
   var _elementDataSetKey;
 
-  return (_elementDataSetKey = elementDataSetKey(buttonFromEmoji(emoji), 'unified')) != null ? _elementDataSetKey : null;
+  return (_elementDataSetKey = elementDataSetKey(buttonFromTarget(emoji), 'unified')) != null ? _elementDataSetKey : null;
 }
 function originalUnifiedFromEmojiElement(emoji) {
   var unified = unifiedFromEmojiElement(emoji);
@@ -15309,45 +15469,156 @@ function elementDataSet(element) {
   return (_element$dataset = element == null ? void 0 : element.dataset) != null ? _element$dataset : {};
 }
 
-function parseNativeEmoji(unified) {
-  return unified.split('-').map(function (hex) {
-    return String.fromCodePoint(parseInt(hex, 16));
-  }).join('');
+function isVisibleEmoji(element) {
+  return element.classList.contains(ClassNames.visible);
 }
-
-var SUGGESTED_LS_KEY = 'epr_suggested';
-function getsuggested(mode) {
-  var _window;
-
-  if (!((_window = window) != null && _window.localStorage)) {
+function isHidden(element) {
+  if (!element) return true;
+  return element.classList.contains(ClassNames.hidden);
+}
+function allVisibleEmojis(parent) {
+  if (!parent) {
     return [];
   }
 
-  try {
-    var _window$localStorage$, _window2;
+  return Array.from(parent.querySelectorAll(VisibleEmojiSelector));
+}
+function lastVisibleEmoji(element) {
+  if (!element) return null;
+  var allEmojis = allVisibleEmojis(element);
 
-    var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
+  var _allEmojis$slice = allEmojis.slice(-1),
+      last = _allEmojis$slice[0];
 
-    if (mode === SuggestionMode.FREQUENT) {
-      return recent.sort(function (a, b) {
-        return b.count - a.count;
-      });
-    }
+  if (!last) {
+    return null;
+  }
 
-    return recent;
-  } catch (_unused) {
-    return [];
+  if (!isVisibleEmoji(last)) {
+    return prevVisibleEmoji(last);
   }
+
+  return last;
 }
-function setsuggested(emoji, skinTone) {
-  var recent = getsuggested();
-  var unified = emojiUnified(emoji, skinTone);
-  var originalUnified = emojiUnified(emoji);
-  var existing = recent.find(function (_ref) {
-    var u = _ref.unified;
-    return u === unified;
-  });
-  var nextList;
+function nextVisibleEmoji(element) {
+  var next = element.nextElementSibling;
+
+  if (!next) {
+    return firstVisibleEmoji(nextCategory(element));
+  }
+
+  if (!isVisibleEmoji(next)) {
+    return nextVisibleEmoji(next);
+  }
+
+  return next;
+}
+function prevVisibleEmoji(element) {
+  var prev = element.previousElementSibling;
+
+  if (!prev) {
+    return lastVisibleEmoji(prevCategory(element));
+  }
+
+  if (!isVisibleEmoji(prev)) {
+    return prevVisibleEmoji(prev);
+  }
+
+  return prev;
+}
+function firstVisibleEmoji(parent) {
+  if (!parent) {
+    return null;
+  }
+
+  var allEmojis = allVisibleEmojis(parent);
+  return firstVisibleElementInContainer(parent, allEmojis);
+}
+function prevCategory(element) {
+  var category = closestCategory(element);
+
+  if (!category) {
+    return null;
+  }
+
+  var prev = category.previousElementSibling;
+
+  if (!prev) {
+    return null;
+  }
+
+  if (isHidden(prev)) {
+    return prevCategory(prev);
+  }
+
+  return prev;
+}
+function nextCategory(element) {
+  var category = closestCategory(element);
+
+  if (!category) {
+    return null;
+  }
+
+  var next = category.nextElementSibling;
+
+  if (!next) {
+    return null;
+  }
+
+  if (isHidden(next)) {
+    return nextCategory(next);
+  }
+
+  return next;
+}
+function closestCategory(element) {
+  if (!element) {
+    return null;
+  }
+
+  return element.closest(asSelectors(ClassNames.category));
+}
+
+function parseNativeEmoji(unified) {
+  return unified.split('-').map(function (hex) {
+    return String.fromCodePoint(parseInt(hex, 16));
+  }).join('');
+}
+
+var SUGGESTED_LS_KEY = 'epr_suggested';
+function getsuggested(mode) {
+  var _window;
+
+  if (!((_window = window) != null && _window.localStorage)) {
+    return [];
+  }
+
+  try {
+    var _window$localStorage$, _window2;
+
+    var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
+
+    if (mode === SuggestionMode.FREQUENT) {
+      return recent.sort(function (a, b) {
+        return b.count - a.count;
+      });
+    }
+
+    return recent;
+  } catch (_unused) {
+    return [];
+  }
+}
+function setsuggested(emoji, skinTone) {
+  var recent = getsuggested();
+  var unified = emojiUnified(emoji, skinTone);
+  var originalUnified = emojiUnified(emoji);
+  var existing = recent.find(function (_ref) {
+    var u = _ref.unified;
+    return u === unified;
+  });
+  var nextList;
 
   if (existing) {
     nextList = [existing].concat(recent.filter(function (i) {
@@ -15373,30 +15644,6 @@ function setsuggested(emoji, skinTone) {
   }
 }
 
-function useCloseAllOpenToggles() {
-  var _useEmojiVariationPic = useEmojiVariationPickerState(),
-      variationPicker = _useEmojiVariationPic[0],
-      setVariationPicker = _useEmojiVariationPic[1];
-
-  var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
-      skinToneFanOpen = _useSkinToneFanOpenSt[0],
-      setSkinToneFanOpen = _useSkinToneFanOpenSt[1];
-
-  var closeAllOpenToggles = useCallback(function () {
-    if (variationPicker) {
-      setVariationPicker(null);
-    }
-
-    if (skinToneFanOpen) {
-      setSkinToneFanOpen(false);
-    }
-  }, [[variationPicker, skinToneFanOpen]]);
-  return {
-    closeAllOpenToggles: closeAllOpenToggles,
-    dependencyArray: [variationPicker, skinToneFanOpen]
-  };
-}
-
 function preloadEmoji(emoji, emojiStyle) {
   var unified = emojiUnified(emoji);
 
@@ -15417,6 +15664,27 @@ function preloadImage(url) {
   image.src = url;
 }
 
+function useCloseAllOpenToggles() {
+  var _useEmojiVariationPic = useEmojiVariationPickerState(),
+      variationPicker = _useEmojiVariationPic[0],
+      setVariationPicker = _useEmojiVariationPic[1];
+
+  var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
+      skinToneFanOpen = _useSkinToneFanOpenSt[0],
+      setSkinToneFanOpen = _useSkinToneFanOpenSt[1];
+
+  var closeAllOpenToggles = useCallback(function () {
+    if (variationPicker) {
+      setVariationPicker(null);
+    }
+
+    if (skinToneFanOpen) {
+      setSkinToneFanOpen(false);
+    }
+  }, [variationPicker, skinToneFanOpen, setVariationPicker, setSkinToneFanOpen]);
+  return closeAllOpenToggles;
+}
+
 var mouseDownTimer;
 function useMouseDownHandlers(BodyRef) {
   var preloading = useRef(false);
@@ -15426,9 +15694,7 @@ function useMouseDownHandlers(BodyRef) {
   var _useEmojiVariationPic = useEmojiVariationPickerState(),
       setEmojiVariationPicker = _useEmojiVariationPic[1];
 
-  var _useCloseAllOpenToggl = useCloseAllOpenToggles(),
-      closeAllOpenToggles = _useCloseAllOpenToggl.closeAllOpenToggles,
-      dependencyArray = _useCloseAllOpenToggl.dependencyArray;
+  var closeAllOpenToggles = useCloseAllOpenToggles();
 
   var _useActiveSkinToneSta = useActiveSkinToneState(),
       activeSkinTone = _useActiveSkinToneSta[0];
@@ -15439,29 +15705,7 @@ function useMouseDownHandlers(BodyRef) {
   var _useUpdateSuggested = useUpdateSuggested(),
       updateSuggested = _useUpdateSuggested[1];
 
-  useEffect(function () {
-    if (!BodyRef.current) {
-      return;
-    }
-
-    var bodyRef = BodyRef.current;
-    bodyRef.addEventListener('click', onClick, {
-      passive: true
-    });
-    bodyRef.addEventListener('mousedown', onMouseDown, {
-      passive: true
-    });
-    bodyRef.addEventListener('mouseup', onMouseUp, {
-      passive: true
-    });
-    return function () {
-      bodyRef == null ? void 0 : bodyRef.removeEventListener('click', onClick);
-      bodyRef == null ? void 0 : bodyRef.removeEventListener('mousedown', onMouseDown);
-      bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseup', onMouseUp);
-    };
-  }, [BodyRef].concat(dependencyArray));
-
-  function onClick(event) {
+  var onClick = useCallback(function onClick(event) {
     if (disallowClickRef.current) {
       return;
     }
@@ -15480,9 +15724,8 @@ function useMouseDownHandlers(BodyRef) {
     updateSuggested();
     setsuggested(emoji, skinToneToUse);
     onEmojiClick(emojiClickOutput(emoji, skinToneToUse), event);
-  }
-
-  function onMouseDown(event) {
+  }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested]);
+  var onMouseDown = useCallback(function onMouseDown(event) {
     var _window, _window2;
 
     if (mouseDownTimer) {
@@ -15510,9 +15753,8 @@ function useMouseDownHandlers(BodyRef) {
       setAnchoredEmojiRef(event.target);
       setEmojiVariationPicker(emoji);
     }, 500);
-  }
-
-  function onMouseUp() {
+  }, [disallowClickRef, closeAllOpenToggles, setAnchoredEmojiRef, emojiStyle, setEmojiVariationPicker]);
+  var onMouseUp = useCallback(function onMouseUp() {
     preloading.current = false;
 
     if (mouseDownTimer) {
@@ -15528,7 +15770,28 @@ function useMouseDownHandlers(BodyRef) {
         disallowClickRef.current = false;
       });
     }
-  }
+  }, [disallowClickRef]);
+  useEffect(function () {
+    if (!BodyRef.current) {
+      return;
+    }
+
+    var bodyRef = BodyRef.current;
+    bodyRef.addEventListener('click', onClick, {
+      passive: true
+    });
+    bodyRef.addEventListener('mousedown', onMouseDown, {
+      passive: true
+    });
+    bodyRef.addEventListener('mouseup', onMouseUp, {
+      passive: true
+    });
+    return function () {
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('click', onClick);
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('mousedown', onMouseDown);
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseup', onMouseUp);
+    };
+  }, [BodyRef, onClick, onMouseDown, onMouseUp]);
 }
 
 function emojiFromEvent(event) {
@@ -15556,10 +15819,7 @@ function emojiClickOutput(emoji, activeSkinTone) {
 }
 
 function useOnScroll(BodyRef) {
-  var _useCloseAllOpenToggl = useCloseAllOpenToggles(),
-      closeAllOpenToggles = _useCloseAllOpenToggl.closeAllOpenToggles,
-      dependencyArray = _useCloseAllOpenToggl.dependencyArray;
-
+  var closeAllOpenToggles = useCloseAllOpenToggles();
   useEffect(function () {
     var bodyRef = BodyRef.current;
 
@@ -15578,18 +15838,9 @@ function useOnScroll(BodyRef) {
     return function () {
       bodyRef == null ? void 0 : bodyRef.removeEventListener('scroll', onScroll);
     };
-  }, [].concat(dependencyArray, [BodyRef, closeAllOpenToggles]));
+  }, [BodyRef, closeAllOpenToggles]);
 }
 
-var ClassNames;
-
-(function (ClassNames) {
-  ClassNames["hiddenOnSearch"] = "epr-hidden-on-search";
-  ClassNames["searchActive"] = "epr-search-active";
-  ClassNames["hidden"] = "epr-hidden";
-  ClassNames["visible"] = "epr-visible";
-})(ClassNames || (ClassNames = {}));
-
 var emojiRef = {};
 function getEmojiRef(unified) {
   emojiRef[unified] = emojiRef[unified] || {
@@ -15631,33 +15882,52 @@ function useSetFilterRef() {
   };
 }
 
+function useClearSearch() {
+  var SearchInputRef = useSearchInputRef();
+
+  var _useSearchTermState = useSearchTermState(),
+      setSearchTerm = _useSearchTermState[1];
+
+  return function clearSearch() {
+    if (SearchInputRef.current) {
+      SearchInputRef.current.value = '';
+    }
+
+    setSearchTerm('');
+  };
+}
+function useAppendSearch() {
+  var SearchInputRef = useSearchInputRef();
+
+  var _useSearchTermState2 = useSearchTermState(),
+      setSearchTerm = _useSearchTermState2[1];
+
+  return function appendSearch(str) {
+    if (SearchInputRef.current) {
+      SearchInputRef.current.value = SearchInputRef.current.value + str;
+      setSearchTerm(SearchInputRef.current.value);
+    }
+
+    setSearchTerm(str);
+  };
+}
 function useFilter() {
-  var SearchInputRef = useRef(null);
+  var SearchInputRef = useSearchInputRef();
   var filterRef = useFilterRef();
   var setFilterRef = useSetFilterRef();
 
-  var _useSearchTermState = useSearchTermState(),
-      searchTerm = _useSearchTermState[0],
-      setSearchTerm = _useSearchTermState[1];
+  var _useSearchTermState3 = useSearchTermState(),
+      searchTerm = _useSearchTermState3[0],
+      setSearchTerm = _useSearchTermState3[1];
 
   var PickerMainRef = usePickerMainRef();
   return {
     onChange: onChange,
     searchTerm: searchTerm,
-    clearSearch: clearSearch,
     SearchInputRef: SearchInputRef
   };
 
-  function clearSearch() {
-    if (SearchInputRef.current) {
-      SearchInputRef.current.value = '';
-    }
-
-    onChange('');
-  }
-
   function onChange(nextValue) {
-    scrollTo(PickerMainRef.current, 0);
     var filter = filterRef.current;
 
     if (filter != null && filter[nextValue] || nextValue.length <= 1) {
@@ -15698,7 +15968,9 @@ function useFilter() {
       showElement(element);
     });
     requestAnimationFrame(function () {
-      setSearchTerm(searchTerm);
+      setSearchTerm(searchTerm).then(function () {
+        scrollTo(PickerMainRef.current, 0);
+      });
     });
   }
 }
@@ -15729,8 +16001,8 @@ function useIsEmojiFiltered() {
   var _useFilterRef = useFilterRef(),
       filter = _useFilterRef.current;
 
-  var _useSearchTermState2 = useSearchTermState(),
-      searchTerm = _useSearchTermState2[0];
+  var _useSearchTermState4 = useSearchTermState(),
+      searchTerm = _useSearchTermState4[0];
 
   return function (unified) {
     return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
@@ -15807,29 +16079,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--epr-category-label-bg-color);color:var(--epr-category-label-text-color);display:flex;font-weight:700;height:var(--epr-category-label-height);padding:var(--epr-category-label-padding);position:-webkit-sticky;position:sticky;text-transform:capitalize;top:0;width:100%;z-index:var(--epr-category-label-z-index)}.EmojiPickerReact.epr-search-active li.epr-emoji-category>.epr-emoji-category-label{opacity:.4;position:relative}.EmojiPickerReact li.epr-emoji-category{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--epr-emoji-gap);justify-content:space-around;padding:var(--epr-category-padding);position:relative}.EmojiPickerReact li.epr-emoji-category:after{content:\"\";display:inline-block;flex:1}.EmojiPickerReact li.epr-emoji-category:not(:has(.epr-visible)){display:none}";
+var css_248z = ".EmojiPickerReact button.epr-emoji{border-radius:8px;padding:var(--epr-emoji-padding);position:relative}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color);border-left:4px solid transparent;border-right:4px solid transparent;bottom:0;content:\"\";display:block;height:0;position:absolute;right:-2px;transform:rotate(135deg);width:0;z-index:var(--epr-emoji-variations-indictator-z-index)}.EmojiPickerReact button.epr-emoji>*{display:block;height:var(--epr-emoji-size);width:var(--epr-emoji-size)}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:hover:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color-hover)}.EmojiPickerReact button.epr-emoji>.epr-emoji-img{font-size:0}.EmojiPickerReact button.epr-emoji>.epr-emoji-native{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,Times,Symbola,Aegyptus,Code2000,Code2001,Code2002,Musica,serif,LastResort;font-size:var(--epr-emoji-size);line-height:100%}.EmojiPickerReact button.epr-emoji:hover{background-color:var(--epr-emoji-hover-color)}.EmojiPickerReact button.epr-emoji:focus-visible{background-color:var(--epr-focus-bg-color)}";
 styleInject(css_248z);
 
-function EmojiCategory(_ref) {
-  var _clsx;
-
-  var categoryConfig = _ref.categoryConfig,
-      children = _ref.children,
-      hidden = _ref.hidden,
-      hiddenOnSearch = _ref.hiddenOnSearch;
-  var category = categoryFromCategoryConfig(categoryConfig);
-  var categoryName = categoryNameFromCategoryConfig(categoryConfig);
-  return createElement("li", {
-    className: clsx('epr-emoji-category', (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _clsx)),
-    "data-name": category
-  }, createElement("div", {
-    className: "epr-emoji-category-label"
-  }, categoryName), children);
-}
-
-var css_248z$1 = ".EmojiPickerReact button.epr-emoji{padding:var(--epr-emoji-padding);position:relative}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color);border-left:4px solid transparent;border-right:4px solid transparent;bottom:0;content:\"\";display:block;height:0;position:absolute;right:-2px;transform:rotate(135deg);width:0;z-index:var(--epr-emoji-variations-indictator-z-index)}.EmojiPickerReact button.epr-emoji>*{font-size:var(--epr-emoji-size);height:var(--epr-emoji-size);width:var(--epr-emoji-size)}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:hover:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color-hover)}.EmojiPickerReact button.epr-emoji>.epr-emoji-img{font-size:0}.EmojiPickerReact button.epr-emoji>.epr-emoji-native{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,Times,Symbola,Aegyptus,Code2000,Code2001,Code2002,Musica,serif,LastResort;line-height:100%}.EmojiPickerReact button.epr-emoji:hover{background-color:var(--epr-emoji-hover-color);border-radius:8px}";
-styleInject(css_248z$1);
-
 function Emoji(_ref) {
   var _clsx;
 
@@ -15854,7 +16106,7 @@ function Emoji(_ref) {
     unified: unified
   };
   return createElement("button", {
-    className: clsx('epr-emoji', (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.visible] = !hidden, _clsx['epr-emoji-has-variations'] = hasVariations && showVariations, _clsx)),
+    className: clsx(ClassNames.emoji, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.visible] = !hidden, _clsx['epr-emoji-has-variations'] = hasVariations && showVariations, _clsx)),
     "data-unified": unified,
     // @ts-ignore - let's ignore the fact this is not a real react ref, ok?
     ref: emojiRef
@@ -15902,6 +16154,28 @@ function EmojiImg(_ref3) {
   }
 }
 
+var css_248z$1 = ".EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-content{grid-gap:0;display:grid;grid-template-columns:repeat(auto-fill,var(--epr-emoji-fullsize));justify-content:space-between;padding:var(--epr-category-padding);position:relative}.EmojiPickerReact li.epr-emoji-category:not(:has(.epr-visible)){display:none}.EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--epr-category-label-bg-color);color:var(--epr-category-label-text-color);display:flex;font-weight:700;height:var(--epr-category-label-height);padding:var(--epr-category-label-padding);position:-webkit-sticky;position:sticky;text-transform:capitalize;top:0;width:100%;z-index:var(--epr-category-label-z-index)}.EmojiPickerReact.epr-search-active li.epr-emoji-category>.epr-emoji-category-label{opacity:.4;position:relative}";
+styleInject(css_248z$1);
+
+function EmojiCategory(_ref) {
+  var _clsx;
+
+  var categoryConfig = _ref.categoryConfig,
+      children = _ref.children,
+      hidden = _ref.hidden,
+      hiddenOnSearch = _ref.hiddenOnSearch;
+  var category = categoryFromCategoryConfig(categoryConfig);
+  var categoryName = categoryNameFromCategoryConfig(categoryConfig);
+  return createElement("li", {
+    className: clsx(ClassNames.category, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _clsx)),
+    "data-name": category
+  }, createElement("div", {
+    className: "epr-emoji-category-label"
+  }, categoryName), createElement("div", {
+    className: "epr-emoji-category-content"
+  }, children));
+}
+
 function Suggested(_ref) {
   var categoryConfig = _ref.categoryConfig;
 
@@ -15916,7 +16190,8 @@ function Suggested(_ref) {
     var _getsuggested;
 
     return (_getsuggested = getsuggested(suggestedEmojisModeConfig)) != null ? _getsuggested : [];
-  }, [suggestedUpdated]);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [suggestedUpdated, suggestedEmojisModeConfig]);
   var emojiStyle = useEmojiStyleConfig();
   var hidden = !!(searchTerm || suggested.length === 0);
   return createElement(EmojiCategory, {
@@ -15935,7 +16210,8 @@ function Suggested(_ref) {
       unified: suggestedItem.unified,
       emojiStyle: emojiStyle,
       emoji: emoji,
-      key: suggestedItem.unified
+      key: suggestedItem.unified,
+      hidden: hidden
     });
   }));
 }
@@ -16082,7 +16358,7 @@ function usePointerStyle(VariationPickerRef) {
     }
 
     if (AnchoredEmojiRef.current) {
-      var button = buttonFromEmoji(AnchoredEmojiRef.current);
+      var button = buttonFromTarget(AnchoredEmojiRef.current);
       var offsetLeft = emojiTruOffsetLeft(button);
 
       if (!button) {
@@ -16124,7 +16400,7 @@ function useVariationPickerTop(VariationPickerRef) {
       var _bodyRef$scrollTop;
 
       var bodyRef = BodyRef.current;
-      var button = buttonFromEmoji(AnchoredEmojiRef.current);
+      var button = buttonFromTarget(AnchoredEmojiRef.current);
       var buttonHeight = elementHeight(button);
       emojiOffsetTop = emojiTrueOffsetTop(button);
       var scrollTop = (_bodyRef$scrollTop = bodyRef == null ? void 0 : bodyRef.scrollTop) != null ? _bodyRef$scrollTop : 0;
@@ -16153,7 +16429,32 @@ function Body() {
   }, createElement(EmojiVariationPicker, null), createElement(EmojiList, null));
 }
 
-function useEmojiMouseEnter(allow, setHoveredEmoji) {
+function focusElement(element) {
+  if (!element) {
+    return;
+  }
+
+  requestAnimationFrame(function () {
+    element.focus();
+  });
+}
+function focusPrevElementSibling(element) {
+  if (!element) return;
+  var prev = element.previousElementSibling;
+  focusElement(prev);
+}
+function focusNextElementSibling(element) {
+  if (!element) return;
+  var next = element.nextElementSibling;
+  focusElement(next);
+}
+function focusFirstElementChild(element) {
+  if (!element) return;
+  var first = element.firstElementChild;
+  focusElement(first);
+}
+
+function useEmojiPreviewEvents(allow, setPreviewEmoji) {
   var BodyRef = useBodyRef();
   useEffect(function () {
     if (!allow) {
@@ -16161,40 +16462,71 @@ function useEmojiMouseEnter(allow, setHoveredEmoji) {
     }
 
     var bodyRef = BodyRef.current;
+    bodyRef == null ? void 0 : bodyRef.addEventListener('keydown', onEscape, {
+      passive: true
+    });
     bodyRef == null ? void 0 : bodyRef.addEventListener('mouseover', onMouseOver, {
       passive: true
     });
-    bodyRef == null ? void 0 : bodyRef.addEventListener('mouseout', onMouseOut, {
+    bodyRef == null ? void 0 : bodyRef.addEventListener('focus', onEnter, true);
+    bodyRef == null ? void 0 : bodyRef.addEventListener('mouseout', onLeave, {
       passive: true
     });
-    return function () {
-      bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseover', onMouseOver);
-      bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseout', onMouseOut);
-    };
-  }, [BodyRef.current]);
+    bodyRef == null ? void 0 : bodyRef.addEventListener('blur', onLeave, true);
 
-  function onMouseOver(e) {
-    var button = buttonFromEmoji(e.target);
+    function onEnter(e) {
+      var button = buttonFromTarget(e.target);
 
-    if (!button) {
-      return onMouseOut();
+      if (!button) {
+        return onLeave();
+      }
+
+      var unified = unifiedFromEmojiElement(button);
+      var originalUnified = originalUnifiedFromEmojiElement(button);
+
+      if (!unified || !originalUnified) {
+        return onLeave();
+      }
+
+      setPreviewEmoji({
+        unified: unified,
+        originalUnified: originalUnified
+      });
     }
 
-    var unified = unifiedFromEmojiElement(button);
-    var originalUnified = originalUnifiedFromEmojiElement(button);
+    function onLeave(e) {
+      if (e) {
+        var button = buttonFromTarget(e.target);
 
-    if (!unified || !originalUnified) {
-      return onMouseOut();
+        if (button) {
+          return;
+        }
+      }
+
+      setPreviewEmoji(null);
     }
 
-    setHoveredEmoji({
-      unified: unified,
-      originalUnified: originalUnified
-    });
-  }
+    function onEscape(e) {
+      if (e.key === 'Escape') {
+        setPreviewEmoji(null);
+      }
+    }
 
-  function onMouseOut() {
-    setHoveredEmoji(null);
+    return function () {
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseover', onMouseOver);
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseout', onLeave);
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('focus', onEnter, true);
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('blur', onLeave, true);
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('keydown', onEscape);
+    };
+  }, [BodyRef, allow, setPreviewEmoji]);
+
+  function onMouseOver(e) {
+    var button = buttonFromTarget(e.target);
+
+    if (button) {
+      focusElement(button);
+    }
   }
 }
 
@@ -16221,38 +16553,38 @@ function Flex(_ref) {
   }, children);
 }
 
-var css_248z$6 = ".EmojiPickerReact .epr-preview{align-items:center;border-top:1px solid var(--epr-preview-border-color);height:var(--epr-preview-height);padding:10px;z-index:1}.EmojiPickerReact .epr-preview .epr-preview-emoji-label{color:var(--epr-preview-text-color);font-size:var(--epr-preview-text-size);padding:var(--epr-preview-text-padding);text-transform:capitalize}";
+var css_248z$6 = ".EmojiPickerReact .epr-preview{align-items:center;border-top:1px solid var(--epr-preview-border-color);height:var(--epr-preview-height);padding:0 var(--epr-horizontal-padding);z-index:1}.EmojiPickerReact .epr-preview .epr-preview-emoji-label{color:var(--epr-preview-text-color);font-size:var(--epr-preview-text-size);padding:var(--epr-preview-text-padding);text-transform:capitalize}";
 styleInject(css_248z$6);
 
 function Preview() {
-  var showPreview = useShowPreviewConfig();
+  var previewConfig = usePreviewConfig();
 
   var _useState = useState(null),
-      hoveredEmoji = _useState[0],
-      setHoveredEmoji = _useState[1];
+      previewEmoji = _useState[0],
+      setPreviewEmoji = _useState[1];
 
   var emojiStyle = useEmojiStyleConfig();
 
   var _useEmojiVariationPic = useEmojiVariationPickerState(),
       variationPickerEmoji = _useEmojiVariationPic[0];
 
-  useEmojiMouseEnter(showPreview, setHoveredEmoji);
+  useEmojiPreviewEvents(previewConfig.showPreview, setPreviewEmoji);
 
-  if (!showPreview) {
+  if (!previewConfig.showPreview) {
     return null;
   }
 
-  var emoji = emojiByUnified(hoveredEmoji == null ? void 0 : hoveredEmoji.originalUnified);
-  var show = emoji != null && hoveredEmoji != null;
+  var emoji = emojiByUnified(previewEmoji == null ? void 0 : previewEmoji.originalUnified);
+  var show = emoji != null && previewEmoji != null;
   return createElement(Flex, {
     className: "epr-preview"
   }, createElement(PreviewContent, null));
 
   function PreviewContent() {
-    var defaultEmoji = asEmoji(variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified('1f60a'));
-    var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : "What's your mood?";
+    var defaultEmoji = asEmoji(variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji));
+    var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
     return createElement(Fragment, null, createElement("div", null, show ? createElement(Emoji, {
-      unified: hoveredEmoji == null ? void 0 : hoveredEmoji.unified,
+      unified: previewEmoji == null ? void 0 : previewEmoji.unified,
       emoji: asEmoji(emoji),
       showVariations: false,
       emojiStyle: emojiStyle,
@@ -16284,24 +16616,26 @@ function Relative(_ref) {
   }, children);
 }
 
-var css_248z$7 = ".EmojiPickerReact .epr-category-nav{display:flex;flex-direction:row;justify-content:space-around;padding:var(--epr-header-padding)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-size:calc(var(--epr-category-navigation-button-size)*10);display:inline-block;height:var(--epr-category-navigation-button-size);outline:none;position:relative;transition:opacity .2s ease-in-out;width:var(--epr-category-navigation-button-size)}.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn,.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn:hover{cursor:default;opacity:.3;pointer-events:none}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cpath fill='%233371B7' d='M10 23.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 34.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 34.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 34.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%233371B7' d='m64.06 33.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.54 23.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%233371B7' cx='66.18' cy='30.9' r='.95'/%3E%3Ccircle fill='%233371B7' cx='73.81' cy='30.9' r='.95'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.45 30.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 28.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.26 26.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 27.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 34.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='m170.77 23.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 27.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.16 23.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%233371B7' cx='185.98' cy='28.91' r='.73'/%3E%3Ccircle fill='%233371B7' cx='194.02' cy='26.72' r='.73'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m185.98 33.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%233371B7' d='M147.66 23.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.07 23.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%233371B7' cx='51.62' cy='26.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='52.97' cy='24.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='52.97' cy='27.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='54.32' cy='26.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='50.94' cy='24.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.17 31.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.22 30.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.51 32.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.67' r='.69'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.67' r='.69'/%3E%3Cpath fill='%23C0C0BF' d='M10 43.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 54.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 54.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 54.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='m64.06 53.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.54 43.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%23C0C0BF' cx='66.18' cy='50.9' r='.95'/%3E%3Ccircle fill='%23C0C0BF' cx='73.81' cy='50.9' r='.95'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.45 50.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 48.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.26 46.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 47.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 54.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='m170.77 43.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 47.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.16 43.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%23C0C0BF' cx='185.98' cy='48.91' r='.73'/%3E%3Ccircle fill='%23C0C0BF' cx='194.02' cy='46.72' r='.73'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m185.98 53.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%23C0C0BF' d='M147.66 43.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.07 43.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%23C0C0BF' cx='51.62' cy='46.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='52.97' cy='44.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='52.97' cy='47.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='54.32' cy='46.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='50.94' cy='44.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.17 51.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.22 50.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.51 52.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.67' r='.69'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.67' r='.69'/%3E%3Cpath fill='%236AA9DD' d='M10 63.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 74.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 74.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 74.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='m64.06 73.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.54 63.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%236AA9DD' cx='66.18' cy='70.9' r='.95'/%3E%3Ccircle fill='%236AA9DD' cx='73.81' cy='70.9' r='.95'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.45 70.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 68.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.26 66.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 67.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 74.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='m170.77 63.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 67.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.16 63.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%236AA9DD' cx='185.98' cy='68.91' r='.73'/%3E%3Ccircle fill='%236AA9DD' cx='194.02' cy='66.72' r='.73'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m185.98 73.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%236AA9DD' d='M147.66 63.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.07 63.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%236AA9DD' cx='51.62' cy='66.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='52.97' cy='64.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='52.97' cy='67.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='54.32' cy='66.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='50.94' cy='64.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.17 71.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.22 70.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.51 72.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.67' r='.69'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.67' r='.69'/%3E%3Cpath fill='%23868686' d='M10 3.04c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96S13.84 3.04 10 3.04zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 14.86c2.08 0 3.94-1.32 4.63-3.29a.41.41 0 0 0-.05-.36zM10 14.07c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 14.07zM7.22 9.45a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3zm0-1.51c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.2.17-.36.37-.36zm5.56 1.51a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3zm0-1.51c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.2.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%23868686' d='m64.06 13.4 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.2.16-.37.37-.37zm9.43.05h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69V8.4z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.54 3.62h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69V5.48c0-1.03.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%23868686' cx='66.18' cy='10.89' r='.95'/%3E%3Ccircle fill='%23868686' cx='73.81' cy='10.89' r='.95'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.45 10.01c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 8.62.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.46.34.87.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.83-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.26 6.78-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 7.71h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 14.32c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24 0 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92M126.84 3.5h10.82v2.7h-10.82V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='m170.77 3.07-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.95-6.17-7.35z'/%3E%3Cpath d='M170.27 7.4c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74V7.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.16 3.42h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71V6.13c0-1.49 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%23868686' cx='185.98' cy='8.9' r='.73'/%3E%3Ccircle fill='%23868686' cx='194.02' cy='6.7' r='.73'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m185.98 13.3.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%23868686' d='M147.66 3.31c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41V4.69c0-.16-.1-.32-.26-.41a.616.616 0 0 0-.53-.01s-.21.12-.86.15-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51h-.54zm.07.69h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08V4.7c.91-.47 2.19-.68 3.18-.7z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.07 3.46h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.49 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.73c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.62-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.14c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.27c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%23868686' cx='51.62' cy='6.46' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='52.97' cy='4.95' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='52.97' cy='7.22' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='54.32' cy='6.46' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='50.94' cy='4.95' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.17 11.02V3.46c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.8-.54-1.75-.54-2.67z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.22 10.04 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.51 12.42-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18a.89.89 0 0 0 1.47.32z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.07-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.66' r='.69'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.66' r='.69'/%3E%3C/svg%3E\");background-position:0 0}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
+var css_248z$7 = ".EmojiPickerReact .epr-category-nav{display:flex;flex-direction:row;justify-content:space-around;padding:var(--epr-header-padding)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-size:calc(var(--epr-category-navigation-button-size)*10);display:inline-block;height:var(--epr-category-navigation-button-size);outline:none;position:relative;transition:opacity .2s ease-in-out;width:var(--epr-category-navigation-button-size)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn:focus:before{border:2px solid var(--epr-category-icon-active-color);border-radius:50%;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn,.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn:hover{cursor:default;opacity:.3;pointer-events:none}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cpath fill='%233371B7' d='M10 23.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 34.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 34.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 34.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%233371B7' d='m64.06 33.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.54 23.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%233371B7' cx='66.18' cy='30.9' r='.95'/%3E%3Ccircle fill='%233371B7' cx='73.81' cy='30.9' r='.95'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.45 30.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 28.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.26 26.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 27.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 34.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='m170.77 23.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 27.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.16 23.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%233371B7' cx='185.98' cy='28.91' r='.73'/%3E%3Ccircle fill='%233371B7' cx='194.02' cy='26.72' r='.73'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m185.98 33.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%233371B7' d='M147.66 23.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.07 23.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%233371B7' cx='51.62' cy='26.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='52.97' cy='24.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='52.97' cy='27.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='54.32' cy='26.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='50.94' cy='24.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.17 31.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.22 30.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.51 32.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.67' r='.69'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.67' r='.69'/%3E%3Cpath fill='%23C0C0BF' d='M10 43.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 54.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 54.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 54.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='m64.06 53.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.54 43.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%23C0C0BF' cx='66.18' cy='50.9' r='.95'/%3E%3Ccircle fill='%23C0C0BF' cx='73.81' cy='50.9' r='.95'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.45 50.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 48.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.26 46.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 47.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 54.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='m170.77 43.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 47.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.16 43.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%23C0C0BF' cx='185.98' cy='48.91' r='.73'/%3E%3Ccircle fill='%23C0C0BF' cx='194.02' cy='46.72' r='.73'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m185.98 53.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%23C0C0BF' d='M147.66 43.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.07 43.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%23C0C0BF' cx='51.62' cy='46.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='52.97' cy='44.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='52.97' cy='47.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='54.32' cy='46.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='50.94' cy='44.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.17 51.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.22 50.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.51 52.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.67' r='.69'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.67' r='.69'/%3E%3Cpath fill='%236AA9DD' d='M10 63.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 74.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 74.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 74.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='m64.06 73.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.54 63.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%236AA9DD' cx='66.18' cy='70.9' r='.95'/%3E%3Ccircle fill='%236AA9DD' cx='73.81' cy='70.9' r='.95'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.45 70.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 68.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.26 66.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 67.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 74.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='m170.77 63.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 67.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.16 63.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%236AA9DD' cx='185.98' cy='68.91' r='.73'/%3E%3Ccircle fill='%236AA9DD' cx='194.02' cy='66.72' r='.73'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m185.98 73.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%236AA9DD' d='M147.66 63.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.07 63.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%236AA9DD' cx='51.62' cy='66.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='52.97' cy='64.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='52.97' cy='67.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='54.32' cy='66.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='50.94' cy='64.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.17 71.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.22 70.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.51 72.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.67' r='.69'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.67' r='.69'/%3E%3Cpath fill='%23868686' d='M10 3.04c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96S13.84 3.04 10 3.04zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 14.86c2.08 0 3.94-1.32 4.63-3.29a.41.41 0 0 0-.05-.36zM10 14.07c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 14.07zM7.22 9.45a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3zm0-1.51c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.2.17-.36.37-.36zm5.56 1.51a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3zm0-1.51c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.2.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%23868686' d='m64.06 13.4 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.2.16-.37.37-.37zm9.43.05h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69V8.4z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.54 3.62h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69V5.48c0-1.03.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%23868686' cx='66.18' cy='10.89' r='.95'/%3E%3Ccircle fill='%23868686' cx='73.81' cy='10.89' r='.95'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.45 10.01c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 8.62.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.46.34.87.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.83-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.26 6.78-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 7.71h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 14.32c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24 0 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92M126.84 3.5h10.82v2.7h-10.82V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='m170.77 3.07-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.95-6.17-7.35z'/%3E%3Cpath d='M170.27 7.4c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74V7.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.16 3.42h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71V6.13c0-1.49 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%23868686' cx='185.98' cy='8.9' r='.73'/%3E%3Ccircle fill='%23868686' cx='194.02' cy='6.7' r='.73'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m185.98 13.3.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%23868686' d='M147.66 3.31c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41V4.69c0-.16-.1-.32-.26-.41a.616.616 0 0 0-.53-.01s-.21.12-.86.15-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51h-.54zm.07.69h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08V4.7c.91-.47 2.19-.68 3.18-.7z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.07 3.46h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.49 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.73c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.62-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.14c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.27c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%23868686' cx='51.62' cy='6.46' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='52.97' cy='4.95' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='52.97' cy='7.22' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='54.32' cy='6.46' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='50.94' cy='4.95' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.17 11.02V3.46c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.8-.54-1.75-.54-2.67z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.22 10.04 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.51 12.42-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18a.89.89 0 0 0 1.47.32z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.07-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.66' r='.69'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.66' r='.69'/%3E%3C/svg%3E\");background-position:0 0}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
 styleInject(css_248z$7);
 
 function CategoryNavigation() {
   var categoriesConfig = useCategoriesConfig();
+  var CategoryNavigationRef = useCategoryNavigationRef();
 
   var _useActiveCategorySta = useActiveCategoryState(),
       activeCategory = _useActiveCategorySta[0],
       setActiveCategoryAndScroll = _useActiveCategorySta[2];
 
   return createElement("div", {
-    className: "epr-category-nav"
+    className: "epr-category-nav",
+    ref: CategoryNavigationRef
   }, categoriesConfig.map(function (categoryConfig) {
     var _clsx;
 
     var category = categoryFromCategoryConfig(categoryConfig);
     return createElement("button", {
-      className: clsx('epr-cat-btn', "epr-icn-" + category, (_clsx = {}, _clsx['epr-active'] = category === activeCategory, _clsx)),
+      className: clsx('epr-cat-btn', "epr-icn-" + category, (_clsx = {}, _clsx[ClassNames.active] = category === activeCategory, _clsx)),
       key: category,
       onClick: function onClick() {
         return setActiveCategoryAndScroll(category);
@@ -16310,21 +16644,19 @@ function CategoryNavigation() {
   }));
 }
 
-var css_248z$8 = ".EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-bar-bg-color);border:1px solid var(--epr-search-bar-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-bar-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:20px;height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background-position-y:-20px}.EmojiPickerReact..epr-dark-theme .epr-search-container button.epr-btn-clear-search{background-position-y:-40px}.EmojiPickerReact..epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover{background-position-y:-60px}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:\"\";height:20px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-bar-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-bar-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-bar-bg-color-active);border:1px solid var(--epr-search-border-color)}";
+var css_248z$8 = ".EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-input-bg-color);border:1px solid var(--epr-search-input-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-input-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:20px;height:20px;position:absolute;right:var(--epr-search-bar-inner-padding);top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background-position-y:-20px}.EmojiPickerReact..epr-dark-theme .epr-search-container button.epr-btn-clear-search{background-position-y:-40px}.EmojiPickerReact..epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover{background-position-y:-60px}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:\"\";height:20px;left:var(--epr-search-bar-inner-padding);position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-input-bg-color-active);border:1px solid var(--epr-search-border-color)}";
 styleInject(css_248z$8);
 
 function Search() {
-  var _useCloseAllOpenToggl = useCloseAllOpenToggles(),
-      closeAllOpenToggles = _useCloseAllOpenToggl.closeAllOpenToggles;
-
+  var closeAllOpenToggles = useCloseAllOpenToggles();
+  var SearchInputRef = useSearchInputRef();
+  var clearSearch = useClearSearch();
   var placeholder = useSearchPlaceHolderConfig();
   var autoFocus = useAutoFocusSearchConfig();
 
   var _useFilter = useFilter(),
       _onChange = _useFilter.onChange,
-      searchTerm = _useFilter.searchTerm,
-      clearSearch = _useFilter.clearSearch,
-      SearchInputRef = _useFilter.SearchInputRef;
+      searchTerm = _useFilter.searchTerm;
 
   return createElement(Relative, {
     className: "epr-search-container"
@@ -16348,10 +16680,11 @@ function Search() {
   }) : null);
 }
 
-var css_248z$9 = ".EmojiPickerReact .epr-skin-tones{align-items:center;display:flex;flex-basis:30px;justify-content:flex-end;transition:all .3s ease-in-out}.EmojiPickerReact .epr-skin-tones.open{flex-basis:170px}.EmojiPickerReact .epr-skin-tone-select{height:16px;position:relative;width:16px}.EmojiPickerReact .epr-skin-tones.open .epr-tone{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.EmojiPickerReact .epr-skin-tones:not(.open) .epr-tone{opacity:0;z-index:0}.EmojiPickerReact .epr-skin-tones .epr-tone{border-radius:4px;box-shadow:0 0 0 0 var(--epr-active-skin-hover-color);cursor:pointer;display:block;height:100%;position:absolute;right:0;transition:transform .3s ease-in-out,opacity .5s ease-in-out;width:100%;z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone:hover{box-shadow:0 0 0 5px var(--epr-active-skin-hover-color)}.EmojiPickerReact .epr-skin-tones.open .epr-skin-tone-select .epr-tone.epr-active:after{border:1px solid var(--epr-active-skin-tone-indicator-border-color);border-radius:5px;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{opacity:1;z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-neutral{background-color:#ffd225}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fb{background-color:#ffdfbd}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fc{background-color:#e9c197}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fd{background-color:#c88e62}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fe{background-color:#a86637}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3ff{background-color:#60463a}";
+var css_248z$9 = ".EmojiPickerReact .epr-skin-tones{--epr-skin-tone-size:16px;align-items:center;display:flex;flex-basis:30px;justify-content:flex-end;transition:all .3s ease-in-out}.EmojiPickerReact .epr-skin-tones.open{flex-basis:170px}.EmojiPickerReact .epr-skin-tone-select{height:var(--epr-skin-tone-size);position:relative;width:var(--epr-skin-tone-size)}.EmojiPickerReact .epr-skin-tones.open .epr-tone{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.EmojiPickerReact .epr-skin-tones:not(.open) .epr-tone{opacity:0;z-index:0}.EmojiPickerReact .epr-skin-tones .epr-tone{border-radius:4px;box-shadow:0 0 0 0 var(--epr-active-skin-hover-color);cursor:pointer;display:block;height:var(--epr-skin-tone-size);position:absolute;right:0;transition:transform .3s ease-in-out,opacity .5s ease-in-out;width:var(--epr-skin-tone-size);z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone:hover{box-shadow:0 0 0 5px var(--epr-active-skin-hover-color)}.EmojiPickerReact .epr-skin-tones .epr-tone:focus-visible{box-shadow:0 0 0 5px var(--epr-focus-bg-color)}.EmojiPickerReact .epr-skin-tones.open .epr-skin-tone-select .epr-tone.epr-active:after{border:1px solid var(--epr-active-skin-tone-indicator-border-color);border-radius:5px;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{opacity:1;z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-neutral{background-color:#ffd225}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fb{background-color:#ffdfbd}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fc{background-color:#e9c197}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fd{background-color:#c88e62}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fe{background-color:#a86637}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3ff{background-color:#60463a}";
 styleInject(css_248z$9);
 
 function SkinTonePicker() {
+  var SkinTonePickerRef = useSkinTonePickerRef();
   var isDisabled = useSkinTonesDisabledConfig();
 
   var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
@@ -16362,8 +16695,7 @@ function SkinTonePicker() {
       activeSkinTone = _useActiveSkinToneSta[0],
       setActiveSkinTone = _useActiveSkinToneSta[1];
 
-  var _useCloseAllOpenToggl = useCloseAllOpenToggles(),
-      closeAllOpenToggles = _useCloseAllOpenToggl.closeAllOpenToggles;
+  var closeAllOpenToggles = useCloseAllOpenToggles();
 
   if (isDisabled) {
     return null;
@@ -16377,7 +16709,8 @@ function SkinTonePicker() {
     className: "epr-skin-tone-select",
     onClick: function onClick() {
       return setIsOpen(!isOpen);
-    }
+    },
+    ref: SkinTonePickerRef
   }, skinToneVariations.map(function (skinToneVariation, i) {
     var _clsx;
 
@@ -16391,7 +16724,8 @@ function SkinTonePicker() {
         closeAllOpenToggles();
       },
       key: skinToneVariation,
-      className: clsx("epr-tone-" + skinToneVariation, 'epr-tone', (_clsx = {}, _clsx['epr-active'] = active, _clsx))
+      className: clsx("epr-tone-" + skinToneVariation, 'epr-tone', (_clsx = {}, _clsx[ClassNames.active] = active, _clsx)),
+      tabIndex: isOpen ? 0 : -1
     });
   })));
 }
@@ -16414,6 +16748,487 @@ function useIsSearchMode() {
   return !!searchTerm;
 }
 
+function getActiveElement() {
+  return document.activeElement;
+}
+
+function focusFirstVisibleEmoji(parent) {
+  focusElement(firstVisibleEmoji(parent));
+}
+function focusAndClickFirstVisibleEmoji(parent) {
+  var firstEmoji = firstVisibleEmoji(parent);
+  focusElement(firstEmoji);
+  firstEmoji == null ? void 0 : firstEmoji.click();
+}
+function focusLastVisibleEmoji(parent) {
+  focusElement(lastVisibleEmoji(parent));
+}
+function focusNextVisibleEmoji(element) {
+  if (!element) {
+    return;
+  }
+
+  var next = nextVisibleEmoji(element);
+
+  if (!next) {
+    return focusFirstVisibleEmoji(nextCategory(element));
+  }
+
+  focusElement(next);
+}
+function focusPrevVisibleEmoji(element) {
+  if (!element) {
+    return;
+  }
+
+  var prev = prevVisibleEmoji(element);
+
+  if (!prev) {
+    return focusLastVisibleEmoji(prevCategory(element));
+  }
+
+  focusElement(prev);
+}
+function focusVisibleEmojiOneRowUp(element, exitUp) {
+  if (!element) {
+    return;
+  }
+
+  var prev = visibleEmojiOneRowUp(element);
+
+  if (!prev) {
+    return exitUp();
+  }
+
+  focusElement(prev);
+}
+function focusVisibleEmojiOneRowDown(element) {
+  if (!element) {
+    return;
+  }
+
+  var next = visibleEmojiOneRowDown(element);
+  return focusElement(next);
+}
+
+function visibleEmojiOneRowUp(element) {
+  if (!element) {
+    return null;
+  }
+
+  var category = closestCategory(element);
+  var indexInRow = elementIndexInRow(category, element);
+  var row = rowNumber(category, element);
+  var countInRow = elementCountInRow(category, element);
+
+  if (row === 0) {
+    var prevVisibleCategory = prevCategory(category);
+
+    if (!prevVisibleCategory) {
+      return null;
+    }
+
+    return getElementInRow(allVisibleEmojis(prevVisibleCategory), -1, // last row
+    countInRow, indexInRow);
+  }
+
+  return getElementInPrevRow(allVisibleEmojis(category), row, countInRow, indexInRow);
+}
+
+function visibleEmojiOneRowDown(element) {
+  if (!element) {
+    return null;
+  }
+
+  var category = closestCategory(element);
+  var indexInRow = elementIndexInRow(category, element);
+  var row = rowNumber(category, element);
+  var countInRow = elementCountInRow(category, element);
+
+  if (!hasNextRow(category, element)) {
+    var nextVisibleCategory = nextCategory(category);
+
+    if (!nextVisibleCategory) {
+      return null;
+    }
+
+    return getElementInRow(allVisibleEmojis(nextVisibleCategory), 0, countInRow, indexInRow);
+  }
+
+  var itemInNextRow = getElementInNextRow(allVisibleEmojis(category), row, countInRow, indexInRow);
+  return itemInNextRow;
+}
+
+function useFocusSearchInput() {
+  var SearchInputRef = useSearchInputRef();
+  return useCallback(function () {
+    focusElement(SearchInputRef.current);
+  }, [SearchInputRef]);
+}
+function useFocusSkinTonePicker() {
+  var SkinTonePickerRef = useSkinTonePickerRef();
+  return useCallback(function () {
+    if (!SkinTonePickerRef.current) {
+      return;
+    }
+
+    focusFirstElementChild(SkinTonePickerRef.current);
+  }, [SkinTonePickerRef]);
+}
+function useFocusCategoryNavigation() {
+  var CategoryNavigationRef = useCategoryNavigationRef();
+  return useCallback(function () {
+    if (!CategoryNavigationRef.current) {
+      return;
+    }
+
+    focusFirstElementChild(CategoryNavigationRef.current);
+  }, [CategoryNavigationRef]);
+}
+
+var KeyboardEvents;
+
+(function (KeyboardEvents) {
+  KeyboardEvents["ArrowDown"] = "ArrowDown";
+  KeyboardEvents["ArrowUp"] = "ArrowUp";
+  KeyboardEvents["ArrowLeft"] = "ArrowLeft";
+  KeyboardEvents["ArrowRight"] = "ArrowRight";
+  KeyboardEvents["Escape"] = "Escape";
+  KeyboardEvents["Enter"] = "Enter";
+})(KeyboardEvents || (KeyboardEvents = {}));
+
+function useKeyboardNavigation() {
+  usePickerMainKeyboardEvents();
+  useSearchInputKeyboardEvents();
+  useSkinTonePickerKeyboardEvents();
+  useCategoryNavigationKeyboardEvents();
+  useBodyKeyboardEvents();
+}
+
+function usePickerMainKeyboardEvents() {
+  var PickerMainRef = usePickerMainRef();
+  var clearSearch = useClearSearch();
+  var scrollTo = useScrollTo();
+  var SearchInputRef = useSearchInputRef();
+  var focusSearchInput = useFocusSearchInput();
+  var closeAllOpenToggles = useCloseAllOpenToggles();
+  var onKeyDown = useMemo(function () {
+    return function onKeyDown(event) {
+      var key = event.key;
+
+      if (key === KeyboardEvents.Escape) {
+        event.preventDefault();
+        clearSearch();
+        closeAllOpenToggles();
+        scrollTo(0);
+        focusSearchInput();
+      }
+    };
+  }, [scrollTo, clearSearch, closeAllOpenToggles, focusSearchInput]);
+  useEffect(function () {
+    var current = PickerMainRef.current;
+
+    if (!current) {
+      return;
+    }
+
+    current.addEventListener('keydown', onKeyDown);
+    return function () {
+      current.removeEventListener('keydown', onKeyDown);
+    };
+  }, [PickerMainRef, SearchInputRef, scrollTo, onKeyDown]);
+}
+
+function useSearchInputKeyboardEvents() {
+  var focusSkinTonePicker = useFocusSkinTonePicker();
+  var PickerMainRef = usePickerMainRef();
+  var BodyRef = useBodyRef();
+  var SearchInputRef = useSearchInputRef();
+
+  var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
+      setSkinToneFanOpenState = _useSkinToneFanOpenSt[1];
+
+  var goDownFromSearchInput = useGoDownFromSearchInput();
+  var onKeyDown = useMemo(function () {
+    return function onKeyDown(event) {
+      var key = event.key;
+
+      switch (key) {
+        case KeyboardEvents.ArrowRight:
+          event.preventDefault();
+          setSkinToneFanOpenState(true);
+          focusSkinTonePicker();
+          break;
+
+        case KeyboardEvents.ArrowDown:
+          event.preventDefault();
+          goDownFromSearchInput();
+          break;
+
+        case KeyboardEvents.Enter:
+          event.preventDefault();
+          focusAndClickFirstVisibleEmoji(BodyRef.current);
+          break;
+      }
+    };
+  }, [focusSkinTonePicker, goDownFromSearchInput, setSkinToneFanOpenState, BodyRef]);
+  useEffect(function () {
+    var current = SearchInputRef.current;
+
+    if (!current) {
+      return;
+    }
+
+    current.addEventListener('keydown', onKeyDown);
+    return function () {
+      current.removeEventListener('keydown', onKeyDown);
+    };
+  }, [PickerMainRef, SearchInputRef, onKeyDown]);
+}
+
+function useSkinTonePickerKeyboardEvents() {
+  var SkinTonePickerRef = useSkinTonePickerRef();
+  var focusSearchInput = useFocusSearchInput();
+  var SearchInputRef = useSearchInputRef();
+  var goDownFromSearchInput = useGoDownFromSearchInput();
+
+  var _useSkinToneFanOpenSt2 = useSkinToneFanOpenState(),
+      isOpen = _useSkinToneFanOpenSt2[0],
+      setIsOpen = _useSkinToneFanOpenSt2[1];
+
+  var onType = useOnType();
+  var onKeyDown = useMemo(function () {
+    return function onKeyDown(event) {
+      var key = event.key;
+
+      switch (key) {
+        case KeyboardEvents.ArrowLeft:
+          event.preventDefault();
+
+          if (!isOpen) {
+            return focusSearchInput();
+          }
+
+          focusNextSkinTone(focusSearchInput);
+          break;
+
+        case KeyboardEvents.ArrowRight:
+          event.preventDefault();
+
+          if (!isOpen) {
+            return focusSearchInput();
+          }
+
+          focusPrevSkinTone();
+          break;
+
+        case KeyboardEvents.ArrowDown:
+          event.preventDefault();
+
+          if (isOpen) {
+            setIsOpen(false);
+          }
+
+          goDownFromSearchInput();
+          break;
+
+        default:
+          onType(event);
+          break;
+      }
+    };
+  }, [isOpen, focusSearchInput, setIsOpen, goDownFromSearchInput, onType]);
+  useEffect(function () {
+    var current = SkinTonePickerRef.current;
+
+    if (!current) {
+      return;
+    }
+
+    current.addEventListener('keydown', onKeyDown);
+    return function () {
+      current.removeEventListener('keydown', onKeyDown);
+    };
+  }, [SkinTonePickerRef, SearchInputRef, isOpen, onKeyDown]);
+}
+
+function useCategoryNavigationKeyboardEvents() {
+  var focusSearchInput = useFocusSearchInput();
+  var CategoryNavigationRef = useCategoryNavigationRef();
+  var BodyRef = useBodyRef();
+  var onType = useOnType();
+  var onKeyDown = useMemo(function () {
+    return function onKeyDown(event) {
+      var key = event.key;
+
+      switch (key) {
+        case KeyboardEvents.ArrowUp:
+          event.preventDefault();
+          focusSearchInput();
+          break;
+
+        case KeyboardEvents.ArrowRight:
+          event.preventDefault();
+          focusNextElementSibling(getActiveElement());
+          break;
+
+        case KeyboardEvents.ArrowLeft:
+          event.preventDefault();
+          focusPrevElementSibling(getActiveElement());
+          break;
+
+        case KeyboardEvents.ArrowDown:
+          event.preventDefault();
+          focusFirstVisibleEmoji(BodyRef.current);
+          break;
+
+        default:
+          onType(event);
+          break;
+      }
+    };
+  }, [BodyRef, focusSearchInput, onType]);
+  useEffect(function () {
+    var current = CategoryNavigationRef.current;
+
+    if (!current) {
+      return;
+    }
+
+    current.addEventListener('keydown', onKeyDown);
+    return function () {
+      current.removeEventListener('keydown', onKeyDown);
+    };
+  }, [CategoryNavigationRef, BodyRef, onKeyDown]);
+}
+
+function useBodyKeyboardEvents() {
+  var BodyRef = useBodyRef();
+  var goUpFromBody = useGoUpFromBody();
+  var onType = useOnType();
+  var onKeyDown = useMemo(function () {
+    return function onKeyDown(event) {
+      var key = event.key;
+      var activeElement = buttonFromTarget(getActiveElement());
+
+      switch (key) {
+        case KeyboardEvents.ArrowRight:
+          event.preventDefault();
+          focusNextVisibleEmoji(activeElement);
+          break;
+
+        case KeyboardEvents.ArrowLeft:
+          event.preventDefault();
+          focusPrevVisibleEmoji(activeElement);
+          break;
+
+        case KeyboardEvents.ArrowDown:
+          event.preventDefault();
+          focusVisibleEmojiOneRowDown(activeElement);
+          break;
+
+        case KeyboardEvents.ArrowUp:
+          event.preventDefault();
+          focusVisibleEmojiOneRowUp(activeElement, goUpFromBody);
+          break;
+
+        default:
+          onType(event);
+          break;
+      }
+    };
+  }, [goUpFromBody, onType]);
+  useEffect(function () {
+    var current = BodyRef.current;
+
+    if (!current) {
+      return;
+    }
+
+    current.addEventListener('keydown', onKeyDown);
+    return function () {
+      current.removeEventListener('keydown', onKeyDown);
+    };
+  }, [BodyRef, onKeyDown]);
+}
+
+function useGoDownFromSearchInput() {
+  var focusCategoryNavigation = useFocusCategoryNavigation();
+  var isSearchMode = useIsSearchMode();
+  var BodyRef = useBodyRef();
+  return useCallback(function goDownFromSearchInput() {
+    if (isSearchMode) {
+      return focusFirstVisibleEmoji(BodyRef.current);
+    }
+
+    return focusCategoryNavigation();
+  }, [BodyRef, focusCategoryNavigation, isSearchMode]);
+}
+
+function useGoUpFromBody() {
+  var focusSearchInput = useFocusSearchInput();
+  var focusCategoryNavigation = useFocusCategoryNavigation();
+  var isSearchMode = useIsSearchMode();
+  return useCallback(function goUpFromEmoji() {
+    if (isSearchMode) {
+      return focusSearchInput();
+    }
+
+    return focusCategoryNavigation();
+  }, [focusSearchInput, isSearchMode, focusCategoryNavigation]);
+}
+
+function focusNextSkinTone(exitLeft) {
+  var currentSkinTone = getActiveElement();
+
+  if (!currentSkinTone) {
+    return;
+  }
+
+  if (!hasNextElementSibling(currentSkinTone)) {
+    exitLeft();
+  }
+
+  focusNextElementSibling(currentSkinTone);
+}
+
+function focusPrevSkinTone() {
+  var currentSkinTone = getActiveElement();
+
+  if (!currentSkinTone) {
+    return;
+  }
+
+  focusPrevElementSibling(currentSkinTone);
+}
+
+function useOnType() {
+  var appendSearch = useAppendSearch();
+  var focusSearchInput = useFocusSearchInput();
+  var closeAllOpenToggles = useCloseAllOpenToggles();
+  return function onType(event) {
+    var key = event.key;
+
+    if (hasModifier(event)) {
+      return;
+    }
+
+    if (key.match(/(^[a-zA-Z0-9]$){1}/)) {
+      event.preventDefault();
+      closeAllOpenToggles();
+      focusSearchInput();
+      appendSearch(key);
+    }
+  };
+}
+
+function hasModifier(event) {
+  var metaKey = event.metaKey,
+      ctrlKey = event.ctrlKey,
+      altKey = event.altKey;
+  return metaKey || ctrlKey || altKey;
+}
+
 var css_248z$b = "aside.EmojiPickerReact.epr-main{border-color:var(--epr-picker-border-color);border-radius:var(--epr-picker-border-radius);border-style:solid;border-width:1px;display:flex;flex-direction:column;height:var(--epr-picker-height);position:relative;width:var(--epr-picker-width)}";
 styleInject(css_248z$b);
 
@@ -16429,13 +17244,14 @@ function PickerRootElement(_ref2) {
   var theme = useThemeConfig();
   var searchModeActive = useIsSearchMode();
   var PickerMainRef = usePickerMainRef();
+  useKeyboardNavigation();
   return createElement("aside", {
     className: clsx('EmojiPickerReact', 'epr-main', (_clsx = {}, _clsx[ClassNames.searchActive] = searchModeActive, _clsx['epr-dark-theme'] = theme === Theme.DARK, _clsx)),
     ref: PickerMainRef
   }, children);
 }
 
-var css_248z$c = ".EmojiPickerReact{--epr-highlight-color:#007aeb;--epr-hover-bg-color:#f1f8ff;--epr-text-color:#858585;--epr-search-bar-bg-color:#f6f6f6;--epr-category-label-bg-color:#ffffffe6;--epr-picker-border-color:#e7e7e7;--epr-bg-color:#fff;--epr-emoji-variation-indicator-color:var(--epr-picker-border-color);--epr-emoji-variation-indicator-color-hover:var(--epr-text-color);--epr-picker-width:350px;--epr-picker-height:450px;--epr-emoji-size:30px;--epr-category-navigation-button-size:30px;--epr-emoji-variation-picker-bg-color:var(--epr-bg-color);--epr-emoji-variation-picker-height:55px;--epr-preview-height:70px;--epr-preview-text-color:var(--epr-text-color);--epr-preview-text-size:14px;--epr-preview-text-padding:0 10px;--epr-active-category-indicator-color:var(--epr-highlight-color);--epr-active-skin-tone-indicator-border-color:var(--epr-highlight-color);--epr-search-border-color:var(--epr-highlight-color);--epr-active-skin-hover-color:var(--epr-hover-bg-color);--epr-emoji-hover-color:var(--epr-hover-bg-color);--epr-category-label-text-color:var(--epr-text-color);--epr-emoji-padding:5px;--epr-header-padding:15px 10px;--epr-emoji-gap:2px;--epr-category-padding:0 10px;--epr-search-input-padding:0 30px;--epr-search-input-border-radius:8px;--epr-search-input-height:40px;--epr-category-label-padding:0 10px;--epr-category-label-height:40px;--epr-header-overlay-z-index:3;--epr-emoji-variations-indictator-z-index:1;--epr-category-label-z-index:2;--epr-skin-variation-picker-z-index:5;--epr-picker-border-radius:8px;--epr-search-bar-text-color:var(--epr-text-color);--epr-search-bar-placeholder-color:var(--epr-text-color);--epr-preview-border-color:var(--epr-picker-border-color);--epr-search-bar-bg-color-active:var(--epr-search-bar-bg-color)}.EmojiPickerReact.epr-dark-theme{--epr-dark:#000;--epr-emoji-variation-picker-bg-color:var(--epr-dark);--epr-highlight-color:silver;--epr-text-color:var(--epr-highlight-color);--epr-hover-bg-color:#363636f6;--epr-search-bar-bg-color:#333;--epr-category-label-bg-color:#222222e6;--epr-picker-border-color:#151617;--epr-bg-color:#222;--epr-search-bar-bg-color-active:var(--epr-dark);--epr-emoji-variation-indicator-color:#444}.EmojiPickerReact{background-color:var(--epr-bg-color);overflow:hidden}.EmojiPickerReact .epr-hidden,.EmojiPickerReact.epr-search-active .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}.EmojiPickerReact button{background:none;border:0;cursor:pointer}";
+var css_248z$c = ".EmojiPickerReact{--epr-highlight-color:#007aeb;--epr-hover-bg-color:#f1f8ff;--epr-focus-bg-color:#e0f0ff;--epr-text-color:#858585;--epr-search-input-bg-color:#f6f6f6;--epr-picker-border-color:#e7e7e7;--epr-bg-color:#fff;--epr-category-icon-active-color:#6aa8de;--epr-horizontal-padding:10px;--epr-picker-width:350px;--epr-picker-height:450px;--epr-picker-border-radius:8px;--epr-search-border-color:var(--epr-highlight-color);--epr-header-padding:15px var(--epr-horizontal-padding);--epr-active-skin-tone-indicator-border-color:var(--epr-highlight-color);--epr-active-skin-hover-color:var(--epr-hover-bg-color);--epr-search-input-bg-color-active:var(--epr-search-input-bg-color);--epr-search-input-padding:0 30px;--epr-search-input-border-radius:8px;--epr-search-input-height:40px;--epr-search-input-text-color:var(--epr-text-color);--epr-search-input-placeholder-color:var(--epr-text-color);--epr-search-bar-inner-padding:var(--epr-horizontal-padding);--epr-category-navigation-button-size:30px;--epr-emoji-variation-picker-height:55px;--epr-emoji-variation-picker-bg-color:var(--epr-bg-color);--epr-preview-height:70px;--epr-preview-text-size:14px;--epr-preview-text-padding:0 var(--epr-horizontal-padding);--epr-preview-border-color:var(--epr-picker-border-color);--epr-preview-text-color:var(--epr-text-color);--epr-category-padding:0 var(--epr-horizontal-padding);--epr-category-label-bg-color:#ffffffe6;--epr-category-label-text-color:var(--epr-text-color);--epr-category-label-padding:0 var(--epr-horizontal-padding);--epr-category-label-height:40px;--epr-emoji-size:30px;--epr-emoji-padding:5px;--epr-emoji-fullsize:calc(var(--epr-emoji-size) + var(--epr-emoji-padding)*2);--epr-emoji-hover-color:var(--epr-hover-bg-color);--epr-emoji-variation-indicator-color:var(--epr-picker-border-color);--epr-emoji-variation-indicator-color-hover:var(--epr-text-color);--epr-header-overlay-z-index:3;--epr-emoji-variations-indictator-z-index:1;--epr-category-label-z-index:2;--epr-skin-variation-picker-z-index:5}.EmojiPickerReact.epr-dark-theme{--epr-dark:#000;--epr-emoji-variation-picker-bg-color:var(--epr-dark);--epr-highlight-color:silver;--epr-text-color:var(--epr-highlight-color);--epr-hover-bg-color:#363636f6;--epr-focus-bg-color:#474747;--epr-search-input-bg-color:#333;--epr-category-label-bg-color:#222222e6;--epr-picker-border-color:#151617;--epr-bg-color:#222;--epr-search-input-bg-color-active:var(--epr-dark);--epr-emoji-variation-indicator-color:#444;--epr-category-icon-active-color:#3271b7}.EmojiPickerReact{background-color:var(--epr-bg-color);overflow:hidden}.EmojiPickerReact .epr-hidden,.EmojiPickerReact.epr-search-active .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}.EmojiPickerReact button{background:none;border:0;cursor:pointer;outline:none}";
 styleInject(css_248z$c);
 
 function EmojiPicker(props) {
@@ -16464,6 +17280,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   var _proto = ErrorBoundary.prototype;
 
   _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
+    // eslint-disable-next-line no-console
     console.error('Emoji Picker React failed to render:', error, errorInfo);
   };