emoji-picker-react 4.6.14 → 4.7.0

package/dist/emoji-picker-react.cjs.development.js

@@ -8,38 +8,6 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var flairup = require('flairup');
 
-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["categoryContent"] = "epr-emoji-category-content";
-  ClassNames["emojiHasVariations"] = "epr-emoji-has-variations";
-  ClassNames["scrollBody"] = "epr-body";
-  ClassNames["emojiList"] = "epr-emoji-list";
-  ClassNames["external"] = "__EmojiPicker__";
-  ClassNames["emojiPicker"] = "EmojiPickerReact";
-  ClassNames["open"] = "epr-open";
-  ClassNames["vertical"] = "epr-vertical";
-  ClassNames["horizontal"] = "epr-horizontal";
-  ClassNames["variationPicker"] = "epr-emoji-variation-picker";
-  ClassNames["darkTheme"] = "epr-dark-theme";
-  ClassNames["autoTheme"] = "epr-auto-theme";
-})(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 _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -110,6 +78,38 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+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["categoryContent"] = "epr-emoji-category-content";
+  ClassNames["emojiHasVariations"] = "epr-emoji-has-variations";
+  ClassNames["scrollBody"] = "epr-body";
+  ClassNames["emojiList"] = "epr-emoji-list";
+  ClassNames["external"] = "__EmojiPicker__";
+  ClassNames["emojiPicker"] = "EmojiPickerReact";
+  ClassNames["open"] = "epr-open";
+  ClassNames["vertical"] = "epr-vertical";
+  ClassNames["horizontal"] = "epr-horizontal";
+  ClassNames["variationPicker"] = "epr-emoji-variation-picker";
+  ClassNames["darkTheme"] = "epr-dark-theme";
+  ClassNames["autoTheme"] = "epr-auto-theme";
+})(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 useIsMounted() {
   var _React$useState = React.useState(false),
     isMounted = _React$useState[0],
@@ -125,7 +125,8 @@ var hidden = {
   display: 'none',
   opacity: '0',
   pointerEvents: 'none',
-  visibility: 'hidden'
+  visibility: 'hidden',
+  overflow: 'hidden'
 };
 var commonStyles = /*#__PURE__*/stylesheet.create({
   hidden: /*#__PURE__*/_extends({
@@ -161,6 +162,18 @@ var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
       visibleOnSearchOnly: hidden
     }
   },
+  hiddenOnReactions: {
+    transition: 'all 0.5s ease-in-out'
+  },
+  '.epr-reactions': {
+    hiddenOnReactions: {
+      height: '0px',
+      width: '0px',
+      opacity: '0',
+      pointerEvents: 'none',
+      overflow: 'hidden'
+    }
+  },
   '.EmojiPickerReact:not(.epr-search-active)': {
     categoryBtn: {
       ':hover': {
@@ -179,93 +192,8 @@ var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
   }
 });
 
-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 ElementRefContextProvider(_ref) {
-  var children = _ref.children;
-  var PickerMainRef = React.useRef(null);
-  var AnchoredEmojiRef = React.useRef(null);
-  var BodyRef = React.useRef(null);
-  var SearchInputRef = React.useRef(null);
-  var SkinTonePickerRef = React.useRef(null);
-  var CategoryNavigationRef = React.useRef(null);
-  var VariationPickerRef = React.useRef(null);
-  return React.createElement(ElementRefContext.Provider, {
-    value: {
-      AnchoredEmojiRef: AnchoredEmojiRef,
-      BodyRef: BodyRef,
-      CategoryNavigationRef: CategoryNavigationRef,
-      PickerMainRef: PickerMainRef,
-      SearchInputRef: SearchInputRef,
-      SkinTonePickerRef: SkinTonePickerRef,
-      VariationPickerRef: VariationPickerRef
-    }
-  }, children);
-}
-var ElementRefContext = /*#__PURE__*/React.createContext({
-  AnchoredEmojiRef: /*#__PURE__*/React.createRef(),
-  BodyRef: /*#__PURE__*/React.createRef(),
-  CategoryNavigationRef: /*#__PURE__*/React.createRef(),
-  PickerMainRef: /*#__PURE__*/React.createRef(),
-  SearchInputRef: /*#__PURE__*/React.createRef(),
-  SkinTonePickerRef: /*#__PURE__*/React.createRef(),
-  VariationPickerRef: /*#__PURE__*/React.createRef()
-});
-function useElementRef() {
-  return React.useContext(ElementRefContext);
-}
-function usePickerMainRef() {
-  return useElementRef()['PickerMainRef'];
-}
-function useAnchoredEmojiRef() {
-  return useElementRef()['AnchoredEmojiRef'];
-}
-function useSetAnchoredEmojiRef() {
-  var AnchoredEmojiRef = useAnchoredEmojiRef();
-  return function (target) {
-    if (target === null && AnchoredEmojiRef.current !== null) {
-      focusElement(AnchoredEmojiRef.current);
-    }
-    AnchoredEmojiRef.current = target;
-  };
-}
-function useBodyRef() {
-  return useElementRef()['BodyRef'];
-}
-function useSearchInputRef() {
-  return useElementRef()['SearchInputRef'];
-}
-function useSkinTonePickerRef() {
-  return useElementRef()['SkinTonePickerRef'];
-}
-function useCategoryNavigationRef() {
-  return useElementRef()['CategoryNavigationRef'];
-}
-function useVariationPickerRef() {
-  return useElementRef()['VariationPickerRef'];
-}
+var DEFAULT_REACTIONS = ['1f44d', '2764-fe0f', '1f603', '1f622', '1f64f', '1f44e', '1f621' // 😡
+];
 
 (function (SuggestionMode) {
   SuggestionMode["RECENT"] = "recent";
@@ -16910,7 +16838,9 @@ function basePickerConfig() {
     suggestedEmojisMode: exports.SuggestionMode.FREQUENT,
     theme: exports.Theme.LIGHT,
     unicodeToHide: new Set(KNOWN_FAILING_EMOJIS),
-    width: 350
+    width: 350,
+    reactionsDefaultOpen: false,
+    reactions: DEFAULT_REACTIONS
   };
 }
 var basePreviewConfig = {
@@ -17045,29 +16975,39 @@ function useStyleConfig() {
     width: getDimension(width)
   }, style);
 }
-function useEmojiVersionConfig() {
+function useReactionsOpenConfig() {
   var _usePickerConfig14 = usePickerConfig(),
-    emojiVersion = _usePickerConfig14.emojiVersion;
+    reactionsDefaultOpen = _usePickerConfig14.reactionsDefaultOpen;
+  return reactionsDefaultOpen;
+}
+function useEmojiVersionConfig() {
+  var _usePickerConfig15 = usePickerConfig(),
+    emojiVersion = _usePickerConfig15.emojiVersion;
   return emojiVersion;
 }
 function useSearchDisabledConfig() {
-  var _usePickerConfig15 = usePickerConfig(),
-    searchDisabled = _usePickerConfig15.searchDisabled;
+  var _usePickerConfig16 = usePickerConfig(),
+    searchDisabled = _usePickerConfig16.searchDisabled;
   return searchDisabled;
 }
 function useSkinTonePickerLocationConfig() {
-  var _usePickerConfig16 = usePickerConfig(),
-    skinTonePickerLocation = _usePickerConfig16.skinTonePickerLocation;
+  var _usePickerConfig17 = usePickerConfig(),
+    skinTonePickerLocation = _usePickerConfig17.skinTonePickerLocation;
   return skinTonePickerLocation;
 }
 function useUnicodeToHide() {
-  var _usePickerConfig17 = usePickerConfig(),
-    unicodeToHide = _usePickerConfig17.unicodeToHide;
+  var _usePickerConfig18 = usePickerConfig(),
+    unicodeToHide = _usePickerConfig18.unicodeToHide;
   return unicodeToHide;
 }
+function useReactionsConfig() {
+  var _usePickerConfig19 = usePickerConfig(),
+    reactions = _usePickerConfig19.reactions;
+  return reactions;
+}
 function useGetEmojiUrlConfig() {
-  var _usePickerConfig18 = usePickerConfig(),
-    getEmojiUrl = _usePickerConfig18.getEmojiUrl;
+  var _usePickerConfig20 = usePickerConfig(),
+    getEmojiUrl = _usePickerConfig20.getEmojiUrl;
   return getEmojiUrl;
 }
 function getDimension(dimensionConfig) {
@@ -17082,270 +17022,50 @@ function useSearchResultsConfig(searchResultsCount) {
   return SEARCH_RESULTS_NO_RESULTS_FOUND;
 }
 
-function useDebouncedState(initialValue, delay) {
-  if (delay === void 0) {
-    delay = 0;
-  }
-  var _useState = React.useState(initialValue),
-    state = _useState[0],
-    setState = _useState[1];
-  var timer = React.useRef(null);
-  function debouncedSetState(value) {
-    return new Promise(function (resolve) {
-      var _window;
-      if (timer.current) {
-        clearTimeout(timer.current);
-      }
-      timer.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
-        setState(value);
-        resolve(value);
-      }, delay);
-    });
+function elementCountInRow(parent, element) {
+  if (!parent || !element) {
+    return 0;
   }
-  return [state, debouncedSetState];
+  var parentWidth = parent.getBoundingClientRect().width;
+  var elementWidth = element.getBoundingClientRect().width;
+  return Math.floor(parentWidth / elementWidth);
 }
-
-function useIsUnicodeHidden() {
-  var unicodeToHide = useUnicodeToHide();
-  return function (emojiUnified) {
-    return unicodeToHide.has(emojiUnified);
-  };
+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 useDisallowedEmojis() {
-  var DisallowedEmojisRef = React.useRef({});
-  var emojiVersionConfig = useEmojiVersionConfig();
-  return React.useMemo(function () {
-    var emojiVersion = parseFloat("" + emojiVersionConfig);
-    if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
-      return DisallowedEmojisRef.current;
-    }
-    return allEmojis.reduce(function (disallowedEmojis, emoji) {
-      if (addedInNewerVersion(emoji, emojiVersion)) {
-        disallowedEmojis[emojiUnified(emoji)] = true;
-      }
-      return disallowedEmojis;
-    }, DisallowedEmojisRef.current);
-  }, [emojiVersionConfig]);
+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.round((elementTop - parentTop) / elementHeight);
 }
-function useIsEmojiDisallowed() {
-  var disallowedEmojis = useDisallowedEmojis();
-  var isUnicodeHidden = useIsUnicodeHidden();
-  return function isEmojiDisallowed(emoji) {
-    var unified = unifiedWithoutSkinTone(emojiUnified(emoji));
-    return Boolean(disallowedEmojis[unified] || isUnicodeHidden(unified));
-  };
+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 Math.round(elementTop - parentTop + elementHeight) < parentHeight;
 }
-function addedInNewerVersion(emoji, supportedLevel) {
-  return addedIn(emoji) > supportedLevel;
-}
-
-function useMarkInitialLoad(dispatch) {
-  React.useEffect(function () {
-    dispatch(true);
-  }, [dispatch]);
-}
-
-function PickerContextProvider(_ref) {
-  var children = _ref.children;
-  var disallowedEmojis = useDisallowedEmojis();
-  var defaultSkinTone = useDefaultSkinToneConfig();
-  // Initialize the filter with the inititial dictionary
-  var filterRef = React.useRef(alphaNumericEmojiIndex);
-  var disallowClickRef = React.useRef(false);
-  var disallowMouseRef = React.useRef(false);
-  var disallowedEmojisRef = React.useRef(disallowedEmojis);
-  var suggestedUpdateState = useDebouncedState(Date.now(), 200);
-  var searchTerm = useDebouncedState('', 100);
-  var skinToneFanOpenState = React.useState(false);
-  var activeSkinTone = React.useState(defaultSkinTone);
-  var activeCategoryState = React.useState(null);
-  var emojisThatFailedToLoadState = React.useState(new Set());
-  var emojiVariationPickerState = React.useState(null);
-  var _useState = React.useState(false),
-    isPastInitialLoad = _useState[0],
-    setIsPastInitialLoad = _useState[1];
-  useMarkInitialLoad(setIsPastInitialLoad);
-  return React.createElement(PickerContext.Provider, {
-    value: {
-      activeCategoryState: activeCategoryState,
-      activeSkinTone: activeSkinTone,
-      disallowClickRef: disallowClickRef,
-      disallowMouseRef: disallowMouseRef,
-      disallowedEmojisRef: disallowedEmojisRef,
-      emojiVariationPickerState: emojiVariationPickerState,
-      emojisThatFailedToLoadState: emojisThatFailedToLoadState,
-      filterRef: filterRef,
-      isPastInitialLoad: isPastInitialLoad,
-      searchTerm: searchTerm,
-      skinToneFanOpenState: skinToneFanOpenState,
-      suggestedUpdateState: suggestedUpdateState
-    }
-  }, children);
-}
-var PickerContext = /*#__PURE__*/React.createContext({
-  activeCategoryState: [null, function () {}],
-  activeSkinTone: [exports.SkinTones.NEUTRAL, function () {}],
-  disallowClickRef: {
-    current: false
-  },
-  disallowMouseRef: {
-    current: false
-  },
-  disallowedEmojisRef: {
-    current: {}
-  },
-  emojiVariationPickerState: [null, function () {}],
-  emojisThatFailedToLoadState: [/*#__PURE__*/new Set(), function () {}],
-  filterRef: {
-    current: {}
-  },
-  isPastInitialLoad: true,
-  searchTerm: ['', function () {
-    return new Promise(function () {
-      return undefined;
-    });
-  }],
-  skinToneFanOpenState: [false, function () {}],
-  suggestedUpdateState: [/*#__PURE__*/Date.now(), function () {}]
-});
-function useFilterRef() {
-  var _React$useContext = React.useContext(PickerContext),
-    filterRef = _React$useContext.filterRef;
-  return filterRef;
-}
-function useDisallowClickRef() {
-  var _React$useContext2 = React.useContext(PickerContext),
-    disallowClickRef = _React$useContext2.disallowClickRef;
-  return disallowClickRef;
-}
-function useDisallowMouseRef() {
-  var _React$useContext3 = React.useContext(PickerContext),
-    disallowMouseRef = _React$useContext3.disallowMouseRef;
-  return disallowMouseRef;
-}
-function useSearchTermState() {
-  var _React$useContext4 = React.useContext(PickerContext),
-    searchTerm = _React$useContext4.searchTerm;
-  return searchTerm;
-}
-function useActiveSkinToneState() {
-  var _React$useContext5 = React.useContext(PickerContext),
-    activeSkinTone = _React$useContext5.activeSkinTone;
-  return activeSkinTone;
-}
-function useEmojisThatFailedToLoadState() {
-  var _React$useContext6 = React.useContext(PickerContext),
-    emojisThatFailedToLoadState = _React$useContext6.emojisThatFailedToLoadState;
-  return emojisThatFailedToLoadState;
-}
-function useIsPastInitialLoad() {
-  var _React$useContext7 = React.useContext(PickerContext),
-    isPastInitialLoad = _React$useContext7.isPastInitialLoad;
-  return isPastInitialLoad;
-}
-function useEmojiVariationPickerState() {
-  var _React$useContext8 = React.useContext(PickerContext),
-    emojiVariationPickerState = _React$useContext8.emojiVariationPickerState;
-  return emojiVariationPickerState;
-}
-function useSkinToneFanOpenState() {
-  var _React$useContext9 = React.useContext(PickerContext),
-    skinToneFanOpenState = _React$useContext9.skinToneFanOpenState;
-  return skinToneFanOpenState;
-}
-function useUpdateSuggested() {
-  var _React$useContext11 = React.useContext(PickerContext),
-    suggestedUpdateState = _React$useContext11.suggestedUpdateState;
-  var suggestedUpdated = suggestedUpdateState[0],
-    setsuggestedUpdate = suggestedUpdateState[1];
-  return [suggestedUpdated, function updateSuggested() {
-    setsuggestedUpdate(Date.now());
-  }];
-}
-
-function useDisallowMouseMove() {
-  var DisallowMouseRef = useDisallowMouseRef();
-  return function disallowMouseMove() {
-    DisallowMouseRef.current = true;
-  };
-}
-function useAllowMouseMove() {
-  var DisallowMouseRef = useDisallowMouseRef();
-  return function allowMouseMove() {
-    DisallowMouseRef.current = false;
-  };
-}
-function useIsMouseDisallowed() {
-  var DisallowMouseRef = useDisallowMouseRef();
-  return function isMouseDisallowed() {
-    return DisallowMouseRef.current;
-  };
-}
-function useOnMouseMove() {
-  var BodyRef = useBodyRef();
-  var allowMouseMove = useAllowMouseMove();
-  var isMouseDisallowed = useIsMouseDisallowed();
-  React.useEffect(function () {
-    var bodyRef = BodyRef.current;
-    bodyRef == null ? void 0 : bodyRef.addEventListener('mousemove', onMouseMove, {
-      passive: true
-    });
-    function onMouseMove() {
-      if (isMouseDisallowed()) {
-        allowMouseMove();
-      }
-    }
-    return function () {
-      bodyRef == null ? void 0 : bodyRef.removeEventListener('mousemove', onMouseMove);
-    };
-  }, [BodyRef, allowMouseMove, isMouseDisallowed]);
-}
-
-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.round((elementTop - parentTop) / elementHeight);
-}
-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 Math.round(elementTop - parentTop + elementHeight) < parentHeight;
-}
-function getRowElements(elements, row, elementsInRow) {
-  if (row === -1) {
-    var lastRow = Math.floor((elements.length - 1) / 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 getRowElements(elements, row, elementsInRow) {
+  if (row === -1) {
+    var lastRow = Math.floor((elements.length - 1) / 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;
@@ -17580,42 +17300,233 @@ function closestCategoryContent(element) {
   return element.closest(asSelectors(ClassNames.categoryContent));
 }
 
-function parseNativeEmoji(unified) {
-  return unified.split('-').map(function (hex) {
-    return String.fromCodePoint(parseInt(hex, 16));
-  }).join('');
+function useDebouncedState(initialValue, delay) {
+  if (delay === void 0) {
+    delay = 0;
+  }
+  var _useState = React.useState(initialValue),
+    state = _useState[0],
+    setState = _useState[1];
+  var timer = React.useRef(null);
+  function debouncedSetState(value) {
+    return new Promise(function (resolve) {
+      var _window;
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+      timer.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
+        setState(value);
+        resolve(value);
+      }, delay);
+    });
+  }
+  return [state, debouncedSetState];
 }
 
-var SUGGESTED_LS_KEY = 'epr_suggested';
-function getSuggested(mode) {
-  try {
-    var _window, _window$localStorage$, _window2;
-    if (!((_window = window) != null && _window.localStorage)) {
-      return [];
-    }
-    var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
-    if (mode === exports.SuggestionMode.FREQUENT) {
-      return recent.sort(function (a, b) {
-        return b.count - a.count;
-      });
-    }
-    return recent;
-  } catch (_unused) {
-    return [];
-  }
+function useIsUnicodeHidden() {
+  var unicodeToHide = useUnicodeToHide();
+  return function (emojiUnified) {
+    return unicodeToHide.has(emojiUnified);
+  };
 }
-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) {
-      return i !== existing;
+
+function useDisallowedEmojis() {
+  var DisallowedEmojisRef = React.useRef({});
+  var emojiVersionConfig = useEmojiVersionConfig();
+  return React.useMemo(function () {
+    var emojiVersion = parseFloat("" + emojiVersionConfig);
+    if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
+      return DisallowedEmojisRef.current;
+    }
+    return allEmojis.reduce(function (disallowedEmojis, emoji) {
+      if (addedInNewerVersion(emoji, emojiVersion)) {
+        disallowedEmojis[emojiUnified(emoji)] = true;
+      }
+      return disallowedEmojis;
+    }, DisallowedEmojisRef.current);
+  }, [emojiVersionConfig]);
+}
+function useIsEmojiDisallowed() {
+  var disallowedEmojis = useDisallowedEmojis();
+  var isUnicodeHidden = useIsUnicodeHidden();
+  return function isEmojiDisallowed(emoji) {
+    var unified = unifiedWithoutSkinTone(emojiUnified(emoji));
+    return Boolean(disallowedEmojis[unified] || isUnicodeHidden(unified));
+  };
+}
+function addedInNewerVersion(emoji, supportedLevel) {
+  return addedIn(emoji) > supportedLevel;
+}
+
+function useMarkInitialLoad(dispatch) {
+  React.useEffect(function () {
+    dispatch(true);
+  }, [dispatch]);
+}
+
+function PickerContextProvider(_ref) {
+  var children = _ref.children;
+  var disallowedEmojis = useDisallowedEmojis();
+  var defaultSkinTone = useDefaultSkinToneConfig();
+  var reactionsDefaultOpen = useReactionsOpenConfig();
+  // Initialize the filter with the inititial dictionary
+  var filterRef = React.useRef(alphaNumericEmojiIndex);
+  var disallowClickRef = React.useRef(false);
+  var disallowMouseRef = React.useRef(false);
+  var disallowedEmojisRef = React.useRef(disallowedEmojis);
+  var suggestedUpdateState = useDebouncedState(Date.now(), 200);
+  var searchTerm = useDebouncedState('', 100);
+  var skinToneFanOpenState = React.useState(false);
+  var activeSkinTone = React.useState(defaultSkinTone);
+  var activeCategoryState = React.useState(null);
+  var emojisThatFailedToLoadState = React.useState(new Set());
+  var emojiVariationPickerState = React.useState(null);
+  var reactionsModeState = React.useState(reactionsDefaultOpen);
+  var _useState = React.useState(false),
+    isPastInitialLoad = _useState[0],
+    setIsPastInitialLoad = _useState[1];
+  useMarkInitialLoad(setIsPastInitialLoad);
+  return React.createElement(PickerContext.Provider, {
+    value: {
+      activeCategoryState: activeCategoryState,
+      activeSkinTone: activeSkinTone,
+      disallowClickRef: disallowClickRef,
+      disallowMouseRef: disallowMouseRef,
+      disallowedEmojisRef: disallowedEmojisRef,
+      emojiVariationPickerState: emojiVariationPickerState,
+      emojisThatFailedToLoadState: emojisThatFailedToLoadState,
+      filterRef: filterRef,
+      isPastInitialLoad: isPastInitialLoad,
+      searchTerm: searchTerm,
+      skinToneFanOpenState: skinToneFanOpenState,
+      suggestedUpdateState: suggestedUpdateState,
+      reactionsModeState: reactionsModeState
+    }
+  }, children);
+}
+var PickerContext = /*#__PURE__*/React.createContext({
+  activeCategoryState: [null, function () {}],
+  activeSkinTone: [exports.SkinTones.NEUTRAL, function () {}],
+  disallowClickRef: {
+    current: false
+  },
+  disallowMouseRef: {
+    current: false
+  },
+  disallowedEmojisRef: {
+    current: {}
+  },
+  emojiVariationPickerState: [null, function () {}],
+  emojisThatFailedToLoadState: [/*#__PURE__*/new Set(), function () {}],
+  filterRef: {
+    current: {}
+  },
+  isPastInitialLoad: true,
+  searchTerm: ['', function () {
+    return new Promise(function () {
+      return undefined;
+    });
+  }],
+  skinToneFanOpenState: [false, function () {}],
+  suggestedUpdateState: [/*#__PURE__*/Date.now(), function () {}],
+  reactionsModeState: [false, function () {}]
+});
+function useFilterRef() {
+  var _React$useContext = React.useContext(PickerContext),
+    filterRef = _React$useContext.filterRef;
+  return filterRef;
+}
+function useDisallowClickRef() {
+  var _React$useContext2 = React.useContext(PickerContext),
+    disallowClickRef = _React$useContext2.disallowClickRef;
+  return disallowClickRef;
+}
+function useDisallowMouseRef() {
+  var _React$useContext3 = React.useContext(PickerContext),
+    disallowMouseRef = _React$useContext3.disallowMouseRef;
+  return disallowMouseRef;
+}
+function useReactionsModeState() {
+  var _React$useContext4 = React.useContext(PickerContext),
+    reactionsModeState = _React$useContext4.reactionsModeState;
+  return reactionsModeState;
+}
+function useSearchTermState() {
+  var _React$useContext5 = React.useContext(PickerContext),
+    searchTerm = _React$useContext5.searchTerm;
+  return searchTerm;
+}
+function useActiveSkinToneState() {
+  var _React$useContext6 = React.useContext(PickerContext),
+    activeSkinTone = _React$useContext6.activeSkinTone;
+  return activeSkinTone;
+}
+function useEmojisThatFailedToLoadState() {
+  var _React$useContext7 = React.useContext(PickerContext),
+    emojisThatFailedToLoadState = _React$useContext7.emojisThatFailedToLoadState;
+  return emojisThatFailedToLoadState;
+}
+function useIsPastInitialLoad() {
+  var _React$useContext8 = React.useContext(PickerContext),
+    isPastInitialLoad = _React$useContext8.isPastInitialLoad;
+  return isPastInitialLoad;
+}
+function useEmojiVariationPickerState() {
+  var _React$useContext9 = React.useContext(PickerContext),
+    emojiVariationPickerState = _React$useContext9.emojiVariationPickerState;
+  return emojiVariationPickerState;
+}
+function useSkinToneFanOpenState() {
+  var _React$useContext10 = React.useContext(PickerContext),
+    skinToneFanOpenState = _React$useContext10.skinToneFanOpenState;
+  return skinToneFanOpenState;
+}
+function useUpdateSuggested() {
+  var _React$useContext12 = React.useContext(PickerContext),
+    suggestedUpdateState = _React$useContext12.suggestedUpdateState;
+  var suggestedUpdated = suggestedUpdateState[0],
+    setsuggestedUpdate = suggestedUpdateState[1];
+  return [suggestedUpdated, function updateSuggested() {
+    setsuggestedUpdate(Date.now());
+  }];
+}
+
+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) {
+  try {
+    var _window, _window$localStorage$, _window2;
+    if (!((_window = window) != null && _window.localStorage)) {
+      return [];
+    }
+    var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
+    if (mode === exports.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) {
+      return i !== existing;
     }));
   } else {
     existing = {
@@ -17670,46 +17581,140 @@ function useHasOpenToggles() {
   };
 }
 
-function useSetVariationPicker() {
-  var setAnchoredEmojiRef = useSetAnchoredEmojiRef();
-  var _useEmojiVariationPic = useEmojiVariationPickerState(),
-    setEmojiVariationPicker = _useEmojiVariationPic[1];
-  return function setVariationPicker(element) {
-    var _emojiFromElement = emojiFromElement(element),
-      emoji = _emojiFromElement[0];
-    if (emoji) {
-      setAnchoredEmojiRef(element);
-      setEmojiVariationPicker(emoji);
-    }
-  };
+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 useMouseDownHandlers(BodyRef) {
-  var mouseDownTimerRef = React.useRef();
-  var setVariationPicker = useSetVariationPicker();
-  var disallowClickRef = useDisallowClickRef();
-  var _useEmojiVariationPic = useEmojiVariationPickerState(),
-    setEmojiVariationPicker = _useEmojiVariationPic[1];
-  var closeAllOpenToggles = useCloseAllOpenToggles();
-  var _useActiveSkinToneSta = useActiveSkinToneState(),
-    activeSkinTone = _useActiveSkinToneSta[0];
-  var onEmojiClick = useOnEmojiClickConfig();
-  var _useUpdateSuggested = useUpdateSuggested(),
-    updateSuggested = _useUpdateSuggested[1];
-  var getEmojiUrl = useGetEmojiUrlConfig();
-  var activeEmojiStyle = useEmojiStyleConfig();
-  var onClick = React.useCallback(function onClick(event) {
-    if (disallowClickRef.current) {
-      return;
-    }
-    closeAllOpenToggles();
-    var _emojiFromEvent = emojiFromEvent(event),
-      emoji = _emojiFromEvent[0],
-      unified = _emojiFromEvent[1];
-    if (!emoji || !unified) {
-      return;
+function ElementRefContextProvider(_ref) {
+  var children = _ref.children;
+  var PickerMainRef = React.useRef(null);
+  var AnchoredEmojiRef = React.useRef(null);
+  var BodyRef = React.useRef(null);
+  var SearchInputRef = React.useRef(null);
+  var SkinTonePickerRef = React.useRef(null);
+  var CategoryNavigationRef = React.useRef(null);
+  var VariationPickerRef = React.useRef(null);
+  var ReactionsRef = React.useRef(null);
+  return React.createElement(ElementRefContext.Provider, {
+    value: {
+      AnchoredEmojiRef: AnchoredEmojiRef,
+      BodyRef: BodyRef,
+      CategoryNavigationRef: CategoryNavigationRef,
+      PickerMainRef: PickerMainRef,
+      SearchInputRef: SearchInputRef,
+      SkinTonePickerRef: SkinTonePickerRef,
+      VariationPickerRef: VariationPickerRef,
+      ReactionsRef: ReactionsRef
     }
-    var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
+  }, children);
+}
+var ElementRefContext = /*#__PURE__*/React.createContext({
+  AnchoredEmojiRef: /*#__PURE__*/React.createRef(),
+  BodyRef: /*#__PURE__*/React.createRef(),
+  CategoryNavigationRef: /*#__PURE__*/React.createRef(),
+  PickerMainRef: /*#__PURE__*/React.createRef(),
+  SearchInputRef: /*#__PURE__*/React.createRef(),
+  SkinTonePickerRef: /*#__PURE__*/React.createRef(),
+  VariationPickerRef: /*#__PURE__*/React.createRef(),
+  ReactionsRef: /*#__PURE__*/React.createRef()
+});
+function useElementRef() {
+  return React.useContext(ElementRefContext);
+}
+function usePickerMainRef() {
+  return useElementRef()['PickerMainRef'];
+}
+function useAnchoredEmojiRef() {
+  return useElementRef()['AnchoredEmojiRef'];
+}
+function useSetAnchoredEmojiRef() {
+  var AnchoredEmojiRef = useAnchoredEmojiRef();
+  return function (target) {
+    if (target === null && AnchoredEmojiRef.current !== null) {
+      focusElement(AnchoredEmojiRef.current);
+    }
+    AnchoredEmojiRef.current = target;
+  };
+}
+function useBodyRef() {
+  return useElementRef()['BodyRef'];
+}
+function useReactionsRef() {
+  return useElementRef()['ReactionsRef'];
+}
+function useSearchInputRef() {
+  return useElementRef()['SearchInputRef'];
+}
+function useSkinTonePickerRef() {
+  return useElementRef()['SkinTonePickerRef'];
+}
+function useCategoryNavigationRef() {
+  return useElementRef()['CategoryNavigationRef'];
+}
+function useVariationPickerRef() {
+  return useElementRef()['VariationPickerRef'];
+}
+
+function useSetVariationPicker() {
+  var setAnchoredEmojiRef = useSetAnchoredEmojiRef();
+  var _useEmojiVariationPic = useEmojiVariationPickerState(),
+    setEmojiVariationPicker = _useEmojiVariationPic[1];
+  return function setVariationPicker(element) {
+    var _emojiFromElement = emojiFromElement(element),
+      emoji = _emojiFromElement[0];
+    if (emoji) {
+      setAnchoredEmojiRef(element);
+      setEmojiVariationPicker(emoji);
+    }
+  };
+}
+
+function useMouseDownHandlers(BodyRef) {
+  var mouseDownTimerRef = React.useRef();
+  var setVariationPicker = useSetVariationPicker();
+  var disallowClickRef = useDisallowClickRef();
+  var _useEmojiVariationPic = useEmojiVariationPickerState(),
+    setEmojiVariationPicker = _useEmojiVariationPic[1];
+  var closeAllOpenToggles = useCloseAllOpenToggles();
+  var _useActiveSkinToneSta = useActiveSkinToneState(),
+    activeSkinTone = _useActiveSkinToneSta[0];
+  var onEmojiClick = useOnEmojiClickConfig();
+  var _useUpdateSuggested = useUpdateSuggested(),
+    updateSuggested = _useUpdateSuggested[1];
+  var getEmojiUrl = useGetEmojiUrlConfig();
+  var activeEmojiStyle = useEmojiStyleConfig();
+  var onClick = React.useCallback(function onClick(event) {
+    if (disallowClickRef.current) {
+      return;
+    }
+    closeAllOpenToggles();
+    var _emojiFromEvent = emojiFromEvent(event),
+      emoji = _emojiFromEvent[0],
+      unified = _emojiFromEvent[1];
+    if (!emoji || !unified) {
+      return;
+    }
+    var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
     updateSuggested();
     setSuggested(emoji, skinToneToUse);
     onEmojiClick(emojiClickOutput(emoji, skinToneToUse, activeEmojiStyle, getEmojiUrl), event);
@@ -17810,6 +17815,391 @@ function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl)
   };
 }
 
+function Button(props) {
+  return React.createElement("button", Object.assign({
+    type: "button"
+  }, props, {
+    className: flairup.cx(styles.button, props.className)
+  }), props.children);
+}
+var styles = /*#__PURE__*/stylesheet.create({
+  button: {
+    '.': 'epr-btn',
+    cursor: 'pointer',
+    border: '0',
+    background: 'none',
+    outline: 'none'
+  }
+});
+
+function ClickableEmojiButton(_ref) {
+  var _cx;
+  var emojiNames = _ref.emojiNames,
+    unified = _ref.unified,
+    hidden = _ref.hidden,
+    hiddenOnSearch = _ref.hiddenOnSearch,
+    _ref$showVariations = _ref.showVariations,
+    showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
+    hasVariations = _ref.hasVariations,
+    children = _ref.children,
+    _ref$round = _ref.round,
+    round = _ref$round === void 0 ? false : _ref$round;
+  return React.createElement(Button, {
+    className: flairup.cx(styles$1.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx), !!(hasVariations && showVariations) && styles$1.hasVariations, round && styles$1.round),
+    "data-unified": unified,
+    "aria-label": emojiNames[0],
+    "data-full-name": emojiNames
+  }, children);
+}
+var styles$1 = /*#__PURE__*/stylesheet.create({
+  emoji: {
+    '.': ClassNames.emoji,
+    position: 'relative',
+    width: 'var(--epr-emoji-fullsize)',
+    height: 'var(--epr-emoji-fullsize)',
+    boxSizing: 'border-box',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    maxWidth: 'var(--epr-emoji-fullsize)',
+    maxHeight: 'var(--epr-emoji-fullsize)',
+    borderRadius: '8px',
+    overflow: 'hidden',
+    transition: 'background-color 0.2s',
+    ':hover': {
+      backgroundColor: 'var(--epr-emoji-hover-color)'
+    },
+    ':focus': {
+      backgroundColor: 'var(--epr-focus-bg-color)'
+    }
+  },
+  round: {
+    borderRadius: '50%'
+  },
+  hasVariations: {
+    '.': ClassNames.emojiHasVariations,
+    ':after': {
+      content: '',
+      display: 'block',
+      width: '0',
+      height: '0',
+      right: '0px',
+      bottom: '1px',
+      position: 'absolute',
+      borderLeft: '4px solid transparent',
+      borderRight: '4px solid transparent',
+      transform: 'rotate(135deg)',
+      borderBottom: '4px solid var(--epr-emoji-variation-indicator-color)',
+      zIndex: 'var(--epr-emoji-variations-indictator-z-index)'
+    },
+    ':hover:after': {
+      borderBottom: '4px solid var(--epr-emoji-variation-indicator-color-hover)'
+    }
+  }
+});
+
+var emojiStyles = /*#__PURE__*/stylesheet.create({
+  external: {
+    '.': ClassNames.external,
+    fontSize: '0'
+  },
+  common: {
+    alignSelf: 'center',
+    justifySelf: 'center',
+    display: 'block'
+  }
+});
+
+function EmojiImg(_ref) {
+  var emojiName = _ref.emojiName,
+    style = _ref.style,
+    _ref$lazyLoad = _ref.lazyLoad,
+    lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
+    imgUrl = _ref.imgUrl,
+    onError = _ref.onError,
+    className = _ref.className;
+  return React.createElement("img", {
+    src: imgUrl,
+    alt: emojiName,
+    className: flairup.cx(styles$2.emojiImag, emojiStyles.external, emojiStyles.common, className),
+    loading: lazyLoad ? 'lazy' : 'eager',
+    onError: onError,
+    style: style
+  });
+}
+var styles$2 = /*#__PURE__*/stylesheet.create({
+  emojiImag: {
+    '.': 'epr-emoji-img',
+    maxWidth: 'var(--epr-emoji-fullsize)',
+    maxHeight: 'var(--epr-emoji-fullsize)',
+    minWidth: 'var(--epr-emoji-fullsize)',
+    minHeight: 'var(--epr-emoji-fullsize)',
+    padding: 'var(--epr-emoji-padding)'
+  }
+});
+
+function NativeEmoji(_ref) {
+  var unified = _ref.unified,
+    style = _ref.style,
+    className = _ref.className;
+  return React.createElement("span", {
+    className: flairup.cx(styles$3.nativeEmoji, emojiStyles.common, emojiStyles.external, className),
+    "data-unified": unified,
+    style: style
+  }, parseNativeEmoji(unified));
+}
+var styles$3 = /*#__PURE__*/stylesheet.create({
+  nativeEmoji: {
+    '.': 'epr-emoji-native',
+    fontFamily: '"Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"!important',
+    position: 'relative',
+    lineHeight: '100%',
+    fontSize: 'var(--epr-emoji-size)',
+    textAlign: 'center',
+    alignSelf: 'center',
+    justifySelf: 'center',
+    letterSpacing: '0',
+    padding: 'var(--epr-emoji-padding)'
+  }
+});
+
+function ViewOnlyEmoji(_ref) {
+  var emoji = _ref.emoji,
+    unified = _ref.unified,
+    emojiStyle = _ref.emojiStyle,
+    size = _ref.size,
+    lazyLoad = _ref.lazyLoad,
+    _ref$getEmojiUrl = _ref.getEmojiUrl,
+    getEmojiUrl = _ref$getEmojiUrl === void 0 ? emojiUrlByUnified : _ref$getEmojiUrl,
+    className = _ref.className;
+  var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
+    setEmojisThatFailedToLoad = _useEmojisThatFailedT[1];
+  var style = {};
+  if (size) {
+    style.width = style.height = style.fontSize = size + "px";
+  }
+  var emojiToRender = emoji ? emoji : emojiByUnified(unified);
+  if (!emojiToRender) {
+    return null;
+  }
+  if (isCustomEmoji(emojiToRender)) {
+    return React.createElement(EmojiImg, {
+      style: style,
+      emojiName: unified,
+      emojiStyle: exports.EmojiStyle.NATIVE,
+      lazyLoad: lazyLoad,
+      imgUrl: emojiToRender.imgUrl,
+      onError: onError,
+      className: className
+    });
+  }
+  return React.createElement(React.Fragment, null, emojiStyle === exports.EmojiStyle.NATIVE ? React.createElement(NativeEmoji, {
+    unified: unified,
+    style: style,
+    className: className
+  }) : React.createElement(EmojiImg, {
+    style: style,
+    emojiName: emojiName(emojiToRender),
+    emojiStyle: emojiStyle,
+    lazyLoad: lazyLoad,
+    imgUrl: getEmojiUrl(unified, emojiStyle),
+    onError: onError,
+    className: className
+  }));
+  function onError() {
+    setEmojisThatFailedToLoad(function (prev) {
+      return new Set(prev).add(unified);
+    });
+  }
+}
+
+function ClickableEmoji(_ref) {
+  var emoji = _ref.emoji,
+    unified = _ref.unified,
+    hidden = _ref.hidden,
+    hiddenOnSearch = _ref.hiddenOnSearch,
+    emojiStyle = _ref.emojiStyle,
+    _ref$showVariations = _ref.showVariations,
+    showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
+    size = _ref.size,
+    lazyLoad = _ref.lazyLoad,
+    getEmojiUrl = _ref.getEmojiUrl,
+    _ref$round = _ref.round,
+    round = _ref$round === void 0 ? false : _ref$round;
+  var hasVariations = emojiHasVariations(emoji);
+  return React.createElement(ClickableEmojiButton, {
+    hasVariations: hasVariations,
+    showVariations: showVariations,
+    hidden: hidden,
+    hiddenOnSearch: hiddenOnSearch,
+    emojiNames: emojiNames(emoji),
+    unified: unified,
+    round: round
+  }, React.createElement(ViewOnlyEmoji, {
+    unified: unified,
+    emoji: emoji,
+    size: size,
+    emojiStyle: emojiStyle,
+    lazyLoad: lazyLoad,
+    getEmojiUrl: getEmojiUrl
+  }));
+}
+
+var Plus = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNS43LDEwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsMTAuOSw2LjEsMTEsNi4zLDExaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjRWNi43YzAtMC4zLTAuMi0wLjUtMC41LTAuNQoJQzkuOCw2LDkuNiw2LjIsOS42LDYuNXYzLjRINi4yQzUuOSw5LjksNS43LDEwLjEsNS43LDEwLjRMNS43LDEwLjR6Ii8+CjxwYXRoIGZpbGw9IiMzMzcxQjciIGQ9Ik01LjcsMzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDMxLDYuMywzMWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuMgoJQzUuOSwyOS45LDUuNywzMC4xLDUuNywzMC40TDUuNywzMC40eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNS43LDUwLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40QzYsNTAuOSw2LjEsNTEsNi4zLDUxaDMuNHYzLjRjMCwwLjEsMC4xLDAuMywwLjIsMC40CgljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4zLDAsMC41LTAuMiwwLjUtMC41di0zLjRoMy40YzAuMywwLDAuNS0wLjIsMC41LTAuNXMtMC4yLTAuNS0wLjUtMC41aC0zLjR2LTMuNGMwLTAuMy0wLjItMC41LTAuNS0wLjUKCXMtMC41LDAuMi0wLjUsMC41djMuNEg2LjJDNS45LDQ5LjksNS43LDUwLjEsNS43LDUwLjRMNS43LDUwLjR6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik01LjcsNzAuNGMwLDAuMSwwLjEsMC4zLDAuMiwwLjRTNi4xLDcxLDYuMyw3MWgzLjR2My40YzAsMC4xLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMgoJYzAuMywwLDAuNS0wLjIsMC41LTAuNXYtMy40aDMuNGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVzLTAuMi0wLjUtMC41LTAuNWgtMy40di0zLjRjMC0wLjMtMC4yLTAuNS0wLjUtMC41cy0wLjUsMC4yLTAuNSwwLjV2My40SDYuNAoJQzUuOSw2OS45LDUuNyw3MC4xLDUuNyw3MC40TDUuNyw3MC40eiIvPgo8L3N2Zz4=';
+
+function BtnPlus() {
+  var _useReactionsModeStat = useReactionsModeState(),
+    setReactionsMode = _useReactionsModeStat[1];
+  return React.createElement(Button, {
+    "aria-label": "Show all Emojis",
+    title: "Show all Emojis",
+    tabIndex: 0,
+    className: flairup.cx(styles$4.plusSign),
+    onClick: function onClick() {
+      return setReactionsMode(false);
+    }
+  });
+}
+var styles$4 = /*#__PURE__*/stylesheet.create({
+  plusSign: {
+    fontSize: '20px',
+    padding: '18px',
+    color: 'var(--epr-text-color)',
+    borderRadius: '50%',
+    textAlign: 'center',
+    lineHeight: '100%',
+    width: '20px',
+    height: '20px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    transition: 'background-color 0.1s ease-in-out',
+    ':after': {
+      content: '',
+      minWidth: '20px',
+      minHeight: '20px',
+      backgroundImage: "url(" + Plus + ")",
+      backgroundColor: 'transparent',
+      backgroundRepeat: 'no-repeat',
+      backgroundSize: '20px',
+      backgroundPositionY: '0'
+    },
+    ':hover': {
+      color: 'var(--epr-highlight-color)',
+      backgroundColor: 'var(--epr-hover-bg-color)',
+      // @ts-ignore
+      ':after': {
+        backgroundPositionY: '-20px'
+      }
+    },
+    ':focus': {
+      color: 'var(--epr-highlight-color)',
+      backgroundColor: 'var(--epr-hover-bg-color)',
+      // @ts-ignore
+      ':after': {
+        backgroundPositionY: '-40px'
+      }
+    }
+  },
+  '.epr-dark-theme': {
+    plusSign: {
+      ':after': {
+        backgroundPositionY: '-40px'
+      },
+      ':hover:after': {
+        backgroundPositionY: '-60px'
+      }
+    }
+  },
+  '.epr-auto-theme': {
+    plusSign: {
+      '@media (prefers-color-scheme: dark)': {
+        ':after': {
+          backgroundPositionY: '-40px'
+        },
+        ':hover:after': {
+          backgroundPositionY: '-60px'
+        }
+      }
+    }
+  }
+});
+
+function Reactions() {
+  var _useReactionsModeStat = useReactionsModeState(),
+    reactionsOpen = _useReactionsModeStat[0];
+  var ReactionsRef = useReactionsRef();
+  var reactions = useReactionsConfig();
+  useMouseDownHandlers(ReactionsRef);
+  var emojiStyle = useEmojiStyleConfig();
+  if (!reactionsOpen) {
+    return null;
+  }
+  return React.createElement("ul", {
+    className: flairup.cx(styles$5.list, !reactionsOpen && commonStyles.hidden),
+    ref: ReactionsRef
+  }, reactions.map(function (reaction) {
+    return React.createElement("li", {
+      key: reaction
+    }, React.createElement(ClickableEmoji, {
+      emoji: emojiByUnified(reaction),
+      emojiStyle: emojiStyle,
+      unified: reaction,
+      showVariations: false,
+      round: true
+    }));
+  }), React.createElement("li", null, React.createElement(BtnPlus, null)));
+}
+var styles$5 = /*#__PURE__*/stylesheet.create({
+  list: {
+    listStyle: 'none',
+    margin: '0',
+    padding: '0 5px',
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    height: '100%'
+  }
+});
+
+function useDisallowMouseMove() {
+  var DisallowMouseRef = useDisallowMouseRef();
+  return function disallowMouseMove() {
+    DisallowMouseRef.current = true;
+  };
+}
+function useAllowMouseMove() {
+  var DisallowMouseRef = useDisallowMouseRef();
+  return function allowMouseMove() {
+    DisallowMouseRef.current = false;
+  };
+}
+function useIsMouseDisallowed() {
+  var DisallowMouseRef = useDisallowMouseRef();
+  return function isMouseDisallowed() {
+    return DisallowMouseRef.current;
+  };
+}
+function useOnMouseMove() {
+  var BodyRef = useBodyRef();
+  var allowMouseMove = useAllowMouseMove();
+  var isMouseDisallowed = useIsMouseDisallowed();
+  React.useEffect(function () {
+    var bodyRef = BodyRef.current;
+    bodyRef == null ? void 0 : bodyRef.addEventListener('mousemove', onMouseMove, {
+      passive: true
+    });
+    function onMouseMove() {
+      if (isMouseDisallowed()) {
+        allowMouseMove();
+      }
+    }
+    return function () {
+      bodyRef == null ? void 0 : bodyRef.removeEventListener('mousemove', onMouseMove);
+    };
+  }, [BodyRef, allowMouseMove, isMouseDisallowed]);
+}
+
 function useOnScroll(BodyRef) {
   var closeAllOpenToggles = useCloseAllOpenToggles();
   React.useEffect(function () {
@@ -17976,303 +18366,81 @@ function useApplySearch() {
   };
 }
 function filterEmojiObjectByKeyword(emojis, keyword) {
-  var filtered = {};
-  for (var unified in emojis) {
-    var emoji = emojis[unified];
-    if (hasMatch(emoji, keyword)) {
-      filtered[unified] = emoji;
-    }
-  }
-  return filtered;
-}
-function hasMatch(emoji, keyword) {
-  return emojiNames(emoji).some(function (name) {
-    return name.includes(keyword);
-  });
-}
-function useIsEmojiFiltered() {
-  var _useFilterRef = useFilterRef(),
-    filter = _useFilterRef.current;
-  var _useSearchTermState3 = useSearchTermState(),
-    searchTerm = _useSearchTermState3[0];
-  return function (unified) {
-    return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
-  };
-}
-function isEmojiFilteredBySearchTerm(unified, filter, searchTerm) {
-  var _filter$searchTerm;
-  if (!filter || !searchTerm) {
-    return false;
-  }
-  return !((_filter$searchTerm = filter[searchTerm]) != null && _filter$searchTerm[unified]);
-}
-function findLongestMatch(keyword, dict) {
-  if (!dict) {
-    return null;
-  }
-  if (dict[keyword]) {
-    return dict[keyword];
-  }
-  var longestMatchingKey = Object.keys(dict).sort(function (a, b) {
-    return b.length - a.length;
-  }).find(function (key) {
-    return keyword.includes(key);
-  });
-  if (longestMatchingKey) {
-    return dict[longestMatchingKey];
-  }
-  return null;
-}
-function getNormalizedSearchTerm(str) {
-  if (!str || typeof str !== 'string') {
-    return '';
-  }
-  return str.trim().toLowerCase();
-}
-function getStatusSearchResults(filterState, searchTerm) {
-  var _Object$entries;
-  if (!(filterState != null && filterState[searchTerm])) return '';
-  var searchResultsCount = ((_Object$entries = Object.entries(filterState == null ? void 0 : filterState[searchTerm])) == null ? void 0 : _Object$entries.length) || 0;
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return useSearchResultsConfig(searchResultsCount);
-}
-
-function useIsEmojiHidden() {
-  var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
-    emojisThatFailedToLoad = _useEmojisThatFailedT[0];
-  var isEmojiFiltered = useIsEmojiFiltered();
-  return function (emoji) {
-    var unified = emojiUnified(emoji);
-    var failedToLoad = emojisThatFailedToLoad.has(unified);
-    var filteredOut = isEmojiFiltered(unified);
-    return {
-      failedToLoad: failedToLoad,
-      filteredOut: filteredOut,
-      hidden: failedToLoad || filteredOut
-    };
-  };
-}
-
-function Button(props) {
-  return React.createElement("button", Object.assign({
-    type: "button"
-  }, props, {
-    className: flairup.cx(styles.button, props.className)
-  }), props.children);
-}
-var styles = /*#__PURE__*/stylesheet.create({
-  button: {
-    '.': 'epr-btn',
-    cursor: 'pointer',
-    border: '0',
-    background: 'none',
-    outline: 'none'
-  }
-});
-
-function ClickableEmojiButton(_ref) {
-  var _cx;
-  var emojiNames = _ref.emojiNames,
-    unified = _ref.unified,
-    hidden = _ref.hidden,
-    hiddenOnSearch = _ref.hiddenOnSearch,
-    _ref$showVariations = _ref.showVariations,
-    showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
-    hasVariations = _ref.hasVariations,
-    children = _ref.children;
-  return React.createElement(Button, {
-    className: flairup.cx(styles$1.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx), !!(hasVariations && showVariations) && styles$1.hasVariations),
-    "data-unified": unified,
-    "aria-label": emojiNames[0],
-    "data-full-name": emojiNames
-  }, children);
-}
-var styles$1 = /*#__PURE__*/stylesheet.create({
-  emoji: {
-    '.': ClassNames.emoji,
-    position: 'relative',
-    width: 'var(--epr-emoji-fullsize)',
-    height: 'var(--epr-emoji-fullsize)',
-    boxSizing: 'border-box',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    maxWidth: 'var(--epr-emoji-fullsize)',
-    maxHeight: 'var(--epr-emoji-fullsize)',
-    borderRadius: '8px',
-    overflow: 'hidden',
-    transition: 'background-color 0.2s',
-    ':hover': {
-      backgroundColor: 'var(--epr-emoji-hover-color)'
-    },
-    ':focus': {
-      backgroundColor: 'var(--epr-focus-bg-color)'
-    }
-  },
-  hasVariations: {
-    '.': ClassNames.emojiHasVariations,
-    ':after': {
-      content: '',
-      display: 'block',
-      width: '0',
-      height: '0',
-      right: '0px',
-      bottom: '1px',
-      position: 'absolute',
-      borderLeft: '4px solid transparent',
-      borderRight: '4px solid transparent',
-      transform: 'rotate(135deg)',
-      borderBottom: '4px solid var(--epr-emoji-variation-indicator-color)',
-      zIndex: 'var(--epr-emoji-variations-indictator-z-index)'
-    },
-    ':hover:after': {
-      borderBottom: '4px solid var(--epr-emoji-variation-indicator-color-hover)'
-    }
-  }
-});
-
-var emojiStyles = /*#__PURE__*/stylesheet.create({
-  external: {
-    '.': ClassNames.external,
-    fontSize: '0'
-  },
-  common: {
-    alignSelf: 'center',
-    justifySelf: 'center',
-    display: 'block'
-  }
-});
-
-function EmojiImg(_ref) {
-  var emojiName = _ref.emojiName,
-    style = _ref.style,
-    _ref$lazyLoad = _ref.lazyLoad,
-    lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
-    imgUrl = _ref.imgUrl,
-    onError = _ref.onError,
-    className = _ref.className;
-  return React.createElement("img", {
-    src: imgUrl,
-    alt: emojiName,
-    className: flairup.cx(styles$2.emojiImag, emojiStyles.external, emojiStyles.common, className),
-    loading: lazyLoad ? 'lazy' : 'eager',
-    onError: onError,
-    style: style
-  });
-}
-var styles$2 = /*#__PURE__*/stylesheet.create({
-  emojiImag: {
-    '.': 'epr-emoji-img',
-    maxWidth: 'var(--epr-emoji-fullsize)',
-    maxHeight: 'var(--epr-emoji-fullsize)',
-    minWidth: 'var(--epr-emoji-fullsize)',
-    minHeight: 'var(--epr-emoji-fullsize)',
-    padding: 'var(--epr-emoji-padding)'
-  }
-});
-
-function NativeEmoji(_ref) {
-  var unified = _ref.unified,
-    style = _ref.style,
-    className = _ref.className;
-  return React.createElement("span", {
-    className: flairup.cx(styles$3.nativeEmoji, emojiStyles.common, emojiStyles.external, className),
-    "data-unified": unified,
-    style: style
-  }, parseNativeEmoji(unified));
-}
-var styles$3 = /*#__PURE__*/stylesheet.create({
-  nativeEmoji: {
-    '.': 'epr-emoji-native',
-    fontFamily: '"Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"!important',
-    position: 'relative',
-    lineHeight: '100%',
-    fontSize: 'var(--epr-emoji-size)',
-    textAlign: 'center',
-    alignSelf: 'center',
-    justifySelf: 'center',
-    letterSpacing: '0',
-    padding: 'var(--epr-emoji-padding)'
+  var filtered = {};
+  for (var unified in emojis) {
+    var emoji = emojis[unified];
+    if (hasMatch(emoji, keyword)) {
+      filtered[unified] = emoji;
+    }
   }
-});
-
-function ViewOnlyEmoji(_ref) {
-  var emoji = _ref.emoji,
-    unified = _ref.unified,
-    emojiStyle = _ref.emojiStyle,
-    size = _ref.size,
-    lazyLoad = _ref.lazyLoad,
-    _ref$getEmojiUrl = _ref.getEmojiUrl,
-    getEmojiUrl = _ref$getEmojiUrl === void 0 ? emojiUrlByUnified : _ref$getEmojiUrl,
-    className = _ref.className;
-  var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
-    setEmojisThatFailedToLoad = _useEmojisThatFailedT[1];
-  var style = {};
-  if (size) {
-    style.width = style.height = style.fontSize = size + "px";
+  return filtered;
+}
+function hasMatch(emoji, keyword) {
+  return emojiNames(emoji).some(function (name) {
+    return name.includes(keyword);
+  });
+}
+function useIsEmojiFiltered() {
+  var _useFilterRef = useFilterRef(),
+    filter = _useFilterRef.current;
+  var _useSearchTermState3 = useSearchTermState(),
+    searchTerm = _useSearchTermState3[0];
+  return function (unified) {
+    return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
+  };
+}
+function isEmojiFilteredBySearchTerm(unified, filter, searchTerm) {
+  var _filter$searchTerm;
+  if (!filter || !searchTerm) {
+    return false;
   }
-  var emojiToRender = emoji ? emoji : emojiByUnified(unified);
-  if (!emojiToRender) {
+  return !((_filter$searchTerm = filter[searchTerm]) != null && _filter$searchTerm[unified]);
+}
+function findLongestMatch(keyword, dict) {
+  if (!dict) {
     return null;
   }
-  if (isCustomEmoji(emojiToRender)) {
-    return React.createElement(EmojiImg, {
-      style: style,
-      emojiName: unified,
-      emojiStyle: exports.EmojiStyle.NATIVE,
-      lazyLoad: lazyLoad,
-      imgUrl: emojiToRender.imgUrl,
-      onError: onError,
-      className: className
-    });
+  if (dict[keyword]) {
+    return dict[keyword];
   }
-  return React.createElement(React.Fragment, null, emojiStyle === exports.EmojiStyle.NATIVE ? React.createElement(NativeEmoji, {
-    unified: unified,
-    style: style,
-    className: className
-  }) : React.createElement(EmojiImg, {
-    style: style,
-    emojiName: emojiName(emojiToRender),
-    emojiStyle: emojiStyle,
-    lazyLoad: lazyLoad,
-    imgUrl: getEmojiUrl(unified, emojiStyle),
-    onError: onError,
-    className: className
-  }));
-  function onError() {
-    setEmojisThatFailedToLoad(function (prev) {
-      return new Set(prev).add(unified);
-    });
+  var longestMatchingKey = Object.keys(dict).sort(function (a, b) {
+    return b.length - a.length;
+  }).find(function (key) {
+    return keyword.includes(key);
+  });
+  if (longestMatchingKey) {
+    return dict[longestMatchingKey];
+  }
+  return null;
+}
+function getNormalizedSearchTerm(str) {
+  if (!str || typeof str !== 'string') {
+    return '';
   }
+  return str.trim().toLowerCase();
+}
+function getStatusSearchResults(filterState, searchTerm) {
+  var _Object$entries;
+  if (!(filterState != null && filterState[searchTerm])) return '';
+  var searchResultsCount = ((_Object$entries = Object.entries(filterState == null ? void 0 : filterState[searchTerm])) == null ? void 0 : _Object$entries.length) || 0;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useSearchResultsConfig(searchResultsCount);
 }
 
-function ClickableEmoji(_ref) {
-  var emoji = _ref.emoji,
-    unified = _ref.unified,
-    hidden = _ref.hidden,
-    hiddenOnSearch = _ref.hiddenOnSearch,
-    emojiStyle = _ref.emojiStyle,
-    _ref$showVariations = _ref.showVariations,
-    showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
-    size = _ref.size,
-    lazyLoad = _ref.lazyLoad,
-    getEmojiUrl = _ref.getEmojiUrl;
-  var hasVariations = emojiHasVariations(emoji);
-  return React.createElement(ClickableEmojiButton, {
-    hasVariations: hasVariations,
-    showVariations: showVariations,
-    hidden: hidden,
-    hiddenOnSearch: hiddenOnSearch,
-    emojiNames: emojiNames(emoji),
-    unified: unified
-  }, React.createElement(ViewOnlyEmoji, {
-    unified: unified,
-    emoji: emoji,
-    size: size,
-    emojiStyle: emojiStyle,
-    lazyLoad: lazyLoad,
-    getEmojiUrl: getEmojiUrl
-  }));
+function useIsEmojiHidden() {
+  var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
+    emojisThatFailedToLoad = _useEmojisThatFailedT[0];
+  var isEmojiFiltered = useIsEmojiFiltered();
+  return function (emoji) {
+    var unified = emojiUnified(emoji);
+    var failedToLoad = emojisThatFailedToLoad.has(unified);
+    var filteredOut = isEmojiFiltered(unified);
+    return {
+      failedToLoad: failedToLoad,
+      filteredOut: filteredOut,
+      hidden: failedToLoad || filteredOut
+    };
+  };
 }
 
 function EmojiCategory(_ref) {
@@ -18283,16 +18451,16 @@ function EmojiCategory(_ref) {
   var category = categoryFromCategoryConfig(categoryConfig);
   var categoryName = categoryNameFromCategoryConfig(categoryConfig);
   return React.createElement("li", {
-    className: flairup.cx(styles$4.category, hidden && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch),
+    className: flairup.cx(styles$6.category, hidden && commonStyles.hidden, hiddenOnSearch && commonInteractionStyles.hiddenOnSearch),
     "data-name": category,
     "aria-label": categoryName
   }, React.createElement("h2", {
-    className: flairup.cx(styles$4.label)
+    className: flairup.cx(styles$6.label)
   }, categoryName), React.createElement("div", {
-    className: flairup.cx(styles$4.categoryContent)
+    className: flairup.cx(styles$6.categoryContent)
   }, children));
 }
-var styles$4 = /*#__PURE__*/stylesheet.create({
+var styles$6 = /*#__PURE__*/stylesheet.create({
   category: {
     '.': ClassNames.category,
     ':not(:has(.epr-visible))': {
@@ -18370,7 +18538,7 @@ function EmojiList() {
   var categories = useCategoriesConfig();
   var renderdCategoriesCountRef = React.useRef(0);
   return React.createElement("ul", {
-    className: flairup.cx(styles$5.emojiList)
+    className: flairup.cx(styles$7.emojiList)
   }, categories.map(function (categoryConfig) {
     var category = categoryFromCategoryConfig(categoryConfig);
     if (category === exports.Categories.SUGGESTED) {
@@ -18439,7 +18607,7 @@ function RenderCategory(_ref) {
     hidden: hiddenCounter === emojis.length
   }, emojis);
 }
-var styles$5 = /*#__PURE__*/stylesheet.create({
+var styles$7 = /*#__PURE__*/stylesheet.create({
   emojiList: {
     '.': ClassNames.emojiList,
     listStyle: 'none',
@@ -18578,7 +18746,7 @@ function EmojiVariationPicker() {
   }
   return React.createElement("div", {
     ref: VariationPickerRef,
-    className: flairup.cx(styles$6.variationPicker, getMenuDirection() === Direction.Down && styles$6.pointingUp, visible && styles$6.visible),
+    className: flairup.cx(styles$8.variationPicker, getMenuDirection() === Direction.Down && styles$8.pointingUp, visible && styles$8.visible),
     style: {
       top: top
     }
@@ -18592,7 +18760,7 @@ function EmojiVariationPicker() {
       getEmojiUrl: getEmojiUrl
     });
   }) : null, React.createElement("div", {
-    className: flairup.cx(styles$6.pointer),
+    className: flairup.cx(styles$8.pointer),
     style: pointerStyle
   }));
 }
@@ -18648,7 +18816,7 @@ function useVariationPickerTop(VariationPickerRef) {
     return emojiOffsetTop - height;
   }
 }
-var styles$6 = /*#__PURE__*/stylesheet.create({
+var styles$8 = /*#__PURE__*/stylesheet.create({
   variationPicker: {
     '.': ClassNames.variationPicker,
     position: 'absolute',
@@ -18671,6 +18839,12 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
     transform: 'scale(0.9)',
     transition: 'transform 0.1s ease-out, opacity 0.2s ease-out'
   },
+  visible: {
+    opacity: '1',
+    visibility: 'visible',
+    pointerEvents: 'all',
+    transform: 'scale(1)'
+  },
   pointingUp: {
     '.': 'pointing-up',
     transformOrigin: 'center 0%',
@@ -18682,12 +18856,6 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
       transform: 'rotate(180deg) translateY(100%) translateX(18px)'
     }
   },
-  visible: {
-    opacity: '1',
-    visibility: 'visible',
-    pointerEvents: 'all',
-    transform: 'scale(1)'
-  },
   pointer: {
     '.': 'epr-emoji-pointer',
     content: '',
@@ -18708,7 +18876,6 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
   },
   '.epr-auto-theme': {
     pointer: {
-      // @ts-ignore
       '@media (prefers-color-scheme: dark)': {
         backgroundPosition: '-25px 0'
       }
@@ -18722,11 +18889,11 @@ function Body() {
   useMouseDownHandlers(BodyRef);
   useOnMouseMove();
   return React.createElement("div", {
-    className: flairup.cx(styles$7.body),
+    className: flairup.cx(styles$9.body, commonInteractionStyles.hiddenOnReactions),
     ref: BodyRef
   }, React.createElement(EmojiVariationPicker, null), React.createElement(EmojiList, null));
 }
-var styles$7 = /*#__PURE__*/stylesheet.create({
+var styles$9 = /*#__PURE__*/stylesheet.create({
   body: {
     '.': ClassNames.scrollBody,
     flex: '1',
@@ -18826,10 +18993,10 @@ function Flex(_ref) {
     direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
   return React.createElement("div", {
     style: _extends({}, style),
-    className: flairup.cx(styles$8.flex, className, styles$8[direction])
+    className: flairup.cx(styles$a.flex, className, styles$a[direction])
   }, children);
 }
-var styles$8 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
+var styles$a = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
   flex: {
     display: 'flex'
   }
@@ -18875,6 +19042,62 @@ function Relative(_ref) {
   }, children);
 }
 
+// eslint-disable-next-line complexity
+function BtnSkinToneVariation(_ref) {
+  var isOpen = _ref.isOpen,
+    onClick = _ref.onClick,
+    isActive = _ref.isActive,
+    skinToneVariation = _ref.skinToneVariation,
+    style = _ref.style;
+  return React.createElement(Button, {
+    style: style,
+    onClick: onClick,
+    className: flairup.cx("epr-tone-" + skinToneVariation, styles$b.tone, !isOpen && styles$b.closedTone, isActive && styles$b.active),
+    tabIndex: isOpen ? 0 : -1,
+    "aria-pressed": isActive,
+    "aria-label": "Skin tone " + skinTonesNamed[skinToneVariation]
+  });
+}
+var styles$b = /*#__PURE__*/stylesheet.create({
+  closedTone: {
+    opacity: '0',
+    zIndex: '0'
+  },
+  active: {
+    '.': 'epr-active',
+    zIndex: '1',
+    opacity: '1'
+  },
+  tone: {
+    '.': 'epr-tone',
+    ':hover': {
+      boxShadow: '0 0 0 3px var(--epr-active-skin-hover-color)'
+    },
+    ':focus': {
+      boxShadow: '0 0 0 3px var(--epr-focus-bg-color)'
+    },
+    // @ts-ignore
+    '&.epr-tone-neutral': {
+      backgroundColor: '#ffd225'
+    },
+    '&.epr-tone-1f3fb': {
+      backgroundColor: '#ffdfbd'
+    },
+    '&.epr-tone-1f3fc': {
+      backgroundColor: '#e9c197'
+    },
+    '&.epr-tone-1f3fd': {
+      backgroundColor: '#c88e62'
+    },
+    '&.epr-tone-1f3fe': {
+      backgroundColor: '#a86637'
+    },
+    '&.epr-tone-1f3ff': {
+      backgroundColor: '#60463a'
+    }
+  }
+});
+
 /* eslint-disable complexity */
 var ITEM_SIZE = 28;
 function SkinTonePickerMenu() {
@@ -18911,7 +19134,7 @@ function SkinTonePicker(_ref) {
   var expandedSize = isOpen ? fullWidth : ITEM_SIZE + 'px';
   var vertical = direction === SkinTonePickerDirection.VERTICAL;
   return React.createElement(Relative, {
-    className: flairup.cx(styles$9.skinTones, vertical && styles$9.vertical, isOpen && styles$9.open),
+    className: flairup.cx(styles$c.skinTones, vertical && styles$c.vertical, isOpen && styles$c.open, vertical && isOpen && styles$c.verticalShadow),
     style: vertical ? {
       flexBasis: expandedSize,
       height: expandedSize
@@ -18919,14 +19142,18 @@ function SkinTonePicker(_ref) {
       flexBasis: expandedSize
     }
   }, React.createElement("div", {
-    className: flairup.cx(styles$9.select),
+    className: flairup.cx(styles$c.select),
     ref: SkinTonePickerRef
   }, skinToneVariations.map(function (skinToneVariation, i) {
     var active = skinToneVariation === activeSkinTone;
-    return React.createElement(Button, {
+    return React.createElement(BtnSkinToneVariation, {
+      key: skinToneVariation,
+      skinToneVariation: skinToneVariation,
+      isOpen: isOpen,
       style: {
         transform: flairup.cx(vertical ? "translateY(-" + i * (isOpen ? ITEM_SIZE : 0) + "px)" : "translateX(-" + i * (isOpen ? ITEM_SIZE : 0) + "px)", isOpen && active && 'scale(1.3)')
       },
+      isActive: active,
       onClick: function onClick() {
         if (isOpen) {
           setActiveSkinTone(skinToneVariation);
@@ -18935,12 +19162,7 @@ function SkinTonePicker(_ref) {
           setIsOpen(true);
         }
         closeAllOpenToggles();
-      },
-      key: skinToneVariation,
-      className: flairup.cx("epr-tone-" + skinToneVariation, styles$9.tone, !isOpen && styles$9.closedTone, active && styles$9.active),
-      tabIndex: isOpen ? 0 : -1,
-      "aria-pressed": active,
-      "aria-label": "Skin tone " + skinTonesNamed[skinToneVariation]
+      }
     });
   })));
 }
@@ -18949,7 +19171,7 @@ var SkinTonePickerDirection;
   SkinTonePickerDirection["VERTICAL"] = "epr-vertical";
   SkinTonePickerDirection["HORIZONTAL"] = "epr-horizontal";
 })(SkinTonePickerDirection || (SkinTonePickerDirection = {}));
-var styles$9 = /*#__PURE__*/stylesheet.create({
+var styles$c = /*#__PURE__*/stylesheet.create({
   skinTones: {
     '.': 'epr-skin-tones',
     '--': {
@@ -18962,12 +19184,15 @@ var styles$9 = /*#__PURE__*/stylesheet.create({
     padding: '10px 0'
   },
   vertical: {
-    padding: '5px',
+    padding: '9px',
     alignItems: 'flex-end',
     flexDirection: 'column',
     borderRadius: '6px',
     border: '1px solid var(--epr-bg-color)'
   },
+  verticalShadow: {
+    boxShadow: '0px 0 7px var(--epr-picker-border-color)'
+  },
   open: {
     // @ts-ignore
     backdropFilter: 'blur(5px)',
@@ -18993,51 +19218,14 @@ var styles$9 = /*#__PURE__*/stylesheet.create({
     '> button': {
       width: 'var(--epr-skin-tone-size)',
       display: 'block',
-      cursor: 'pointer',
-      borderRadius: '4px',
-      height: 'var(--epr-skin-tone-size)',
-      position: 'absolute',
-      right: '0',
-      transition: 'transform 0.3s ease-in-out, opacity 0.35s ease-in-out',
-      zIndex: '0',
-      boxShadow: '0 0 0 0px var(--epr-active-skin-hover-color)'
-    }
-  },
-  closedTone: {
-    opacity: '0',
-    zIndex: '0'
-  },
-  active: {
-    '.': 'epr-active',
-    zIndex: '1',
-    opacity: '1'
-  },
-  tone: {
-    '.': 'epr-tone',
-    ':hover': {
-      boxShadow: '0 0 0 3px var(--epr-active-skin-hover-color)'
-    },
-    ':focus': {
-      boxShadow: '0 0 0 3px var(--epr-focus-bg-color)'
-    },
-    // @ts-ignore
-    '&.epr-tone-neutral': {
-      backgroundColor: '#ffd225'
-    },
-    '&.epr-tone-1f3fb': {
-      backgroundColor: '#ffdfbd'
-    },
-    '&.epr-tone-1f3fc': {
-      backgroundColor: '#e9c197'
-    },
-    '&.epr-tone-1f3fd': {
-      backgroundColor: '#c88e62'
-    },
-    '&.epr-tone-1f3fe': {
-      backgroundColor: '#a86637'
-    },
-    '&.epr-tone-1f3ff': {
-      backgroundColor: '#60463a'
+      cursor: 'pointer',
+      borderRadius: '4px',
+      height: 'var(--epr-skin-tone-size)',
+      position: 'absolute',
+      right: '0',
+      transition: 'transform 0.3s ease-in-out, opacity 0.35s ease-in-out',
+      zIndex: '0',
+      boxShadow: '0 0 0 0px var(--epr-active-skin-hover-color)'
     }
   }
 });
@@ -19049,7 +19237,7 @@ function Preview() {
     return null;
   }
   return React.createElement(Flex, {
-    className: flairup.cx(styles$a.preview)
+    className: flairup.cx(styles$d.preview, commonInteractionStyles.hiddenOnReactions)
   }, React.createElement(PreviewBody, null), React.createElement(Space, null), isSkinToneInPreview ? React.createElement(SkinTonePickerMenu, null) : null);
 }
 function PreviewBody() {
@@ -19078,22 +19266,20 @@ function PreviewBody() {
       emojiStyle: emojiStyle,
       size: 45,
       getEmojiUrl: getEmojiUrl,
-      className: flairup.cx(styles$a.emoji)
+      className: flairup.cx(styles$d.emoji)
     }) : defaultEmoji ? React.createElement(ViewOnlyEmoji, {
       unified: emojiUnified(defaultEmoji),
       emoji: defaultEmoji,
       emojiStyle: emojiStyle,
       size: 45,
       getEmojiUrl: getEmojiUrl,
-      className: flairup.cx(styles$a.emoji)
-    }) : null), show ? React.createElement("div", {
-      className: flairup.cx(styles$a.label)
-    }, emojiName(emoji)) : React.createElement("div", {
-      className: flairup.cx(styles$a.label)
-    }, defaultText));
+      className: flairup.cx(styles$d.emoji)
+    }) : null), React.createElement("div", {
+      className: flairup.cx(styles$d.label)
+    }, show ? emojiName(emoji) : defaultText));
   }
 }
-var styles$a = /*#__PURE__*/stylesheet.create({
+var styles$d = /*#__PURE__*/stylesheet.create({
   preview: {
     alignItems: 'center',
     borderTop: '1px solid var(--epr-preview-border-color)',
@@ -19188,66 +19374,38 @@ function useShouldHideCustomEmojis() {
 
 var SVGNavigation = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjAwIDgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMTEiPgoJPGc+CgkJPHBhdGggZmlsbD0iIzMzNzFCNyIgc3Ryb2tlPSIjMzM3MUI3IiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTIuOCwyOS41YzAuNiwwLDEuMS0wLjUsMS4xLTEuMQoJCQljMC0wLjYtMC41LTEuMi0xLjEtMS4yYy0wLjYsMC0xLjIsMC41LTEuMiwxLjJDMTEuNiwyOSwxMi4yLDI5LjUsMTIuOCwyOS41eiBNMTIuOCwyOGMwLjIsMCwwLjQsMC4yLDAuNCwwLjQKCQkJYzAsMC4yLTAuMiwwLjQtMC40LDAuNGMtMC4yLDAtMC40LTAuMi0wLjQtMC40QzEyLjQsMjguMSwxMi42LDI4LDEyLjgsMjh6Ii8+CgkJPHBhdGggZmlsbD0iIzMzNzFCNyIgc3Ryb2tlPSIjMzM3MUI3IiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTAsMjNjLTMuOCwwLTcsMy4xLTcsN2MwLDMuOCwzLjEsNyw3LDcKCQkJczctMy4xLDctN0MxNywyNi4yLDEzLjgsMjMsMTAsMjN6IE0xMCwzNi4yYy0zLjQsMC02LjItMi44LTYuMi02LjJjMC0zLjQsMi44LTYuMiw2LjItNi4yczYuMiwyLjgsNi4yLDYuMgoJCQlDMTYuMiwzMy40LDEzLjQsMzYuMiwxMCwzNi4yeiIvPgoJCTxwYXRoIGZpbGw9IiMzMzcxQjciIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE0LjYsMzEuMmMtMC4xLTAuMS0wLjItMC4yLTAuMy0wLjJINS43CgkJCWMtMC4xLDAtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC4xLTAuMSwwLjIsMCwwLjRjMC43LDIsMi41LDMuMyw0LjYsMy4zczMuOS0xLjMsNC42LTMuM0MxNC43LDMxLjUsMTQuNywzMS4zLDE0LjYsMzEuMnogTTEwLDM0LjEKCQkJYy0xLjYsMC0zLTAuOS0zLjctMi4yaDcuM0MxMywzMy4yLDExLjYsMzQuMSwxMCwzNC4xeiIvPgoJCTxwYXRoIGZpbGw9IiMzMzcxQjciIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcuMiwyOS41YzAuNiwwLDEuMi0wLjUsMS4yLTEuMQoJCQljMC0wLjYtMC41LTEuMi0xLjItMS4yYy0wLjYsMC0xLjEsMC41LTEuMSwxLjJDNi4xLDI5LDYuNiwyOS41LDcuMiwyOS41eiBNNy4yLDI4YzAuMiwwLDAuNCwwLjIsMC40LDAuNGMwLDAuMi0wLjIsMC40LTAuNCwwLjQKCQkJYy0wLjIsMC0wLjQtMC4yLTAuNC0wLjRDNi44LDI4LjEsNywyOCw3LjIsMjh6Ii8+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzM3MUI3IiBkPSJNNjQuMSwzMy40bDIuMywwYzAuMiwwLDAuNCwwLjIsMC40LDAuNHYyLjFjMCwwLjItMC4yLDAuNC0wLjQsMC40aC0yLjMKCQkJCWMtMC4yLDAtMC40LTAuMi0wLjQtMC40di0yLjFDNjMuNywzMy42LDYzLjgsMzMuNCw2NC4xLDMzLjR6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgZD0iTTczLjUsMzMuNWgyLjRjMC4yLDAsMC40LDAuMiwwLjQsMC40djJjMCwwLjItMC4yLDAuNC0wLjQsMC40aC0yLjQKCQkJCWMtMC4yLDAtMC40LTAuMi0wLjQtMC40bDAtMkM3My4xLDMzLjYsNzMuMywzMy41LDczLjUsMzMuNXoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzM3MUI3IiBkPSJNNjMuNywyOC40aDEyLjZ2NUg2My43VjI4LjR6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgZD0iTTY1LjUsMjMuNmg4LjljMSwwLDEuOSwwLjgsMS45LDEuOXYzLjFINjMuN3YtMy4xQzYzLjcsMjQuNSw2NC41LDIzLjYsNjUuNSwyMy42eiIvPgoJCQk8ZWxsaXBzZSBmaWxsPSIjMzM3MUI3IiBjeD0iNjYuMiIgY3k9IjMwLjkiIHJ4PSIwLjkiIHJ5PSIxIi8+CgkJCTxlbGxpcHNlIGZpbGw9IiMzMzcxQjciIGN4PSI3My44IiBjeT0iMzAuOSIgcng9IjAuOSIgcnk9IjEiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzM3MUI3IiBkPSJNOTYuNCwzMGMwLDMuNi0yLjksNi41LTYuNCw2LjVzLTYuNC0yLjktNi40LTYuNXMyLjktNi41LDYuNC02LjVTOTYuNCwyNi40LDk2LjQsMzB6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgZD0iTTk2LjMsMjguNmMwLDAsMCwwLjEsMCwwLjFjLTAuOSwwLjEtMi45LDAuMS00LjYtMS4xYy0xLjEtMC44LTItMS43LTIuNi0yLjUKCQkJCWMtMC4zLTAuNC0wLjYtMC44LTAuNy0xYy0wLjEtMC4xLTAuMS0wLjEtMC4xLTAuMmMwLjUtMC4xLDEuMi0wLjIsMi0wLjFjMS4yLDAsMi41LDAuMywzLjUsMS4xYzEsMC44LDEuNywxLjgsMi4xLDIuOAoJCQkJQzk2LjEsMjcuOSw5Ni4yLDI4LjMsOTYuMywyOC42eiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIGQ9Ik04NCwzMi4yYzAsMCwwLTAuMSwwLTAuMWMwLjktMC4yLDIuOS0wLjQsNC43LDAuNmMxLjEsMC43LDEuOSwxLjUsMi40LDIuMwoJCQkJYzAuNCwwLjUsMC42LDEsMC43LDEuM2MtMC40LDAuMS0xLDAuMi0xLjcsMC4zYy0xLDAtMi4xLTAuMS0zLjItMC44cy0xLjktMS42LTIuNC0yLjVDODQuMiwzMi44LDg0LjEsMzIuNSw4NCwzMi4yeiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTExNi4zLDI2LjhsLTEuNCwybC0wLjgtMC44bC0wLjYtMC42bDAsMC45bC0wLjEsOC4yaC02LjgKCQkJCWwtMC4xLTguMmwwLTAuOWwtMC42LDAuNmwtMC44LDAuOGwtMS40LTJsMi42LTIuOWMwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMWgxLjNsMC40LDAuN2MwLjcsMS4zLDIuNiwxLjMsMy4zLTAuMWwwLjMtMC42aDEuMgoJCQkJYzAuMSwwLDAuMiwwLDAuMywwLjFsMC4zLTAuM2wtMC4zLDAuM0wxMTYuMywyNi44eiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIGQ9Ik0xMTAuMSwyNy43aDJ2MC45YzAsMC40LTAuNCwwLjctMSwwLjdjLTAuNiwwLTEtMC4zLTEtMC43TDExMC4xLDI3LjdMMTEwLjEsMjcuN3oiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzM3MUI3IiBkPSJNMTI2LjgsMzQuM2MwLDEuMi0xLDIuMi0yLjIsMi4ycy0yLjItMS0yLjItMi4yczEtMi4yLDIuMi0yLjJTMTI2LjgsMzMuMSwxMjYuOCwzNC4zeiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIGQ9Ik0xMzcuNiwzNC4zYzAsMS4yLTEsMi4yLTIuMiwyLjJjLTEuMiwwLTIuMi0xLTIuMi0yLjJzMS0yLjIsMi4yLTIuMgoJCQkJQzEzNi42LDMyLjEsMTM3LjYsMzMuMSwxMzcuNiwzNC4zeiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIGQ9Ik0xMjYuOCwyNC40djkuOSIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIGQ9Ik0xMzcuNywyNC40djkuOSIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIGQ9Ik0xMjYuOCwyMy41aDEwLjh2Mi43aC0xMC44QzEyNi44LDI2LjIsMTI2LjgsMjMuNSwxMjYuOCwyMy41eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSIjMzM3MUI3IiBkPSJNMTcwLjgsMjMuMUwxNzAuOCwyMy4xYy0wLjMsMC0wLjUsMC0wLjgsMGMtMi4xLDAtNCwxLTUuMywyLjVsLTAuMSwwbC0wLjEtMC4xbC0xLTEuMmwtMC4zLDMuNGwzLjQsMC4zCgkJCQlsLTEuMS0xLjNsLTAuMS0wLjFsMC4xLTAuMWMxLjEtMS41LDMtMi4zLDUtMi4xbDAsMGMzLjIsMC4zLDUuNSwzLjEsNS4yLDYuM2MtMC4zLDMtMy4xLDUuMy02LjEsNS4xYy0zLjEtMC4yLTUuNC0yLjktNS4zLTYKCQkJCWwtMS4zLTAuMWMtMC4yLDMuOCwyLjYsNy4xLDYuMyw3LjRjMy45LDAuMyw3LjMtMi42LDcuNi02LjVDMTc3LjIsMjYuOCwxNzQuNCwyMy41LDE3MC44LDIzLjF6Ii8+CgkJCTxwYXRoIGZpbGw9IiMzMzcxQjciIGQ9Ik0xNzAuMywyNy40YzAtMC4zLTAuMy0wLjYtMC42LTAuNnMtMC42LDAuMy0wLjYsMC42djMuMmMwLDAuMiwwLjEsMC4zLDAuMiwwLjRjMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjIKCQkJCWgyLjRjMC40LDAsMC42LTAuMywwLjYtMC42YzAtMC40LTAuMy0wLjYtMC42LTAuNmgtMS42aC0wLjJ2LTAuMkwxNzAuMywyNy40TDE3MC4zLDI3LjR6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgZD0iTTE4Ni4yLDIzLjRoNy43YzEuNSwwLDIuNywxLjIsMi43LDIuN3Y3LjdjMCwxLjUtMS4yLDIuNy0yLjcsMi43aC03LjcKCQkJCWMtMS41LDAtMi43LTEuMi0yLjctMi43di03LjdDMTgzLjQsMjQuNiwxODQuNywyMy40LDE4Ni4yLDIzLjR6Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiMzMzcxQjciIGN4PSIxODYiIGN5PSIyOC45IiByeD0iMC43IiByeT0iMC43Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiMzMzcxQjciIGN4PSIxOTQiIGN5PSIyNi43IiByeD0iMC43IiByeT0iMC43Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTg2LDMzLjNsMC40LTAuM2MwLjQtMC4zLDEtMC4zLDEuNS0wLjFsMSwwLjQKCQkJCWMwLjUsMC4yLDEsMC4yLDEuNS0wLjFsMC44LTAuNWMwLjQtMC4zLDEtMC4zLDEuNS0wLjFsMS44LDAuOCIvPgoJCTwvZz4KCTwvZz4KCTxwYXRoIGZpbGw9IiMzMzcxQjciIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLXdpZHRoPSIwLjI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNTYsMjQuM2MtMC4yLTAuMS0wLjQtMC4xLTAuNSwwCgkJYzAsMC0wLjIsMC4xLTAuOSwwLjJjLTAuNywwLTIuNC0wLjEtMy44LTAuNmMtMC44LTAuMy0xLjctMC41LTIuNS0wLjVjLTAuMiwwLTAuNCwwLTAuNSwwYy0xLjMsMC0yLjUsMC4zLTMuNiwxCgkJYy0wLjIsMC4xLTAuMiwwLjItMC4yLDAuNHYxMS42YzAsMC4zLDAuMSwwLjUsMC4zLDAuNWMwLjYsMCwwLjUtMC40LDAuNS0wLjZ2LTUuN2MwLjctMC4zLDMuMi0xLjEsNS44LTAuMQoJCWMxLjYsMC42LDMuNSwwLjcsNC4zLDAuN2MwLjgsMCwxLjMtMC4zLDEuMy0wLjNjMC4yLTAuMSwwLjMtMC4yLDAuMy0wLjR2LTUuN0MxNTYuMiwyNC42LDE1Ni4xLDI0LjQsMTU2LDI0LjN6IE0xNTUuNiwzMC4yCgkJYy0wLjEsMC0wLjcsMC4xLTEsMC4xYy0wLjcsMC0yLjQtMC4xLTMuOC0wLjZjLTIuNS0xLTUtMC41LTYuMi0wLjF2LTQuOWMwLjktMC41LDIuMi0wLjcsMy4yLTAuN2MwLjEsMCwwLjMsMCwwLjQsMAoJCWMwLjcsMCwxLjUsMC4yLDIuMiwwLjRjMS42LDAuNiwzLjUsMC43LDQuMywwLjdjMC4yLDAsMC44LDAsMS0wLjFWMzAuMnoiLz4KCTxnPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgZD0iTTQ4LjEsMjMuNWgzLjdjMi41LDAsNC41LDIsNC41LDQuNWMwLDAuNS0wLjQsMC45LTAuOSwwLjlINDQuNWMtMC41LDAtMC45LTAuNC0wLjktMC45CgkJCUM0My42LDI1LjUsNDUuNiwyMy41LDQ4LjEsMjMuNXoiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTQzLjUsMjguOGMtMC4yLDAuMS0wLjUsMS4yLDAsMS41YzEuNCwxLDguNSwwLjgsMTEuMywwLjYKCQkJYzAuOC0wLjEsMS42LTAuNCwxLjctMS4yYzAtMC4zLTAuMS0wLjYtMC42LTAuOSIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSwzMC42TDQzLjMsMzFjLTAuMiwwLjUsMC4yLDEsMC43LDAuOWMwLjMtMC4xLDAuNSwwLDAuNywwLjMKCQkJbDAuMSwwLjJjMC4zLDAuNSwxLDAuNiwxLjUsMC4ybDAsMGMwLjMtMC4yLDAuNy0wLjMsMS0wLjJsMC44LDAuM2MwLjQsMC4yLDAuOCwwLjEsMS4yLDBsMC41LTAuMmMwLjQtMC4yLDAuOS0wLjIsMS4zLDBsMC41LDAuMgoJCQljMC40LDAuMiwwLjgsMC4yLDEuMiwwbDAuMi0wLjFjMC4zLTAuMiwwLjgtMC4yLDEuMSwwLjFsMC4yLDAuMmMwLjMsMC4zLDAuOCwwLjIsMS0wLjJsMC4xLTAuMmMwLjEtMC4yLDAtMC4zLDAuMi0wLjMKCQkJYzAuNSwwLDEuMi0wLjMsMS4xLTAuN2wtMC40LTEuMSIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSwzMi4yYy0wLjEsMC4yLTAuMywwLjgsMCwxLjFjMC4zLDAuNCwzLDEuMSw2LjQsMS4xCgkJCWMyLjIsMCw0LjYtMC4zLDYtMC42YzAuNS0wLjEsMC45LTAuNSwwLjgtMC45YzAtMC4yLTAuMi0wLjUtMC40LTAuNyIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSwzMy4zYzAsMC41LDAuNiwyLjMsMS4zLDIuN2MxLjgsMC44LDUuNywwLjcsOC4xLDAuNQoJCQljMS4zLTAuMSwyLjUtMC43LDMuMi0xLjhjMC4zLTAuNSwwLjUtMSwwLjUtMS40Ii8+CgkJPGVsbGlwc2UgZmlsbD0iIzMzNzFCNyIgY3g9IjUxLjYiIGN5PSIyNi41IiByeD0iMC4zIiByeT0iMC40Ii8+CgkJPGVsbGlwc2UgZmlsbD0iIzMzNzFCNyIgY3g9IjUzIiBjeT0iMjUiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjMzM3MUI3IiBjeD0iNTMiIGN5PSIyNy4yIiByeD0iMC4zIiByeT0iMC40Ii8+CgkJPGVsbGlwc2UgZmlsbD0iIzMzNzFCNyIgY3g9IjU0LjMiIGN5PSIyNi41IiByeD0iMC4zIiByeT0iMC40Ii8+CgkJPGVsbGlwc2UgZmlsbD0iIzMzNzFCNyIgY3g9IjUwLjkiIGN5PSIyNSIgcng9IjAuMyIgcnk9IjAuNCIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzM3MUI3IiBkPSJNMjQuMiwzMXYtNy42YzAuMSwwLjEsMC44LDAuOSwyLjgsMy4xYzIuNS0xLjYsNS42LTAuNyw2LjksMGwyLjQtMy4xdjcuMQoJCQljMCwxLjItMC4xLDIuNS0wLjksMy40Yy0xLDEuMi0yLjcsMi41LTUuMywyLjVjLTIuOSwwLTQuNS0xLjUtNS4zLTIuOUMyNC4yLDMyLjksMjQuMiwzMiwyNC4yLDMxeiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMjEuMiwzMGw1LjQsMS4yIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzM3MUI3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0yMS4yLDM0LjFsNS40LTEuMiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMzguOCwzMGwtNS40LDEuMiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzNzFCNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMzguOCwzNC4xbC01LjQtMS4yIi8+CgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzcxQjciIGQ9Ik0yOS41LDMyLjRMMjksMzEuN2MtMC4yLTAuMywwLTAuNiwwLjMtMC42aDEuNAoJCQljMC4zLDAsMC41LDAuNCwwLjMsMC42bC0wLjcsMWwwLDBjLTAuNywxLjItMi42LDEuMS0zLjEtMC4zbC0wLjEtMC4yYy0wLjEtMC4yLDAtMC40LDAuMi0wLjVzMC40LDAsMC41LDAuMmwwLjEsMC4yCgkJCUMyOC4zLDMyLjgsMjkuMSwzMi45LDI5LjUsMzIuNHoiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzcxQjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTMyLjQsMzIuMWwtMC4xLDAuMmMtMC40LDEtMS44LDEuMS0yLjMsMC4yIi8+CgkJPGVsbGlwc2UgZmlsbD0iIzMzNzFCNyIgY3g9IjI3LjYiIGN5PSIyOS43IiByeD0iMC43IiByeT0iMC43Ii8+CgkJPGVsbGlwc2UgZmlsbD0iIzMzNzFCNyIgY3g9IjMyLjQiIGN5PSIyOS43IiByeD0iMC43IiByeT0iMC43Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjQzBDMEJGIiBzdHJva2U9IiNDMEMwQkYiIHN0cm9rZS13aWR0aD0iMC4xIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xMi44LDQ5LjVjMC42LDAsMS4xLTAuNSwxLjEtMS4xCgkJCWMwLTAuNi0wLjUtMS4yLTEuMS0xLjJjLTAuNiwwLTEuMiwwLjUtMS4yLDEuMkMxMS42LDQ5LDEyLjIsNDkuNSwxMi44LDQ5LjV6IE0xMi44LDQ4YzAuMiwwLDAuNCwwLjIsMC40LDAuNAoJCQljMCwwLjItMC4yLDAuNC0wLjQsMC40Yy0wLjIsMC0wLjQtMC4yLTAuNC0wLjRDMTIuNCw0OC4xLDEyLjYsNDgsMTIuOCw0OHoiLz4KCQk8cGF0aCBmaWxsPSIjQzBDMEJGIiBzdHJva2U9IiNDMEMwQkYiIHN0cm9rZS13aWR0aD0iMC4xIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNC42LDUxLjJjLTAuMS0wLjEtMC4yLTAuMi0wLjMtMC4ySDUuNwoJCQljLTAuMSwwLTAuMiwwLjEtMC4zLDAuMmMtMC4xLDAuMS0wLjEsMC4yLDAsMC40YzAuNywyLDIuNSwzLjMsNC42LDMuM3MzLjktMS4zLDQuNi0zLjNDMTQuNyw1MS41LDE0LjcsNTEuMywxNC42LDUxLjJ6IE0xMCw1NC4xCgkJCWMtMS42LDAtMy0wLjktMy43LTIuMmg3LjNDMTMsNTMuMiwxMS42LDU0LjEsMTAsNTQuMXoiLz4KCQk8cGF0aCBmaWxsPSIjQzBDMEJGIiBzdHJva2U9IiNDMEMwQkYiIHN0cm9rZS13aWR0aD0iMC4xIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik03LjIsNDkuNWMwLjYsMCwxLjItMC41LDEuMi0xLjEKCQkJYzAtMC42LTAuNS0xLjItMS4yLTEuMmMtMC42LDAtMS4xLDAuNS0xLjEsMS4yQzYuMSw0OSw2LjYsNDkuNSw3LjIsNDkuNXogTTcuMiw0OGMwLjIsMCwwLjQsMC4yLDAuNCwwLjRjMCwwLjItMC4yLDAuNC0wLjQsMC40CgkJCWMtMC4yLDAtMC40LTAuMi0wLjQtMC40QzYuOCw0OC4xLDcsNDgsNy4yLDQ4eiIvPgoJCTxwYXRoIGZpbGw9IiNDMEMwQkYiIHN0cm9rZT0iI0MwQzBCRiIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEwLDQzYy0zLjgsMC03LDMuMS03LDdjMCwzLjgsMy4xLDcsNyw3CgkJCXM3LTMuMSw3LTdDMTcsNDYuMiwxMy44LDQzLDEwLDQzeiBNMTAsNTYuMmMtMy40LDAtNi4yLTIuOC02LjItNi4yYzAtMy40LDIuOC02LjIsNi4yLTYuMnM2LjIsMi44LDYuMiw2LjIKCQkJQzE2LjIsNTMuNCwxMy40LDU2LjIsMTAsNTYuMnoiLz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNDMEMwQkYiIGQ9Ik02NC4xLDUzLjRsMi4zLDBjMC4yLDAsMC40LDAuMiwwLjQsMC40djIuMWMwLDAuMi0wLjIsMC40LTAuNCwwLjRoLTIuMwoJCQkJYy0wLjIsMC0wLjQtMC4yLTAuNC0wLjR2LTIuMUM2My43LDUzLjYsNjMuOCw1My40LDY0LjEsNTMuNHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBkPSJNNzMuNSw1My41aDIuNGMwLjIsMCwwLjQsMC4yLDAuNCwwLjR2MmMwLDAuMi0wLjIsMC40LTAuNCwwLjRoLTIuNAoJCQkJYy0wLjIsMC0wLjQtMC4yLTAuNC0wLjRsMC0yQzczLjEsNTMuNiw3My4zLDUzLjUsNzMuNSw1My41eiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNDMEMwQkYiIGQ9Ik02My43LDQ4LjRoMTIuNnY1SDYzLjdWNDguNHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBkPSJNNjUuNSw0My42aDguOWMxLDAsMS45LDAuOCwxLjksMS45djMuMUg2My43di0zLjFDNjMuNyw0NC41LDY0LjUsNDMuNiw2NS41LDQzLjZ6Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiNDMEMwQkYiIGN4PSI2Ni4yIiBjeT0iNTAuOSIgcng9IjAuOSIgcnk9IjEiLz4KCQkJPGVsbGlwc2UgZmlsbD0iI0MwQzBCRiIgY3g9IjczLjgiIGN5PSI1MC45IiByeD0iMC45IiByeT0iMSIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNDMEMwQkYiIGQ9Ik05Ni40LDUwYzAsMy42LTIuOSw2LjUtNi40LDYuNXMtNi40LTIuOS02LjQtNi41czIuOS02LjUsNi40LTYuNVM5Ni40LDQ2LjQsOTYuNCw1MHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBkPSJNOTYuMyw0OC42YzAsMCwwLDAuMSwwLDAuMWMtMC45LDAuMS0yLjksMC4xLTQuNi0xLjJjLTEuMS0wLjgtMi0xLjctMi42LTIuNQoJCQkJYy0wLjMtMC40LTAuNi0wLjgtMC43LTFjLTAuMS0wLjEtMC4xLTAuMi0wLjEtMC4yYzAuNS0wLjEsMS4yLTAuMiwyLTAuMmMxLjIsMCwyLjUsMC4zLDMuNSwxLjFjMSwwLjgsMS43LDEuOCwyLjEsMi44CgkJCQlDOTYuMSw0Ny45LDk2LjIsNDguMyw5Ni4zLDQ4LjZ6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgZD0iTTg0LDUyLjJjMCwwLDAtMC4xLDAtMC4xYzAuOS0wLjIsMi45LTAuNCw0LjcsMC42YzEuMSwwLjcsMS45LDEuNSwyLjQsMi4zCgkJCQljMC40LDAuNSwwLjYsMSwwLjcsMS4zYy0wLjQsMC4xLTEsMC4yLTEuNywwLjNjLTEsMC0yLjEtMC4xLTMuMi0wLjhzLTEuOS0xLjYtMi40LTIuNUM4NC4yLDUyLjgsODQuMSw1Mi41LDg0LDUyLjJ6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTE2LjMsNDYuOGwtMS40LDJsLTAuOC0wLjhsLTAuNi0wLjdsMCwwLjlsLTAuMSw4LjJoLTYuOAoJCQkJbC0wLjEtOC4ybDAtMC45bC0wLjYsMC43bC0wLjgsMC44bC0xLjQtMmwyLjYtMi45YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4xaDEuM2wwLjQsMC43YzAuNywxLjMsMi42LDEuMywzLjMtMC4xbDAuMy0wLjZoMS4yCgkJCQljMC4xLDAsMC4yLDAsMC4zLDAuMWwwLjMtMC4zbC0wLjMsMC4zTDExNi4zLDQ2Ljh6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgZD0iTTExMC4xLDQ3LjdoMnYwLjljMCwwLjQtMC40LDAuNy0xLDAuN2MtMC42LDAtMS0wLjMtMS0wLjdMMTEwLjEsNDcuN0wxMTAuMSw0Ny43eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNDMEMwQkYiIGQ9Ik0xMjYuOCw1NC4zYzAsMS4yLTEsMi4yLTIuMiwyLjJzLTIuMi0xLTIuMi0yLjJzMS0yLjIsMi4yLTIuMlMxMjYuOCw1My4xLDEyNi44LDU0LjN6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgZD0iTTEzNy42LDU0LjNjMCwxLjItMSwyLjItMi4yLDIuMmMtMS4yLDAtMi4yLTEtMi4yLTIuMnMxLTIuMiwyLjItMi4yCgkJCQlDMTM2LjYsNTIuMSwxMzcuNiw1My4xLDEzNy42LDU0LjN6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgZD0iTTEyNi44LDQ0LjR2OS45Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgZD0iTTEzNy43LDQ0LjR2OS45Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgZD0iTTEyNi44LDQzLjVoMTAuOHYyLjdoLTEwLjhDMTI2LjgsNDYuMiwxMjYuOCw0My41LDEyNi44LDQzLjV6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiNDMEMwQkYiIGQ9Ik0xNzAuOCw0My4xTDE3MC44LDQzLjFjLTAuMywwLTAuNSwwLTAuOCwwYy0yLjEsMC00LDEtNS4zLDIuNWwtMC4xLDBsLTAuMS0wLjFsLTEtMS4ybC0wLjMsMy40bDMuNCwwLjMKCQkJCWwtMS4xLTEuM2wtMC4xLTAuMWwwLjEtMC4xYzEuMS0xLjUsMy0yLjMsNS0yLjFsMCwwYzMuMiwwLjMsNS41LDMuMSw1LjIsNi4zYy0wLjMsMy0zLjEsNS4zLTYuMSw1LjFjLTMuMS0wLjItNS40LTIuOS01LjMtNgoJCQkJbC0xLjMtMC4xYy0wLjIsMy44LDIuNiw3LjEsNi4zLDcuNGMzLjksMC4zLDcuMy0yLjYsNy42LTYuNUMxNzcuMiw0Ni44LDE3NC40LDQzLjUsMTcwLjgsNDMuMXoiLz4KCQkJPHBhdGggZmlsbD0iI0MwQzBCRiIgZD0iTTE3MC4zLDQ3LjRjMC0wLjMtMC4zLTAuNi0wLjYtMC42cy0wLjYsMC4zLTAuNiwwLjZ2My4yYzAsMC4yLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMywwLjIsMC40LDAuMgoJCQkJaDIuNGMwLjQsMCwwLjYtMC4zLDAuNi0wLjZjMC0wLjMtMC4zLTAuNi0wLjYtMC42aC0xLjZoLTAuMnYtMC4yTDE3MC4zLDQ3LjRMMTcwLjMsNDcuNHoiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBkPSJNMTg2LjIsNDMuNGg3LjdjMS41LDAsMi43LDEuMiwyLjcsMi43djcuN2MwLDEuNS0xLjIsMi43LTIuNywyLjdoLTcuNwoJCQkJYy0xLjUsMC0yLjctMS4yLTIuNy0yLjd2LTcuN0MxODMuNCw0NC43LDE4NC43LDQzLjQsMTg2LjIsNDMuNHoiLz4KCQkJPGVsbGlwc2UgZmlsbD0iI0MwQzBCRiIgY3g9IjE4NiIgY3k9IjQ4LjkiIHJ4PSIwLjciIHJ5PSIwLjciLz4KCQkJPGVsbGlwc2UgZmlsbD0iI0MwQzBCRiIgY3g9IjE5NCIgY3k9IjQ2LjciIHJ4PSIwLjciIHJ5PSIwLjciLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xODYsNTMuM2wwLjQtMC4zYzAuNC0wLjMsMS0wLjMsMS41LTAuMWwxLDAuNAoJCQkJYzAuNSwwLjIsMSwwLjIsMS41LTAuMWwwLjgtMC41YzAuNC0wLjMsMS0wLjMsMS41LTAuMWwxLjgsMC44Ii8+CgkJPC9nPgoJPC9nPgoJPHBhdGggZmlsbD0iI0MwQzBCRiIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2Utd2lkdGg9IjAuMjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE1Niw0NC4zYy0wLjItMC4xLTAuNC0wLjEtMC41LDAKCQljMCwwLTAuMiwwLjEtMC45LDAuMmMtMC43LDAtMi40LTAuMS0zLjgtMC42Yy0wLjgtMC4zLTEuNy0wLjUtMi41LTAuNWMtMC4yLDAtMC40LDAtMC41LDBjLTEuMywwLTIuNSwwLjMtMy42LDEKCQljLTAuMiwwLjEtMC4yLDAuMi0wLjIsMC40djExLjZjMCwwLjMsMC4xLDAuNSwwLjMsMC41YzAuNiwwLDAuNS0wLjQsMC41LTAuNnYtNS43YzAuNy0wLjMsMy4yLTEuMSw1LjgtMC4xCgkJYzEuNiwwLjYsMy41LDAuNyw0LjMsMC43YzAuOCwwLDEuMy0wLjMsMS4zLTAuM2MwLjItMC4xLDAuMy0wLjIsMC4zLTAuNHYtNS43QzE1Ni4yLDQ0LjYsMTU2LjEsNDQuNCwxNTYsNDQuM3ogTTE1NS42LDUwLjIKCQljLTAuMSwwLTAuNywwLjEtMSwwLjFjLTAuNywwLTIuNC0wLjEtMy44LTAuNmMtMi41LTEtNS0wLjUtNi4yLTAuMXYtNC45YzAuOS0wLjUsMi4yLTAuNywzLjItMC43YzAuMSwwLDAuMywwLDAuNCwwCgkJYzAuNywwLDEuNSwwLjIsMi4yLDAuNGMxLjYsMC42LDMuNSwwLjcsNC4zLDAuN2MwLjIsMCwwLjgsMCwxLTAuMVY1MC4yeiIvPgoJPGc+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBkPSJNNDguMSw0My41aDMuN2MyLjUsMCw0LjUsMiw0LjUsNC41YzAsMC41LTAuNCwwLjktMC45LDAuOUg0NC41Yy0wLjUsMC0wLjktMC40LTAuOS0wLjkKCQkJQzQzLjYsNDUuNSw0NS42LDQzLjUsNDguMSw0My41eiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSw0OC44Yy0wLjIsMC4xLTAuNSwxLjIsMCwxLjVjMS40LDEsOC41LDAuOCwxMS4zLDAuNgoJCQljMC44LTAuMSwxLjYtMC40LDEuNy0xLjJjMC0wLjMtMC4xLTAuNi0wLjYtMC45Ii8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik00My41LDUwLjZMNDMuMyw1MWMtMC4yLDAuNSwwLjIsMSwwLjcsMC45YzAuMy0wLjEsMC41LDAsMC43LDAuMwoJCQlsMC4xLDAuMmMwLjMsMC41LDEsMC42LDEuNSwwLjJsMCwwYzAuMy0wLjIsMC43LTAuMywxLTAuMmwwLjgsMC4zYzAuNCwwLjIsMC44LDAuMSwxLjIsMGwwLjUtMC4yYzAuNC0wLjIsMC45LTAuMiwxLjMsMGwwLjUsMC4yCgkJCWMwLjQsMC4yLDAuOCwwLjIsMS4yLDBsMC4yLTAuMWMwLjMtMC4yLDAuOC0wLjIsMS4xLDAuMWwwLjIsMC4yYzAuMywwLjMsMC44LDAuMiwxLTAuMmwwLjEtMC4yYzAuMS0wLjIsMC0wLjMsMC4yLTAuMwoJCQljMC41LDAsMS4yLTAuMywxLjEtMC43bC0wLjQtMS4xIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik00My41LDUyLjJjLTAuMSwwLjItMC4zLDAuOCwwLDEuMWMwLjMsMC40LDMsMS4xLDYuNCwxLjEKCQkJYzIuMiwwLDQuNi0wLjMsNi0wLjZjMC41LTAuMSwwLjktMC41LDAuOC0wLjljMC0wLjItMC4yLTAuNS0wLjQtMC43Ii8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik00My41LDUzLjNjMCwwLjUsMC42LDIuMywxLjMsMi43YzEuOCwwLjgsNS43LDAuNyw4LjEsMC41CgkJCWMxLjMtMC4xLDIuNS0wLjcsMy4yLTEuOGMwLjMtMC41LDAuNS0xLDAuNS0xLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjQzBDMEJGIiBjeD0iNTEuNiIgY3k9IjQ2LjUiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjQzBDMEJGIiBjeD0iNTMiIGN5PSI0NSIgcng9IjAuMyIgcnk9IjAuNCIvPgoJCTxlbGxpcHNlIGZpbGw9IiNDMEMwQkYiIGN4PSI1MyIgY3k9IjQ3LjIiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjQzBDMEJGIiBjeD0iNTQuMyIgY3k9IjQ2LjUiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjQzBDMEJGIiBjeD0iNTAuOSIgY3k9IjQ1IiByeD0iMC4zIiByeT0iMC40Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNDMEMwQkYiIGQ9Ik0yNC4yLDUxdi03LjZjMC4xLDAuMSwwLjgsMC45LDIuOCwzLjFjMi41LTEuNyw1LjYtMC43LDYuOSwwbDIuNC0zLjF2Ny4xCgkJCWMwLDEuMi0wLjEsMi41LTAuOSwzLjRjLTEsMS4yLTIuNywyLjUtNS4zLDIuNWMtMi45LDAtNC41LTEuNS01LjMtMi45QzI0LjIsNTIuOSwyNC4yLDUyLDI0LjIsNTF6Ii8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0yMS4yLDUwbDUuNCwxLjIiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNDMEMwQkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTIxLjIsNTQuMWw1LjQtMS4yIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0zOC44LDUwbC01LjQsMS4yIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzBDMEJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0zOC44LDU0LjFsLTUuNC0xLjIiLz4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0MwQzBCRiIgZD0iTTI5LjUsNTIuNEwyOSw1MS43Yy0wLjItMC4zLDAtMC42LDAuMy0wLjZoMS40CgkJCWMwLjMsMCwwLjUsMC40LDAuMywwLjZsLTAuNywxbDAsMGMtMC43LDEuMi0yLjYsMS4xLTMuMS0wLjNsLTAuMS0wLjJjLTAuMS0wLjIsMC0wLjQsMC4yLTAuNXMwLjQsMCwwLjUsMC4ybDAuMSwwLjIKCQkJQzI4LjMsNTIuOCwyOS4xLDUyLjksMjkuNSw1Mi40eiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBCRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMzIuNCw1Mi4xbC0wLjEsMC4yYy0wLjQsMS0xLjgsMS4xLTIuMywwLjIiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjQzBDMEJGIiBjeD0iMjcuNiIgY3k9IjQ5LjciIHJ4PSIwLjciIHJ5PSIwLjciLz4KCQk8ZWxsaXBzZSBmaWxsPSIjQzBDMEJGIiBjeD0iMzIuNCIgY3k9IjQ5LjciIHJ4PSIwLjciIHJ5PSIwLjciLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiM2QUE5REQiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE0LjYsNzEuMmMtMC4xLTAuMS0wLjItMC4yLTAuMy0wLjJINS43CgkJCWMtMC4xLDAtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC4xLTAuMSwwLjIsMCwwLjRjMC43LDIsMi41LDMuMyw0LjYsMy4zczMuOS0xLjMsNC42LTMuM0MxNC43LDcxLjUsMTQuNyw3MS4zLDE0LjYsNzEuMnogTTEwLDc0LjEKCQkJYy0xLjYsMC0zLTAuOS0zLjctMi4yaDcuM0MxMyw3My4yLDExLjYsNzQuMSwxMCw3NC4xeiIvPgoJCTxwYXRoIGZpbGw9IiM2QUE5REQiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEyLjgsNjkuNWMwLjYsMCwxLjEtMC41LDEuMS0xLjEKCQkJYzAtMC42LTAuNS0xLjItMS4xLTEuMmMtMC42LDAtMS4yLDAuNS0xLjIsMS4yQzExLjYsNjksMTIuMiw2OS41LDEyLjgsNjkuNXogTTEyLjgsNjhjMC4yLDAsMC40LDAuMiwwLjQsMC40CgkJCWMwLDAuMi0wLjIsMC40LTAuNCwwLjRjLTAuMiwwLTAuNC0wLjItMC40LTAuNEMxMi40LDY4LjEsMTIuNiw2OCwxMi44LDY4eiIvPgoJCTxwYXRoIGZpbGw9IiM2QUE5REQiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcuMiw2OS41YzAuNiwwLDEuMi0wLjUsMS4yLTEuMQoJCQljMC0wLjYtMC41LTEuMi0xLjItMS4yYy0wLjYsMC0xLjEsMC41LTEuMSwxLjJDNi4xLDY5LDYuNiw2OS41LDcuMiw2OS41eiBNNy4yLDY4YzAuMiwwLDAuNCwwLjIsMC40LDAuNGMwLDAuMi0wLjIsMC40LTAuNCwwLjQKCQkJYy0wLjIsMC0wLjQtMC4yLTAuNC0wLjRDNi44LDY4LjEsNyw2OCw3LjIsNjh6Ii8+CgkJPHBhdGggZmlsbD0iIzZBQTlERCIgc3Ryb2tlPSIjNkFBOUREIiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTAsNjNjLTMuOCwwLTcsMy4xLTcsN2MwLDMuOCwzLjEsNyw3LDcKCQkJczctMy4xLDctN0MxNyw2Ni4yLDEzLjgsNjMsMTAsNjN6IE0xMCw3Ni4yYy0zLjQsMC02LjItMi44LTYuMi02LjJjMC0zLjQsMi44LTYuMiw2LjItNi4yczYuMiwyLjgsNi4yLDYuMgoJCQlDMTYuMiw3My40LDEzLjQsNzYuMiwxMCw3Ni4yeiIvPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTY0LjEsNzMuNGwyLjMsMGMwLjIsMCwwLjQsMC4yLDAuNCwwLjR2Mi4xYzAsMC4yLTAuMiwwLjQtMC40LDAuNGgtMi4zCgkJCQljLTAuMiwwLTAuNC0wLjItMC40LTAuNHYtMi4xQzYzLjcsNzMuNiw2My44LDczLjQsNjQuMSw3My40eiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2QUE5REQiIGQ9Ik03My41LDczLjVoMi40YzAuMiwwLDAuNCwwLjIsMC40LDAuNHYyLjFjMCwwLjItMC4yLDAuNC0wLjQsMC40aC0yLjQKCQkJCWMtMC4yLDAtMC40LTAuMi0wLjQtMC40bDAtMi4xQzczLjEsNzMuNiw3My4zLDczLjUsNzMuNSw3My41eiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2QUE5REQiIGQ9Ik02My43LDY4LjRoMTIuNnY1SDYzLjdWNjguNHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBkPSJNNjUuNSw2My42aDguOWMxLDAsMS45LDAuOCwxLjksMS45djMuMUg2My43di0zLjFDNjMuNyw2NC41LDY0LjUsNjMuNiw2NS41LDYzLjZ6Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiM2QUE5REQiIGN4PSI2Ni4yIiBjeT0iNzAuOSIgcng9IjAuOSIgcnk9IjAuOSIvPgoJCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iNzMuOCIgY3k9IjcwLjkiIHJ4PSIwLjkiIHJ5PSIwLjkiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBkPSJNOTYuNCw3MGMwLDMuNi0yLjksNi41LTYuNCw2LjVzLTYuNC0yLjktNi40LTYuNXMyLjktNi41LDYuNC02LjVTOTYuNCw2Ni40LDk2LjQsNzB6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTk2LjMsNjguNmMwLDAsMCwwLjEsMCwwLjFjLTAuOSwwLjEtMi45LDAuMS00LjYtMS4yYy0xLjEtMC44LTItMS43LTIuNi0yLjUKCQkJCWMtMC4zLTAuNC0wLjYtMC44LTAuNy0xLjFjLTAuMS0wLjEtMC4xLTAuMi0wLjEtMC4yYzAuNS0wLjEsMS4yLTAuMiwyLTAuMmMxLjIsMCwyLjUsMC4zLDMuNSwxLjFjMSwwLjgsMS43LDEuOCwyLjEsMi44CgkJCQlDOTYuMSw2Ny45LDk2LjIsNjguMyw5Ni4zLDY4LjZ6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTg0LDcyLjJjMCwwLDAtMC4xLDAtMC4xYzAuOS0wLjIsMi45LTAuNCw0LjcsMC42YzEuMSwwLjcsMS45LDEuNSwyLjQsMi4zCgkJCQljMC40LDAuNSwwLjYsMSwwLjcsMS4zYy0wLjQsMC4xLTEsMC4yLTEuNywwLjNjLTEsMC0yLjEtMC4xLTMuMi0wLjhzLTEuOS0xLjYtMi40LTIuNUM4NC4yLDcyLjgsODQuMSw3Mi40LDg0LDcyLjJ6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTE2LjMsNjYuOGwtMS40LDJsLTAuOC0wLjhsLTAuNi0wLjdsMCwwLjlsLTAuMSw4LjJoLTYuOAoJCQkJbC0wLjEtOC4ybDAtMC45bC0wLjYsMC43bC0wLjgsMC44bC0xLjQtMmwyLjYtMi45YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4xaDEuM2wwLjQsMC43YzAuNywxLjMsMi42LDEuMywzLjMtMC4xbDAuMy0wLjZoMS4yCgkJCQljMC4xLDAsMC4yLDAsMC4zLDAuMWwwLjMtMC4zbC0wLjMsMC4zTDExNi4zLDY2Ljh6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTExMC4xLDY3LjdoMnYwLjljMCwwLjQtMC40LDAuNy0xLDAuN2MtMC42LDAtMS0wLjMtMS0wLjdMMTEwLjEsNjcuN0wxMTAuMSw2Ny43eiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2QUE5REQiIGQ9Ik0xMjYuOCw3NC4zYzAsMS4yLTEsMi4yLTIuMiwyLjJzLTIuMi0xLTIuMi0yLjJzMS0yLjIsMi4yLTIuMlMxMjYuOCw3My4xLDEyNi44LDc0LjN6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTEzNy42LDc0LjNjMCwxLjItMSwyLjItMi4yLDIuMmMtMS4yLDAtMi4yLTEtMi4yLTIuMnMxLTIuMiwyLjItMi4yCgkJCQlDMTM2LjYsNzIuMSwxMzcuNiw3My4xLDEzNy42LDc0LjN6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTEyNi44LDY0LjR2OS45Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTEzNy43LDY0LjR2OS45Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgZD0iTTEyNi44LDYzLjVoMTAuOHYyLjdoLTEwLjhDMTI2LjgsNjYuMiwxMjYuOCw2My41LDEyNi44LDYzLjV6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik0xNzAuOCw2My4xTDE3MC44LDYzLjFjLTAuMywwLTAuNSwwLTAuOCwwYy0yLjEsMC00LDEtNS4zLDIuNWwtMC4xLDBsLTAuMS0wLjFsLTEtMS4ybC0wLjMsMy40bDMuNCwwLjMKCQkJCWwtMS4xLTEuM2wtMC4xLTAuMWwwLjEtMC4xYzEuMS0xLjQsMy0yLjMsNS0yLjFsMCwwYzMuMiwwLjMsNS41LDMuMSw1LjIsNi4zYy0wLjMsMy0zLjEsNS4zLTYuMSw1LjFjLTMuMS0wLjItNS40LTIuOS01LjMtNgoJCQkJbC0xLjMtMC4xYy0wLjIsMy44LDIuNiw3LjEsNi4zLDcuNGMzLjksMC4zLDcuMy0yLjYsNy42LTYuNUMxNzcuMiw2Ni44LDE3NC40LDYzLjUsMTcwLjgsNjMuMXoiLz4KCQkJPHBhdGggZmlsbD0iIzZBQTlERCIgZD0iTTE3MC4zLDY3LjRjMC0wLjMtMC4zLTAuNi0wLjYtMC42cy0wLjYsMC4zLTAuNiwwLjZ2My4yYzAsMC4yLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMywwLjIsMC40LDAuMgoJCQkJaDIuNGMwLjQsMCwwLjYtMC4zLDAuNi0wLjZTMTcyLjQsNzAsMTcyLDcwaC0xLjZoLTAuMnYtMC4yTDE3MC4zLDY3LjRMMTcwLjMsNjcuNHoiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBkPSJNMTg2LjIsNjMuNGg3LjdjMS41LDAsMi43LDEuMiwyLjcsMi43djcuN2MwLDEuNS0xLjIsMi43LTIuNywyLjdoLTcuNwoJCQkJYy0xLjUsMC0yLjctMS4yLTIuNy0yLjd2LTcuN0MxODMuNCw2NC43LDE4NC43LDYzLjQsMTg2LjIsNjMuNHoiLz4KCQkJPGVsbGlwc2UgZmlsbD0iIzZBQTlERCIgY3g9IjE4NiIgY3k9IjY4LjkiIHJ4PSIwLjciIHJ5PSIwLjciLz4KCQkJPGVsbGlwc2UgZmlsbD0iIzZBQTlERCIgY3g9IjE5NCIgY3k9IjY2LjciIHJ4PSIwLjciIHJ5PSIwLjciLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xODYsNzMuM2wwLjQtMC4zYzAuNC0wLjMsMS0wLjMsMS41LTAuMWwxLDAuNAoJCQkJYzAuNSwwLjIsMSwwLjIsMS41LTAuMWwwLjgtMC41YzAuNC0wLjMsMS0wLjMsMS41LTAuMWwxLjgsMC44Ii8+CgkJPC9nPgoJPC9nPgoJPHBhdGggZmlsbD0iIzZBQTlERCIgc3Ryb2tlPSIjNkFBOUREIiBzdHJva2Utd2lkdGg9IjAuMjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE1Niw2NC4zYy0wLjItMC4xLTAuNC0wLjEtMC41LDAKCQljMCwwLTAuMiwwLjEtMC45LDAuMmMtMC43LDAtMi40LTAuMS0zLjgtMC42Yy0wLjgtMC4zLTEuNy0wLjUtMi41LTAuNWMtMC4yLDAtMC40LDAtMC41LDBjLTEuMywwLTIuNSwwLjMtMy42LDEKCQljLTAuMiwwLjEtMC4yLDAuMi0wLjIsMC40djExLjZjMCwwLjMsMC4xLDAuNSwwLjMsMC41YzAuNiwwLDAuNS0wLjQsMC41LTAuNnYtNS43YzAuNy0wLjMsMy4yLTEuMSw1LjgtMC4xCgkJYzEuNiwwLjYsMy41LDAuNyw0LjMsMC43YzAuOCwwLDEuMy0wLjMsMS4zLTAuM2MwLjItMC4xLDAuMy0wLjIsMC4zLTAuNHYtNS43QzE1Ni4yLDY0LjYsMTU2LjEsNjQuNCwxNTYsNjQuM3ogTTE1NS42LDcwLjIKCQljLTAuMSwwLTAuNywwLjEtMSwwLjFjLTAuNywwLTIuNC0wLjEtMy44LTAuNmMtMi41LTEtNS0wLjUtNi4yLTAuMXYtNC45YzAuOS0wLjUsMi4yLTAuNywzLjItMC43YzAuMSwwLDAuMywwLDAuNCwwCgkJYzAuNywwLDEuNSwwLjIsMi4yLDAuNGMxLjYsMC42LDMuNSwwLjcsNC4zLDAuN2MwLjIsMCwwLjgsMCwxLTAuMVY3MC4yeiIvPgoJPGc+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBkPSJNNDguMSw2My41aDMuN2MyLjUsMCw0LjUsMiw0LjUsNC41YzAsMC41LTAuNCwwLjktMC45LDAuOUg0NC41Yy0wLjUsMC0wLjktMC40LTAuOS0wLjkKCQkJQzQzLjYsNjUuNSw0NS42LDYzLjUsNDguMSw2My41eiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSw2OC44Yy0wLjIsMC4xLTAuNSwxLjIsMCwxLjVjMS40LDAuOSw4LjUsMC44LDExLjMsMC42CgkJCWMwLjgtMC4xLDEuNi0wLjQsMS43LTEuMmMwLTAuMy0wLjEtMC42LTAuNi0wLjkiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2QUE5REQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTQzLjUsNzAuNkw0My4zLDcxYy0wLjIsMC41LDAuMiwxLDAuNywwLjljMC4zLTAuMSwwLjUsMC4xLDAuNywwLjMKCQkJbDAuMSwwLjJjMC4zLDAuNSwxLDAuNiwxLjUsMC4ybDAsMGMwLjMtMC4yLDAuNy0wLjMsMS0wLjJsMC44LDAuM2MwLjQsMC4yLDAuOCwwLjEsMS4yLDBsMC41LTAuMmMwLjQtMC4yLDAuOS0wLjIsMS4zLDBsMC41LDAuMgoJCQljMC40LDAuMiwwLjgsMC4yLDEuMi0wLjFsMC4yLTAuMWMwLjMtMC4yLDAuOC0wLjIsMS4xLDAuMWwwLjIsMC4yYzAuMywwLjMsMC44LDAuMiwxLTAuMmwwLjEtMC4yYzAuMS0wLjIsMC0wLjMsMC4yLTAuMwoJCQljMC41LDAsMS4yLTAuMywxLjEtMC43bC0wLjQtMS4xIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik00My41LDcyLjJjLTAuMSwwLjItMC4zLDAuOCwwLDEuMWMwLjMsMC40LDMsMS4xLDYuNCwxLjEKCQkJYzIuMiwwLDQuNi0wLjMsNi0wLjZjMC41LTAuMSwwLjktMC40LDAuOC0wLjljMC0wLjItMC4yLTAuNS0wLjQtMC43Ii8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik00My41LDczLjNjMCwwLjUsMC42LDIuMywxLjMsMi43YzEuOCwwLjgsNS43LDAuNyw4LjEsMC41CgkJCWMxLjMtMC4xLDIuNS0wLjcsMy4yLTEuOGMwLjMtMC41LDAuNS0xLDAuNS0xLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iNTEuNiIgY3k9IjY2LjUiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iNTMiIGN5PSI2NSIgcng9IjAuMyIgcnk9IjAuNCIvPgoJCTxlbGxpcHNlIGZpbGw9IiM2QUE5REQiIGN4PSI1MyIgY3k9IjY3LjIiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iNTQuMyIgY3k9IjY2LjUiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iNTAuOSIgY3k9IjY1IiByeD0iMC4zIiByeT0iMC40Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2QUE5REQiIGQ9Ik0yNC4yLDcxdi03LjZjMC4xLDAuMSwwLjgsMC45LDIuOCwzLjFjMi41LTEuNyw1LjYtMC43LDYuOSwwbDIuNC0zLjF2Ny4xCgkJCWMwLDEuMi0wLjEsMi41LTAuOSwzLjRjLTEsMS4yLTIuNywyLjUtNS4zLDIuNWMtMi45LDAtNC41LTEuNS01LjMtMi45QzI0LjIsNzIuOSwyNC4yLDcyLDI0LjIsNzF6Ii8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkFBOUREIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0yMS4yLDcwLjFsNS40LDEuMiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMjEuMiw3NC4xbDUuNC0xLjIiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2QUE5REQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTM4LjgsNzAuMWwtNS40LDEuMiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMzguOCw3NC4xbC01LjQtMS4yIi8+CgkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2QUE5REQiIGQ9Ik0yOS41LDcyLjRMMjksNzEuN2MtMC4yLTAuMywwLTAuNiwwLjMtMC42aDEuNAoJCQljMC4zLDAsMC41LDAuNCwwLjMsMC42bC0wLjcsMWwwLDBjLTAuNywxLjItMi42LDEuMS0zLjEtMC4zbC0wLjEtMC4yYy0wLjEtMC4yLDAtMC40LDAuMi0wLjVjMC4yLTAuMSwwLjQsMCwwLjUsMC4ybDAuMSwwLjIKCQkJQzI4LjMsNzIuOCwyOS4xLDcyLjksMjkuNSw3Mi40eiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZBQTlERCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMzIuNCw3Mi4xbC0wLjEsMC4yYy0wLjQsMS0xLjgsMS4xLTIuMywwLjIiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iMjcuNiIgY3k9IjY5LjciIHJ4PSIwLjciIHJ5PSIwLjciLz4KCQk8ZWxsaXBzZSBmaWxsPSIjNkFBOUREIiBjeD0iMzIuNCIgY3k9IjY5LjciIHJ4PSIwLjciIHJ5PSIwLjciLz4KCTwvZz4KPC9nPgo8Zz4KCTxwYXRoIGZpbGw9IiM4Njg2ODYiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEyLjgsOS41YzAuNiwwLDEuMS0wLjUsMS4xLTEuMgoJCWMwLTAuNi0wLjUtMS4xLTEuMS0xLjFjLTAuNiwwLTEuMiwwLjUtMS4yLDEuMVMxMi4yLDkuNSwxMi44LDkuNXogTTEyLjgsNy45YzAuMiwwLDAuNCwwLjIsMC40LDAuNGMwLDAuMi0wLjIsMC40LTAuNCwwLjQKCQljLTAuMiwwLTAuNC0wLjItMC40LTAuNEMxMi40LDguMSwxMi42LDcuOSwxMi44LDcuOXoiLz4KCTxwYXRoIGZpbGw9IiM4Njg2ODYiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLXdpZHRoPSIwLjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcuMiw5LjVjMC42LDAsMS4yLTAuNSwxLjItMS4yCgkJYzAtMC42LTAuNS0xLjEtMS4yLTEuMWMtMC42LDAtMS4xLDAuNS0xLjEsMS4xUzYuNiw5LjUsNy4yLDkuNXogTTcuMiw3LjljMC4yLDAsMC40LDAuMiwwLjQsMC40YzAsMC4yLTAuMiwwLjQtMC40LDAuNAoJCUM3LDguNyw2LjgsOC41LDYuOCw4LjNDNi44LDguMSw3LDcuOSw3LjIsNy45eiIvPgoJPHBhdGggZmlsbD0iIzg2ODY4NiIgc3Ryb2tlPSIjODY4Njg2IiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTQuNiwxMS4yYy0wLjEtMC4xLTAuMi0wLjItMC4zLTAuMkg1LjcKCQljLTAuMSwwLTAuMiwwLjEtMC4zLDAuMmMtMC4xLDAuMS0wLjEsMC4yLDAsMC40YzAuNywyLDIuNSwzLjMsNC42LDMuM3MzLjktMS4zLDQuNi0zLjNDMTQuNywxMS40LDE0LjcsMTEuMywxNC42LDExLjJ6IE0xMCwxNC4xCgkJYy0xLjYsMC0zLTAuOS0zLjctMi4yaDcuM0MxMywxMy4yLDExLjYsMTQuMSwxMCwxNC4xeiIvPgoJPHBhdGggZmlsbD0iIzg2ODY4NiIgc3Ryb2tlPSIjODY4Njg2IiBzdHJva2Utd2lkdGg9IjAuMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTAsM2MtMy44LDAtNywzLjEtNyw3czMuMSw3LDcsN3M3LTMuMSw3LTcKCQlTMTMuOCwzLDEwLDN6IE0xMCwxNi4yYy0zLjQsMC02LjItMi44LTYuMi02LjJTNi42LDMuOCwxMCwzLjhzNi4yLDIuOCw2LjIsNi4yUzEzLjQsMTYuMiwxMCwxNi4yeiIvPgo8L2c+CjxnIGlkPSJDYXJfMDAwMDAwMTg5MzUzOTUwODU0MTM0MTM3NTAwMDAwMDA4MjUyNzM4Nzc4NDI3NzU3MTVfIj4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIGQ9Ik02NC4xLDEzLjRsMi4zLDBjMC4yLDAsMC40LDAuMiwwLjQsMC40djIuMWMwLDAuMi0wLjIsMC40LTAuNCwwLjRoLTIuMwoJCQkJYy0wLjIsMC0wLjQtMC4yLTAuNC0wLjR2LTIuMUM2My43LDEzLjYsNjMuOCwxMy40LDY0LjEsMTMuNHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBkPSJNNzMuNSwxMy40aDIuNGMwLjIsMCwwLjQsMC4yLDAuNCwwLjR2Mi4xYzAsMC4yLTAuMiwwLjQtMC40LDAuNGgtMi40CgkJCQljLTAuMiwwLTAuNC0wLjItMC40LTAuNGwwLTIuMUM3My4xLDEzLjYsNzMuMywxMy40LDczLjUsMTMuNHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBkPSJNNjMuNyw4LjRoMTIuNnY1SDYzLjdWOC40eiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIGQ9Ik02NS41LDMuNmg4LjljMSwwLDEuOSwwLjgsMS45LDEuOXYzLjFINjMuN1Y1LjVDNjMuNyw0LjQsNjQuNSwzLjYsNjUuNSwzLjZ6Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiM4Njg2ODYiIGN4PSI2Ni4yIiBjeT0iMTAuOSIgcng9IjAuOSIgcnk9IjAuOSIvPgoJCQk8ZWxsaXBzZSBmaWxsPSIjODY4Njg2IiBjeD0iNzMuOCIgY3k9IjEwLjkiIHJ4PSIwLjkiIHJ5PSIwLjkiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IkFjdGl2aXRpZXMiPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgZD0iTTk2LjQsMTBjMCwzLjYtMi45LDYuNS02LjQsNi41cy02LjQtMi45LTYuNC02LjVzMi45LTYuNSw2LjQtNi41Uzk2LjQsNi40LDk2LjQsMTB6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgZD0iTTk2LjMsOC42YzAsMCwwLDAuMSwwLDAuMWMtMC45LDAuMS0yLjksMC4xLTQuNi0xLjJjLTEuMS0wLjgtMi0xLjctMi42LTIuNQoJCQkJYy0wLjMtMC40LTAuNi0wLjgtMC43LTEuMWMtMC4xLTAuMS0wLjEtMC4yLTAuMS0wLjJjMC41LTAuMSwxLjItMC4yLDItMC4yYzEuMiwwLDIuNSwwLjMsMy41LDEuMWMxLDAuOCwxLjcsMS44LDIuMSwyLjgKCQkJCUM5Ni4xLDcuOSw5Ni4yLDguMyw5Ni4zLDguNnoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBkPSJNODQsMTIuMWMwLDAsMC0wLjEsMC0wLjFjMC45LTAuMiwyLjktMC40LDQuNywwLjZjMS4xLDAuNiwxLjksMS41LDIuNCwyLjMKCQkJCWMwLjQsMC41LDAuNiwxLDAuNywxLjNjLTAuNCwwLjEtMSwwLjItMS43LDAuM2MtMSwwLTIuMS0wLjEtMy4yLTAuOGMtMS4xLTAuNi0xLjktMS42LTIuNC0yLjVDODQuMiwxMi44LDg0LjEsMTIuNCw4NCwxMi4xeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iT2JqZWN0c18wMDAwMDA2NDMxMjM3MTczOTEzMDMxNTI1MDAwMDAxMDIyNTg4OTAzMjIyODYzMjk3NV8iPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTE2LjMsNi44bC0xLjQsMkwxMTQuMSw4bC0wLjYtMC43bDAsMC45bC0wLjEsOC4yaC02LjhsLTAuMS04LjIKCQkJCWwwLTAuOUwxMDUuOSw4bC0wLjgsMC44bC0xLjQtMmwyLjYtMi45YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4xaDEuM2wwLjQsMC43YzAuNywxLjMsMi42LDEuMywzLjMtMC4xbDAuMy0wLjZoMS4yCgkJCQljMC4xLDAsMC4yLDAsMC4zLDAuMWwwLjMtMC4zbC0wLjMsMC4zTDExNi4zLDYuOHoiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBkPSJNMTEwLjEsNy43aDJ2MC45YzAsMC40LTAuNCwwLjctMSwwLjdjLTAuNiwwLTEtMC4zLTEtMC43TDExMC4xLDcuN0wxMTAuMSw3Ljd6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJTeW1ib2xzXzAwMDAwMDk2NzQ2OTA3ODY5OTI5OTIxMTgwMDAwMDA2NDg0ODEyODMwMjgyNTgyNDE2XyI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBkPSJNMTI2LjgsMTQuM2MwLDEuMi0xLDIuMi0yLjIsMi4ycy0yLjItMS0yLjItMi4yczEtMi4yLDIuMi0yLjJTMTI2LjgsMTMuMSwxMjYuOCwxNC4zeiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIGQ9Ik0xMzcuNiwxNC4zYzAsMS4yLTEsMi4yLTIuMiwyLjJjLTEuMiwwLTIuMi0xLTIuMi0yLjJzMS0yLjIsMi4yLTIuMgoJCQkJQzEzNi42LDEyLjEsMTM3LjYsMTMuMSwxMzcuNiwxNC4zeiIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIGQ9Ik0xMjYuOCw0LjR2OS45Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgZD0iTTEzNy43LDQuNHY5LjkiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBkPSJNMTI2LjgsMy41aDEwLjh2Mi43aC0xMC44QzEyNi44LDYuMiwxMjYuOCwzLjUsMTI2LjgsMy41eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjZW50cyI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzg2ODY4NiIgZD0iTTE3MC44LDMuMUwxNzAuOCwzLjFjLTAuMywwLTAuNSwwLTAuOCwwYy0yLjEsMC00LDEtNS4zLDIuNWwtMC4xLDBsLTAuMS0wLjFsLTEtMS4ybC0wLjMsMy40bDMuNCwwLjMKCQkJCWwtMS4xLTEuM2wtMC4xLTAuMWwwLjEtMC4xYzEuMS0xLjQsMy0yLjMsNS0yLjFsMCwwYzMuMiwwLjMsNS41LDMuMSw1LjIsNi4zYy0wLjMsMy0zLjEsNS4zLTYuMSw1LjFjLTMuMS0wLjItNS40LTIuOS01LjMtNgoJCQkJTDE2Myw5LjVjLTAuMiwzLjgsMi42LDcuMSw2LjMsNy40YzMuOSwwLjQsNy4zLTIuNiw3LjYtNi41QzE3Ny4yLDYuOCwxNzQuNCwzLjUsMTcwLjgsMy4xeiIvPgoJCQk8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNMTcwLjMsNy40YzAtMC4zLTAuMy0wLjYtMC42LTAuNlMxNjksNy4xLDE2OSw3LjR2My4yYzAsMC4yLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMywwLjIsMC40LDAuMgoJCQkJaDIuNGMwLjQsMCwwLjYtMC4zLDAuNi0wLjZzLTAuMy0wLjYtMC42LTAuNmgtMS42aC0wLjJWOS44TDE3MC4zLDcuNEwxNzAuMyw3LjR6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJDdXN0b21fMDAwMDAxODEwODcyMjk0MzQzMDIzMzY3ODAwMDAwMDUxNTIyNzc5NDU5NDA2NzQ0ODhfIj4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIGQ9Ik0xODYuMiwzLjRoNy43YzEuNSwwLDIuNywxLjIsMi43LDIuN3Y3LjdjMCwxLjUtMS4yLDIuNy0yLjcsMi43aC03LjcKCQkJCWMtMS41LDAtMi43LTEuMi0yLjctMi43VjYuMUMxODMuNCw0LjYsMTg0LjcsMy40LDE4Ni4yLDMuNHoiLz4KCQkJPGVsbGlwc2UgZmlsbD0iIzg2ODY4NiIgY3g9IjE4NiIgY3k9IjguOSIgcng9IjAuNyIgcnk9IjAuNyIvPgoJCQk8ZWxsaXBzZSBmaWxsPSIjODY4Njg2IiBjeD0iMTk0IiBjeT0iNi43IiByeD0iMC43IiByeT0iMC43Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTg2LDEzLjNsMC40LTAuM2MwLjQtMC4zLDEtMC4zLDEuNS0wLjFsMSwwLjQKCQkJCWMwLjUsMC4yLDEsMC4yLDEuNS0wLjFsMC44LTAuNWMwLjQtMC4zLDEtMC4zLDEuNS0wLjFsMS44LDAuOCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBzdHJva2U9IiM4Njg2ODYiIHN0cm9rZS13aWR0aD0iMC4yNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTU2LDQuM2MtMC4yLTAuMS0wLjQtMC4xLTAuNSwwCgljMCwwLTAuMiwwLjEtMC45LDAuMWMtMC43LDAtMi40LTAuMS0zLjgtMC42Yy0wLjgtMC4zLTEuNy0wLjUtMi41LTAuNWMtMC4yLDAtMC40LDAtMC41LDBjLTEuMywwLTIuNSwwLjMtMy42LDEKCWMtMC4yLDAuMS0wLjIsMC4yLTAuMiwwLjR2MTEuNmMwLDAuMywwLjEsMC41LDAuMywwLjVjMC42LDAsMC41LTAuNCwwLjUtMC42di01LjdjMC43LTAuMywzLjItMS4xLDUuOC0wLjFjMS42LDAuNiwzLjUsMC43LDQuMywwLjcKCWMwLjgsMCwxLjMtMC4zLDEuMy0wLjNjMC4yLTAuMSwwLjMtMC4yLDAuMy0wLjRWNC43QzE1Ni4yLDQuNSwxNTYuMSw0LjQsMTU2LDQuM3ogTTE1NS42LDEwLjJjLTAuMSwwLTAuNywwLjEtMSwwLjEKCWMtMC43LDAtMi40LTAuMS0zLjgtMC42Yy0yLjUtMS01LTAuNS02LjItMC4xVjQuN2MwLjktMC41LDIuMi0wLjcsMy4yLTAuN2MwLjEsMCwwLjMsMCwwLjQsMGMwLjcsMCwxLjUsMC4yLDIuMiwwLjQKCWMxLjYsMC42LDMuNSwwLjcsNC4zLDAuN2MwLjIsMCwwLjgsMCwxLTAuMVYxMC4yeiIvPgo8ZyBpZD0iRm9vZCI+Cgk8ZyBpZD0iTGF5ZXJfMTIiPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIGQ9Ik00OC4xLDMuNWgzLjdjMi41LDAsNC41LDIsNC41LDQuNWMwLDAuNS0wLjQsMC45LTAuOSwwLjlINDQuNWMtMC41LDAtMC45LTAuNC0wLjktMC45CgkJCQlDNDMuNiw1LjUsNDUuNiwzLjUsNDguMSwzLjV6Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSw4LjdjLTAuMiwwLjEtMC41LDEuMiwwLDEuNWMxLjQsMC45LDguNSwwLjgsMTEuMywwLjYKCQkJCWMwLjgtMC4xLDEuNi0wLjQsMS43LTEuMmMwLTAuMy0wLjEtMC42LTAuNi0wLjkiLz4KCQkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik00My41LDEwLjZMNDMuMywxMWMtMC4yLDAuNSwwLjIsMSwwLjcsMC45CgkJCQljMC4zLTAuMSwwLjUsMC4xLDAuNywwLjNsMC4xLDAuMmMwLjMsMC41LDEsMC42LDEuNSwwLjJsMCwwYzAuMy0wLjIsMC43LTAuMywxLTAuMmwwLjgsMC4zYzAuNCwwLjEsMC44LDAuMSwxLjIsMGwwLjUtMC4yCgkJCQljMC40LTAuMiwwLjktMC4yLDEuMywwbDAuNSwwLjJjMC40LDAuMiwwLjgsMC4xLDEuMi0wLjFsMC4yLTAuMWMwLjMtMC4yLDAuOC0wLjEsMS4xLDAuMWwwLjIsMC4yYzAuMywwLjMsMC44LDAuMiwxLTAuMmwwLjEtMC4yCgkJCQljMC4xLTAuMiwwLTAuMywwLjItMC40YzAuNSwwLDEuMi0wLjMsMS4xLTAuN2wtMC40LTEuMSIvPgoJCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTQzLjUsMTIuMWMtMC4xLDAuMi0wLjMsMC44LDAsMS4xYzAuMywwLjQsMywxLjEsNi40LDEuMQoJCQkJYzIuMiwwLDQuNi0wLjMsNi0wLjZjMC41LTAuMSwwLjktMC40LDAuOC0wLjljMC0wLjItMC4yLTAuNS0wLjQtMC43Ii8+CgkJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNDMuNSwxMy4zYzAsMC41LDAuNiwyLjQsMS4zLDIuNmMxLjgsMC44LDUuNywwLjcsOC4xLDAuNQoJCQkJYzEuMy0wLjEsMi41LTAuNywzLjItMS44YzAuMy0wLjUsMC41LTEsMC41LTEuNCIvPgoJCQk8ZWxsaXBzZSBmaWxsPSIjODY4Njg2IiBjeD0iNTEuNiIgY3k9IjYuNSIgcng9IjAuMyIgcnk9IjAuNCIvPgoJCQk8ZWxsaXBzZSBmaWxsPSIjODY4Njg2IiBjeD0iNTMiIGN5PSI0LjkiIHJ4PSIwLjMiIHJ5PSIwLjQiLz4KCQkJPGVsbGlwc2UgZmlsbD0iIzg2ODY4NiIgY3g9IjUzIiBjeT0iNy4yIiByeD0iMC4zIiByeT0iMC40Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiM4Njg2ODYiIGN4PSI1NC4zIiBjeT0iNi41IiByeD0iMC4zIiByeT0iMC40Ii8+CgkJCTxlbGxpcHNlIGZpbGw9IiM4Njg2ODYiIGN4PSI1MC45IiBjeT0iNC45IiByeD0iMC4zIiByeT0iMC40Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJBbmltYWxzIj4KCTxnPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgZD0iTTI0LjIsMTFWMy41YzAuMSwwLjEsMC44LDAuOSwyLjgsMy4xYzIuNS0xLjcsNS42LTAuNyw2LjksMGwyLjQtMy4xdjcuMQoJCQljMCwxLjItMC4xLDIuNS0wLjksMy40Yy0xLDEuMi0yLjcsMi41LTUuMywyLjVjLTIuOSwwLTQuNS0xLjUtNS4zLTIuOUMyNC4yLDEyLjksMjQuMiwxMS45LDI0LjIsMTF6Ii8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0yMS4yLDEwbDUuNCwxLjIiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4Njg2ODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTIxLjIsMTQuMWw1LjQtMS4yIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0zOC44LDEwbC01LjQsMS4yIi8+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODY4Njg2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0zOC44LDE0LjFsLTUuNC0xLjIiLz4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzg2ODY4NiIgZD0iTTI5LjUsMTIuNEwyOSwxMS43Yy0wLjItMC4zLDAtMC42LDAuMy0wLjZoMS40CgkJCWMwLjMsMCwwLjUsMC40LDAuMywwLjZsLTAuNywxbDAsMGMtMC43LDEuMi0yLjYsMS4xLTMuMS0wLjNsLTAuMS0wLjJjLTAuMS0wLjIsMC0wLjQsMC4yLTAuNXMwLjQsMCwwLjUsMC4ybDAuMSwwLjIKCQkJQzI4LjMsMTIuNywyOS4xLDEyLjksMjkuNSwxMi40eiIvPgoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMzIuNCwxMi4xbC0wLjEsMC4yYy0wLjQsMS0xLjgsMS4xLTIuMywwLjIiLz4KCQk8ZWxsaXBzZSBmaWxsPSIjODY4Njg2IiBjeD0iMjcuNiIgY3k9IjkuNyIgcng9IjAuNyIgcnk9IjAuNyIvPgoJCTxlbGxpcHNlIGZpbGw9IiM4Njg2ODYiIGN4PSIzMi40IiBjeT0iOS43IiByeD0iMC43IiByeT0iMC43Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+';
 
-function CategoryNavigation() {
-  var _useState = React.useState(null),
-    activeCategory = _useState[0],
-    setActiveCategory = _useState[1];
-  var scrollCategoryIntoView = useScrollCategoryIntoView();
-  useActiveCategoryScrollDetection(setActiveCategory);
-  var isSearchMode = useIsSearchMode();
-  var categoriesConfig = useCategoriesConfig();
-  var CategoryNavigationRef = useCategoryNavigationRef();
-  var hideCustomCategory = useShouldHideCustomEmojis();
-  return React.createElement("div", {
-    className: flairup.cx(styles$b.nav),
-    role: "tablist",
-    "aria-label": "Category navigation",
-    id: "epr-category-nav-id",
-    ref: CategoryNavigationRef
-  }, categoriesConfig.map(function (categoryConfig) {
-    var _cx;
-    var category = categoryFromCategoryConfig(categoryConfig);
-    var isActiveCategory = category === activeCategory;
-    if (isCustomCategory(categoryConfig) && hideCustomCategory) {
-      return null;
-    }
-    return React.createElement(Button, {
-      tabIndex: isSearchMode || isActiveCategory ? -1 : 0,
-      className: flairup.cx(styles$b.catBtn, commonInteractionStyles.categoryBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
-      key: category,
-      onClick: function onClick() {
-        setActiveCategory(category);
-        scrollCategoryIntoView(category);
-      },
-      "aria-label": categoryNameFromCategoryConfig(categoryConfig),
-      "aria-selected": isActiveCategory,
-      role: "tab",
-      "aria-controls": "epr-category-nav-id"
-    });
-  }));
+function CategoryButton(_ref) {
+  var _cx;
+  var isActiveCategory = _ref.isActiveCategory,
+    category = _ref.category,
+    allowNavigation = _ref.allowNavigation,
+    categoryConfig = _ref.categoryConfig,
+    onClick = _ref.onClick;
+  return React.createElement(Button, {
+    tabIndex: allowNavigation ? 0 : -1,
+    className: flairup.cx(styles$e.catBtn, commonInteractionStyles.categoryBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
+    onClick: onClick,
+    "aria-label": categoryNameFromCategoryConfig(categoryConfig),
+    "aria-selected": isActiveCategory,
+    role: "tab",
+    "aria-controls": "epr-category-nav-id"
+  });
 }
-var styles$b = /*#__PURE__*/stylesheet.create({
-  nav: {
-    '.': 'epr-category-nav',
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    padding: 'var(--epr-header-padding)'
-  },
-  '.epr-search-active': {
-    nav: {
-      opacity: '0.3',
-      cursor: 'default',
-      pointerEvents: 'none'
-    }
-  },
-  '.epr-main:has(input:not(:placeholder-shown))': {
-    nav: {
-      opacity: '0.3',
-      cursor: 'default',
-      pointerEvents: 'none'
+var DarkActivePositionY = {
+  backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 3)'
+};
+var DarkPositionY = {
+  backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 2)'
+};
+var DarkInactivePosition = {
+  ':not(.epr-search-active)': {
+    catBtn: {
+      ':hover': DarkActivePositionY,
+      '&.epr-active': DarkActivePositionY
     }
-  },
+  }
+};
+var styles$e = /*#__PURE__*/stylesheet.create({
   catBtn: {
     '.': 'epr-cat-btn',
     display: 'inline-block',
@@ -19301,40 +19459,146 @@ var styles$b = /*#__PURE__*/stylesheet.create({
       backgroundPositionX: 'calc(var(--epr-category-navigation-button-size) * -3)'
     }
   },
-  '.epr-dark-theme': {
+  '.epr-dark-theme': /*#__PURE__*/_extends({
+    catBtn: DarkPositionY
+  }, DarkInactivePosition),
+  '.epr-auto-theme': /*#__PURE__*/_extends({
     catBtn: {
-      backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 2)'
-    },
-    ':not(.epr-search-active)': {
-      // @ts-expect-error - need to fix this
-      catBtn: {
-        ':hover': {
-          backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 3)'
-        },
-        '&.epr-active': {
-          backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 3)'
-        }
+      '@media (prefers-color-scheme: dark)': DarkPositionY
+    }
+  }, DarkInactivePosition)
+});
+
+function CategoryNavigation() {
+  var _useState = React.useState(null),
+    activeCategory = _useState[0],
+    setActiveCategory = _useState[1];
+  var scrollCategoryIntoView = useScrollCategoryIntoView();
+  useActiveCategoryScrollDetection(setActiveCategory);
+  var isSearchMode = useIsSearchMode();
+  var categoriesConfig = useCategoriesConfig();
+  var CategoryNavigationRef = useCategoryNavigationRef();
+  var hideCustomCategory = useShouldHideCustomEmojis();
+  return React.createElement("div", {
+    className: flairup.cx(styles$f.nav),
+    role: "tablist",
+    "aria-label": "Category navigation",
+    id: "epr-category-nav-id",
+    ref: CategoryNavigationRef
+  }, categoriesConfig.map(function (categoryConfig) {
+    var category = categoryFromCategoryConfig(categoryConfig);
+    var isActiveCategory = category === activeCategory;
+    if (isCustomCategory(categoryConfig) && hideCustomCategory) {
+      return null;
+    }
+    var allowNavigation = !isSearchMode && !isActiveCategory;
+    return React.createElement(CategoryButton, {
+      key: category,
+      category: category,
+      isActiveCategory: isActiveCategory,
+      allowNavigation: allowNavigation,
+      categoryConfig: categoryConfig,
+      onClick: function onClick() {
+        setActiveCategory(category);
+        scrollCategoryIntoView(category);
       }
+    });
+  }));
+}
+var styles$f = /*#__PURE__*/stylesheet.create({
+  nav: {
+    '.': 'epr-category-nav',
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    padding: 'var(--epr-header-padding)'
+  },
+  '.epr-search-active': {
+    nav: {
+      opacity: '0.3',
+      cursor: 'default',
+      pointerEvents: 'none'
+    }
+  },
+  '.epr-main:has(input:not(:placeholder-shown))': {
+    nav: {
+      opacity: '0.3',
+      cursor: 'default',
+      pointerEvents: 'none'
+    }
+  }
+});
+
+var SVGTimes = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNi45OCwxMy41OWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVzMC4yNy0wLjA1LDAuMzctMC4xNWwyLjQyLTIuNDJsMi40MywyLjQzCgljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1YzAuMTQsMCwwLjI3LTAuMDUsMC4zNy0wLjE1YzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1bC0yLjQzLTIuNDNMMTMuMzIsOAoJYzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1Yy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMGwtMi40MiwyLjQyTDcuNzQsNy4yN2MtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDAKCWMtMC4yMSwwLjIxLTAuMjEsMC41NCwwLDAuNzVsMi40MSwyLjQxbC0yLjQyLDIuNDJDNi43NywxMy4wNSw2Ljc3LDEzLjM5LDYuOTgsMTMuNTlMNi45OCwxMy41OXoiLz4KPHBhdGggZmlsbD0iIzg2ODY4NiIgZD0iTTEwLjE1LDE4LjQzYzQuNDEsMCw4LTMuNTksOC04YzAtNC40MS0zLjU5LTgtOC04Yy00LjQxLDAtOCwzLjU5LTgsOEMyLjE1LDE0Ljg0LDUuNzQsMTguNDMsMTAuMTUsMTguNDN6CgkgTTEwLjE1LDMuNDljMy44MywwLDYuOTQsMy4xMSw2Ljk0LDYuOTRjMCwzLjgzLTMuMTEsNi45NC02Ljk0LDYuOTRjLTMuODMsMC02Ljk0LTMuMTEtNi45NC02Ljk0QzMuMjEsNi42LDYuMzMsMy40OSwxMC4xNSwzLjQ5CglMMTAuMTUsMy40OXoiLz4KPHBhdGggZmlsbD0iIzMzNzFCNyIgZD0iTTYuOTgsMzMuNTljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1czAuMjctMC4wNSwwLjM3LTAuMTVsMi40Mi0yLjQybDIuNDMsMi40MwoJYzAuMSwwLjEsMC4yNCwwLjE1LDAuMzcsMC4xNWMwLjE0LDAsMC4yNy0wLjA1LDAuMzctMC4xNWMwLjIxLTAuMjEsMC4yMS0wLjU0LDAtMC43NWwtMi40My0yLjQzTDEzLjMyLDI4CgljMC4yMS0wLjIxLDAuMjEtMC41NCwwLTAuNzVjLTAuMjEtMC4yMS0wLjU0LTAuMjEtMC43NSwwbC0yLjQyLDIuNDJsLTIuNDEtMi40MWMtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDAKCWMtMC4yMSwwLjIxLTAuMjEsMC41NCwwLDAuNzVsMi40MSwyLjQxbC0yLjQyLDIuNDJDNi43NywzMy4wNSw2Ljc3LDMzLjM5LDYuOTgsMzMuNTlMNi45OCwzMy41OXoiLz4KPHBhdGggZmlsbD0iIzMzNzFCNyIgZD0iTTEwLjE1LDM4LjQzYzQuNDEsMCw4LTMuNTksOC04YzAtNC40MS0zLjU5LTgtOC04Yy00LjQxLDAtOCwzLjU5LTgsOEMyLjE1LDM0Ljg0LDUuNzQsMzguNDMsMTAuMTUsMzguNDN6CgkgTTEwLjE1LDIzLjQ5YzMuODMsMCw2Ljk0LDMuMTEsNi45NCw2Ljk0YzAsMy44My0zLjExLDYuOTQtNi45NCw2Ljk0Yy0zLjgzLDAtNi45NC0zLjExLTYuOTQtNi45NAoJQzMuMjEsMjYuNiw2LjMzLDIzLjQ5LDEwLjE1LDIzLjQ5TDEwLjE1LDIzLjQ5eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNi45OCw1My41OWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVzMC4yNy0wLjA1LDAuMzctMC4xNWwyLjQyLTIuNDJsMi40MywyLjQzCgljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1YzAuMTQsMCwwLjI3LTAuMDUsMC4zNy0wLjE1YzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1bC0yLjQzLTIuNDNMMTMuMzIsNDgKCWMwLjIxLTAuMjEsMC4yMS0wLjU0LDAtMC43NWMtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDBsLTIuNDIsMi40MmwtMi40MS0yLjQxYy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMAoJYy0wLjIxLDAuMjEtMC4yMSwwLjU0LDAsMC43NWwyLjQxLDIuNDFsLTIuNDIsMi40MkM2Ljc3LDUzLjA1LDYuNzcsNTMuMzksNi45OCw1My41OUw2Ljk4LDUzLjU5eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNMTAuMTUsNTguNDNjNC40MSwwLDgtMy41OSw4LThjMC00LjQxLTMuNTktOC04LThjLTQuNDEsMC04LDMuNTktOCw4QzIuMTUsNTQuODQsNS43NCw1OC40MywxMC4xNSw1OC40M3oKCSBNMTAuMTUsNDMuNDljMy44MywwLDYuOTQsMy4xMSw2Ljk0LDYuOTRjMCwzLjgzLTMuMTEsNi45NC02Ljk0LDYuOTRjLTMuODMsMC02Ljk0LTMuMTEtNi45NC02Ljk0CglDMy4yMSw0Ni42LDYuMzMsNDMuNDksMTAuMTUsNDMuNDlMMTAuMTUsNDMuNDl6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik02Ljk4LDczLjU5YzAuMSwwLjEsMC4yNCwwLjE1LDAuMzcsMC4xNXMwLjI3LTAuMDUsMC4zNy0wLjE1bDIuNDItMi40MmwyLjQzLDIuNDMKCWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVjMC4xNCwwLDAuMjctMC4wNSwwLjM3LTAuMTVjMC4yMS0wLjIxLDAuMjEtMC41NCwwLTAuNzVsLTIuNDMtMi40M0wxMy4zMiw2OAoJYzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1Yy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMGwtMi40MiwyLjQybC0yLjQxLTIuNDFjLTAuMjEtMC4yMS0wLjU0LTAuMjEtMC43NSwwCgljLTAuMjEsMC4yMS0wLjIxLDAuNTQsMCwwLjc1bDIuNDEsMi40MWwtMi40MiwyLjQyQzYuNzcsNzMuMDUsNi43Nyw3My4zOSw2Ljk4LDczLjU5TDYuOTgsNzMuNTl6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik0xMC4xNSw3OC40M2M0LjQxLDAsOC0zLjU5LDgtOGMwLTQuNDEtMy41OS04LTgtOGMtNC40MSwwLTgsMy41OS04LDhDMi4xNSw3NC44NCw1Ljc0LDc4LjQzLDEwLjE1LDc4LjQzegoJIE0xMC4xNSw2My40OWMzLjgzLDAsNi45NCwzLjExLDYuOTQsNi45NGMwLDMuODMtMy4xMSw2Ljk0LTYuOTQsNi45NGMtMy44MywwLTYuOTQtMy4xMS02Ljk0LTYuOTQKCUMzLjIxLDY2LjYsNi4zMyw2My40OSwxMC4xNSw2My40OUwxMC4xNSw2My40OXoiLz4KPC9zdmc+';
+
+function BtnClearSearch() {
+  var clearSearch = useClearSearch();
+  return React.createElement(Button, {
+    className: flairup.cx(styles$g.btnClearSearch, commonInteractionStyles.visibleOnSearchOnly),
+    onClick: clearSearch,
+    "aria-label": "Clear",
+    title: "Clear"
+  }, React.createElement("div", {
+    className: flairup.cx(styles$g.icnClearnSearch)
+  }));
+}
+var HoverDark = {
+  ':hover': {
+    '> .epr-icn-clear-search': {
+      backgroundPositionY: '-60px'
+    }
+  }
+};
+var styles$g = /*#__PURE__*/stylesheet.create({
+  btnClearSearch: {
+    '.': 'epr-btn-clear-search',
+    position: 'absolute',
+    right: 'var(--epr-search-bar-inner-padding)',
+    height: '30px',
+    width: '30px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    padding: '0',
+    borderRadius: '50%',
+    ':hover': {
+      background: 'var(--epr-hover-bg-color)'
+    },
+    ':focus': {
+      background: 'var(--epr-hover-bg-color)'
+    }
+  },
+  icnClearnSearch: {
+    '.': 'epr-icn-clear-search',
+    backgroundColor: 'transparent',
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: '20px',
+    height: '20px',
+    width: '20px',
+    backgroundImage: "url(" + SVGTimes + ")",
+    ':hover': {
+      backgroundPositionY: '-20px'
+    },
+    ':focus': {
+      backgroundPositionY: '-20px'
     }
   },
+  '.epr-dark-theme': {
+    icnClearnSearch: {
+      backgroundPositionY: '-40px'
+    },
+    btnClearSearch: HoverDark
+  },
   '.epr-auto-theme': {
-    catBtn: {
+    icnClearnSearch: {
       '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 2)'
+        backgroundPositionY: '-40px'
       }
     },
-    ':not(.epr-search-active)': {
-      catBtn: {
-        '@media (prefers-color-scheme: dark)': {
-          ':hover': {
-            backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 3)'
-          },
-          // @ts-ignore
-          '&.epr-active': {
-            backgroundPositionY: 'calc(var(--epr-category-navigation-button-size) * 3)'
-          }
-        }
-      }
+    btnClearSearch: {
+      '@media (prefers-color-scheme: dark)': HoverDark
     }
   }
 });
@@ -19356,7 +19620,39 @@ function genQuery(value) {
 
 var SVGMagnifier = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzg2ODY4NiIgZD0iTTEyLDguODFjMCwyLjA4LTEuNjgsMy43Ni0zLjc2LDMuNzZjLTIuMDgsMC0zLjc2LTEuNjgtMy43Ni0zLjc2CgljMC0yLjA4LDEuNjgtMy43NiwzLjc2LTMuNzZDMTAuMzIsNS4wNSwxMiw2LjczLDEyLDguODF6IE0xMS4yMywxMi43MmMtMC44MywwLjY0LTEuODcsMS4wMS0yLjk5LDEuMDFjLTIuNzIsMC00LjkyLTIuMi00LjkyLTQuOTIKCWMwLTIuNzIsMi4yLTQuOTIsNC45Mi00LjkyYzIuNzIsMCw0LjkyLDIuMiw0LjkyLDQuOTJjMCwxLjEzLTAuMzgsMi4xNi0xLjAxLDIuOTlsMy45NCwzLjkzYzAuMjUsMC4yNSwwLjI1LDAuNjYsMCwwLjkyCgljLTAuMjUsMC4yNS0wLjY2LDAuMjUtMC45MiwwTDExLjIzLDEyLjcyeiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0MwQzBCRiIgZD0iTTEyLDI4LjgxYzAsMi4wOC0xLjY4LDMuNzYtMy43NiwzLjc2Yy0yLjA4LDAtMy43Ni0xLjY4LTMuNzYtMy43NgoJYzAtMi4wOCwxLjY4LTMuNzYsMy43Ni0zLjc2QzEwLjMyLDI1LjA1LDEyLDI2LjczLDEyLDI4LjgxeiBNMTEuMjMsMzIuNzJjLTAuODMsMC42NC0xLjg3LDEuMDEtMi45OSwxLjAxCgljLTIuNzIsMC00LjkyLTIuMi00LjkyLTQuOTJjMC0yLjcyLDIuMi00LjkyLDQuOTItNC45MmMyLjcyLDAsNC45MiwyLjIsNC45Miw0LjkyYzAsMS4xMy0wLjM4LDIuMTYtMS4wMSwyLjk5bDMuOTQsMy45MwoJYzAuMjUsMC4yNSwwLjI1LDAuNjYsMCwwLjkyYy0wLjI1LDAuMjUtMC42NiwwLjI1LTAuOTIsMEwxMS4yMywzMi43MnoiLz4KPC9zdmc+';
 
-var SVGTimes = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAyMCA4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODY4Njg2IiBkPSJNNi45OCwxMy41OWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVzMC4yNy0wLjA1LDAuMzctMC4xNWwyLjQyLTIuNDJsMi40MywyLjQzCgljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1YzAuMTQsMCwwLjI3LTAuMDUsMC4zNy0wLjE1YzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1bC0yLjQzLTIuNDNMMTMuMzIsOAoJYzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1Yy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMGwtMi40MiwyLjQyTDcuNzQsNy4yN2MtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDAKCWMtMC4yMSwwLjIxLTAuMjEsMC41NCwwLDAuNzVsMi40MSwyLjQxbC0yLjQyLDIuNDJDNi43NywxMy4wNSw2Ljc3LDEzLjM5LDYuOTgsMTMuNTlMNi45OCwxMy41OXoiLz4KPHBhdGggZmlsbD0iIzg2ODY4NiIgZD0iTTEwLjE1LDE4LjQzYzQuNDEsMCw4LTMuNTksOC04YzAtNC40MS0zLjU5LTgtOC04Yy00LjQxLDAtOCwzLjU5LTgsOEMyLjE1LDE0Ljg0LDUuNzQsMTguNDMsMTAuMTUsMTguNDN6CgkgTTEwLjE1LDMuNDljMy44MywwLDYuOTQsMy4xMSw2Ljk0LDYuOTRjMCwzLjgzLTMuMTEsNi45NC02Ljk0LDYuOTRjLTMuODMsMC02Ljk0LTMuMTEtNi45NC02Ljk0QzMuMjEsNi42LDYuMzMsMy40OSwxMC4xNSwzLjQ5CglMMTAuMTUsMy40OXoiLz4KPHBhdGggZmlsbD0iIzMzNzFCNyIgZD0iTTYuOTgsMzMuNTljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1czAuMjctMC4wNSwwLjM3LTAuMTVsMi40Mi0yLjQybDIuNDMsMi40MwoJYzAuMSwwLjEsMC4yNCwwLjE1LDAuMzcsMC4xNWMwLjE0LDAsMC4yNy0wLjA1LDAuMzctMC4xNWMwLjIxLTAuMjEsMC4yMS0wLjU0LDAtMC43NWwtMi40My0yLjQzTDEzLjMyLDI4CgljMC4yMS0wLjIxLDAuMjEtMC41NCwwLTAuNzVjLTAuMjEtMC4yMS0wLjU0LTAuMjEtMC43NSwwbC0yLjQyLDIuNDJsLTIuNDEtMi40MWMtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDAKCWMtMC4yMSwwLjIxLTAuMjEsMC41NCwwLDAuNzVsMi40MSwyLjQxbC0yLjQyLDIuNDJDNi43NywzMy4wNSw2Ljc3LDMzLjM5LDYuOTgsMzMuNTlMNi45OCwzMy41OXoiLz4KPHBhdGggZmlsbD0iIzMzNzFCNyIgZD0iTTEwLjE1LDM4LjQzYzQuNDEsMCw4LTMuNTksOC04YzAtNC40MS0zLjU5LTgtOC04Yy00LjQxLDAtOCwzLjU5LTgsOEMyLjE1LDM0Ljg0LDUuNzQsMzguNDMsMTAuMTUsMzguNDN6CgkgTTEwLjE1LDIzLjQ5YzMuODMsMCw2Ljk0LDMuMTEsNi45NCw2Ljk0YzAsMy44My0zLjExLDYuOTQtNi45NCw2Ljk0Yy0zLjgzLDAtNi45NC0zLjExLTYuOTQtNi45NAoJQzMuMjEsMjYuNiw2LjMzLDIzLjQ5LDEwLjE1LDIzLjQ5TDEwLjE1LDIzLjQ5eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNNi45OCw1My41OWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVzMC4yNy0wLjA1LDAuMzctMC4xNWwyLjQyLTIuNDJsMi40MywyLjQzCgljMC4xLDAuMSwwLjI0LDAuMTUsMC4zNywwLjE1YzAuMTQsMCwwLjI3LTAuMDUsMC4zNy0wLjE1YzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1bC0yLjQzLTIuNDNMMTMuMzIsNDgKCWMwLjIxLTAuMjEsMC4yMS0wLjU0LDAtMC43NWMtMC4yMS0wLjIxLTAuNTQtMC4yMS0wLjc1LDBsLTIuNDIsMi40MmwtMi40MS0yLjQxYy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMAoJYy0wLjIxLDAuMjEtMC4yMSwwLjU0LDAsMC43NWwyLjQxLDIuNDFsLTIuNDIsMi40MkM2Ljc3LDUzLjA1LDYuNzcsNTMuMzksNi45OCw1My41OUw2Ljk4LDUzLjU5eiIvPgo8cGF0aCBmaWxsPSIjQzBDMEJGIiBkPSJNMTAuMTUsNTguNDNjNC40MSwwLDgtMy41OSw4LThjMC00LjQxLTMuNTktOC04LThjLTQuNDEsMC04LDMuNTktOCw4QzIuMTUsNTQuODQsNS43NCw1OC40MywxMC4xNSw1OC40M3oKCSBNMTAuMTUsNDMuNDljMy44MywwLDYuOTQsMy4xMSw2Ljk0LDYuOTRjMCwzLjgzLTMuMTEsNi45NC02Ljk0LDYuOTRjLTMuODMsMC02Ljk0LTMuMTEtNi45NC02Ljk0CglDMy4yMSw0Ni42LDYuMzMsNDMuNDksMTAuMTUsNDMuNDlMMTAuMTUsNDMuNDl6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik02Ljk4LDczLjU5YzAuMSwwLjEsMC4yNCwwLjE1LDAuMzcsMC4xNXMwLjI3LTAuMDUsMC4zNy0wLjE1bDIuNDItMi40MmwyLjQzLDIuNDMKCWMwLjEsMC4xLDAuMjQsMC4xNSwwLjM3LDAuMTVjMC4xNCwwLDAuMjctMC4wNSwwLjM3LTAuMTVjMC4yMS0wLjIxLDAuMjEtMC41NCwwLTAuNzVsLTIuNDMtMi40M0wxMy4zMiw2OAoJYzAuMjEtMC4yMSwwLjIxLTAuNTQsMC0wLjc1Yy0wLjIxLTAuMjEtMC41NC0wLjIxLTAuNzUsMGwtMi40MiwyLjQybC0yLjQxLTIuNDFjLTAuMjEtMC4yMS0wLjU0LTAuMjEtMC43NSwwCgljLTAuMjEsMC4yMS0wLjIxLDAuNTQsMCwwLjc1bDIuNDEsMi40MWwtMi40MiwyLjQyQzYuNzcsNzMuMDUsNi43Nyw3My4zOSw2Ljk4LDczLjU5TDYuOTgsNzMuNTl6Ii8+CjxwYXRoIGZpbGw9IiM2QUE5REQiIGQ9Ik0xMC4xNSw3OC40M2M0LjQxLDAsOC0zLjU5LDgtOGMwLTQuNDEtMy41OS04LTgtOGMtNC40MSwwLTgsMy41OS04LDhDMi4xNSw3NC44NCw1Ljc0LDc4LjQzLDEwLjE1LDc4LjQzegoJIE0xMC4xNSw2My40OWMzLjgzLDAsNi45NCwzLjExLDYuOTQsNi45NGMwLDMuODMtMy4xMSw2Ljk0LTYuOTQsNi45NGMtMy44MywwLTYuOTQtMy4xMS02Ljk0LTYuOTQKCUMzLjIxLDY2LjYsNi4zMyw2My40OSwxMC4xNSw2My40OUwxMC4xNSw2My40OXoiLz4KPC9zdmc+';
+function IcnSearch() {
+  return React.createElement("div", {
+    className: flairup.cx(styles$h.icnSearch)
+  });
+}
+var styles$h = /*#__PURE__*/stylesheet.create({
+  icnSearch: {
+    '.': 'epr-icn-search',
+    content: '',
+    position: 'absolute',
+    top: '50%',
+    left: 'var(--epr-search-bar-inner-padding)',
+    transform: 'translateY(-50%)',
+    width: '20px',
+    height: '20px',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: '0 0',
+    backgroundSize: '20px',
+    backgroundImage: "url(" + SVGMagnifier + ")"
+  },
+  '.epr-dark-theme': {
+    icnSearch: {
+      backgroundPositionY: '-20px'
+    }
+  },
+  '.epr-auto-theme': {
+    icnSearch: {
+      '@media (prefers-color-scheme: dark)': {
+        backgroundPositionY: '-20px'
+      }
+    }
+  }
+});
 
 function SearchContainer() {
   var searchDisabled = useSearchDisabledConfig();
@@ -19365,7 +19661,7 @@ function SearchContainer() {
     return null;
   }
   return React.createElement(Flex, {
-    className: flairup.cx(styles$c.overlay)
+    className: flairup.cx(styles$i.overlay)
   }, React.createElement(Search, null), isSkinToneInSearch ? React.createElement(SkinTonePicker, null) : null);
 }
 function Search() {
@@ -19374,7 +19670,6 @@ function Search() {
     setInc = _useState[1];
   var closeAllOpenToggles = useCloseAllOpenToggles();
   var SearchInputRef = useSearchInputRef();
-  var clearSearch = useClearSearch();
   var placeholder = useSearchPlaceHolderConfig();
   var autoFocus = useAutoFocusSearchConfig();
   var _useFilter = useFilter(),
@@ -19384,7 +19679,7 @@ function Search() {
   var input = SearchInputRef == null ? void 0 : SearchInputRef.current;
   var value = input == null ? void 0 : input.value;
   return React.createElement(Relative, {
-    className: flairup.cx(styles$c.searchContainer)
+    className: flairup.cx(styles$i.searchContainer)
   }, React.createElement(CssSearch, {
     value: value
   }), React.createElement("input", {
@@ -19392,7 +19687,7 @@ function Search() {
     autoFocus: autoFocus,
     "aria-label": 'Type to search for an emoji',
     onFocus: closeAllOpenToggles,
-    className: flairup.cx(styles$c.search),
+    className: flairup.cx(styles$i.search),
     type: "text",
     "aria-controls": "epr-search-id",
     placeholder: placeholder,
@@ -19406,22 +19701,13 @@ function Search() {
     ref: SearchInputRef
   }), searchTerm ? React.createElement("div", {
     role: "status",
-    className: flairup.cx('epr-status-search-results', styles$c.visuallyHidden),
+    className: flairup.cx('epr-status-search-results', styles$i.visuallyHidden),
     "aria-live": "polite",
     id: "epr-search-id",
     "aria-atomic": "true"
-  }, statusSearchResults) : null, React.createElement("div", {
-    className: flairup.cx(styles$c.icnSearch)
-  }), React.createElement(Button, {
-    className: flairup.cx(styles$c.btnClearSearch, commonInteractionStyles.visibleOnSearchOnly),
-    onClick: clearSearch,
-    "aria-label": "Clear",
-    title: "Clear"
-  }, React.createElement("div", {
-    className: flairup.cx(styles$c.icnClearnSearch)
-  })));
+  }, statusSearchResults) : null, React.createElement(IcnSearch, null), React.createElement(BtnClearSearch, null));
 }
-var styles$c = /*#__PURE__*/stylesheet.create({
+var styles$i = /*#__PURE__*/stylesheet.create({
   overlay: {
     padding: 'var(--epr-header-padding)',
     zIndex: 'var(--epr-header-overlay-z-index)'
@@ -19459,20 +19745,6 @@ var styles$c = /*#__PURE__*/stylesheet.create({
       color: 'var(--epr-search-input-placeholder-color)'
     }
   },
-  icnSearch: {
-    '.': 'epr-icn-search',
-    content: '',
-    position: 'absolute',
-    top: '50%',
-    left: 'var(--epr-search-bar-inner-padding)',
-    transform: 'translateY(-50%)',
-    width: '20px',
-    height: '20px',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: '0 0',
-    backgroundSize: '20px',
-    backgroundImage: "url(" + SVGMagnifier + ")"
-  },
   btnClearSearch: {
     '.': 'epr-btn-clear-search',
     position: 'absolute',
@@ -19509,9 +19781,6 @@ var styles$c = /*#__PURE__*/stylesheet.create({
     }
   },
   '.epr-dark-theme': {
-    icnSearch: {
-      backgroundPositionY: '-20px'
-    },
     icnClearnSearch: {
       backgroundPositionY: '-40px'
     },
@@ -19522,11 +19791,6 @@ var styles$c = /*#__PURE__*/stylesheet.create({
     }
   },
   '.epr-auto-theme': {
-    icnSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: '-20px'
-      }
-    },
     icnClearnSearch: {
       '@media (prefers-color-scheme: dark)': {
         backgroundPositionY: '-40px'
@@ -19545,7 +19809,7 @@ var styles$c = /*#__PURE__*/stylesheet.create({
 
 function Header() {
   return React.createElement(Relative, {
-    className: "epr-header"
+    className: flairup.cx('epr-header', commonInteractionStyles.hiddenOnReactions)
   }, React.createElement(SearchContainer, null), React.createElement(CategoryNavigation, null));
 }
 
@@ -19950,6 +20214,7 @@ function useOnFocus() {
   }, [BodyRef, emojiStyle, getEmojiUrl]);
 }
 
+var _excluded$1 = ["width", "height"];
 function PickerMain(_ref) {
   var children = _ref.children;
   return React.createElement(PickerContextProvider, null, React.createElement(PickerStyleTag, null), React.createElement(PickerRootElement, null, children));
@@ -19957,6 +20222,8 @@ function PickerMain(_ref) {
 function PickerRootElement(_ref2) {
   var _cx;
   var children = _ref2.children;
+  var _useReactionsModeStat = useReactionsModeState(),
+    reactionsMode = _useReactionsModeStat[0];
   var theme = useThemeConfig();
   var searchModeActive = useIsSearchMode();
   var PickerMainRef = usePickerMainRef();
@@ -19964,10 +20231,17 @@ function PickerRootElement(_ref2) {
   var style = useStyleConfig();
   useKeyboardNavigation();
   useOnFocus();
+  var _ref3 = style || {},
+    width = _ref3.width,
+    height = _ref3.height,
+    styleProps = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
   return React.createElement("aside", {
-    className: flairup.cx(styles$d.main, styles$d.baseVariables, theme === exports.Theme.DARK && styles$d.darkTheme, theme === exports.Theme.AUTO && styles$d.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
+    className: flairup.cx(styles$j.main, styles$j.baseVariables, theme === exports.Theme.DARK && styles$j.darkTheme, theme === exports.Theme.AUTO && styles$j.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), reactionsMode && styles$j.reactionsMenu, className),
     ref: PickerMainRef,
-    style: style
+    style: _extends({}, styleProps, !reactionsMode && {
+      height: height,
+      width: width
+    })
   }, children);
 }
 var DarkTheme = {
@@ -19980,12 +20254,13 @@ var DarkTheme = {
   '--epr-category-label-bg-color': 'var(--epr-dark-category-label-bg-color)',
   '--epr-picker-border-color': 'var(--epr-dark-picker-border-color)',
   '--epr-bg-color': 'var(--epr-dark-bg-color)',
+  '--epr-reactions-bg-color': 'var(--epr-dark-reactions-bg-color)',
   '--epr-search-input-bg-color-active': 'var(--epr-dark-search-input-bg-color-active)',
   '--epr-emoji-variation-indicator-color': 'var(--epr-dark-emoji-variation-indicator-color)',
   '--epr-category-icon-active-color': 'var(--epr-dark-category-icon-active-color)',
   '--epr-skin-tone-picker-menu-color': 'var(--epr-dark-skin-tone-picker-menu-color)'
 };
-var styles$d = /*#__PURE__*/stylesheet.create({
+var styles$j = /*#__PURE__*/stylesheet.create({
   main: {
     '.': ['epr-main', ClassNames.emojiPicker],
     position: 'relative',
@@ -19997,6 +20272,7 @@ var styles$d = /*#__PURE__*/stylesheet.create({
     borderColor: 'var(--epr-picker-border-color)',
     backgroundColor: 'var(--epr-bg-color)',
     overflow: 'hidden',
+    transition: 'all 0.3s ease-in-out, background-color 0.1s ease-in-out',
     // @ts-expect-error - need to work on this
     '*': {
       boxSizing: 'border-box',
@@ -20012,6 +20288,7 @@ var styles$d = /*#__PURE__*/stylesheet.create({
       '--epr-search-input-bg-color': '#f6f6f6',
       '--epr-picker-border-color': '#e7e7e7',
       '--epr-bg-color': '#fff',
+      '--epr-reactions-bg-color': '#ffffff90',
       '--epr-category-icon-active-color': '#6aa8de',
       '--epr-skin-tone-picker-menu-color': '#ffffff95',
       '--epr-horizontal-padding': '10px',
@@ -20072,6 +20349,7 @@ var styles$d = /*#__PURE__*/stylesheet.create({
       '--epr-dark-category-label-bg-color': '#222222e6',
       '--epr-dark-picker-border-color': '#151617',
       '--epr-dark-bg-color': '#222222',
+      '--epr-dark-reactions-bg-color': '#22222290',
       '--epr-dark-search-input-bg-color-active': 'var(--epr-dark)',
       '--epr-dark-emoji-variation-indicator-color': '#444',
       '--epr-dark-category-icon-active-color': '#3271b7',
@@ -20087,18 +20365,42 @@ var styles$d = /*#__PURE__*/stylesheet.create({
   darkTheme: {
     '.': ClassNames.darkTheme,
     '--': DarkTheme
+  },
+  reactionsMenu: {
+    '.': 'epr-reactions',
+    height: '50px',
+    display: 'inline-flex',
+    backgroundColor: 'var(--epr-reactions-bg-color)',
+    // @ts-expect-error - need to work on this
+    backdropFilter: 'blur(8px)',
+    '--': {
+      '--epr-picker-border-radius': '50px'
+    }
   }
 });
 
 function EmojiPicker(props) {
-  return React.createElement(ElementRefContextProvider, null, React.createElement(PickerConfigProvider, Object.assign({}, props), React.createElement(PickerMain, null, React.createElement(Header, null), React.createElement(Body, null), React.createElement(Preview, null))));
+  return React.createElement(ElementRefContextProvider, null, React.createElement(PickerConfigProvider, Object.assign({}, props), React.createElement(PickerMain, null, React.createElement(ContentControl, null))));
+}
+function ContentControl() {
+  var _useReactionsModeStat = useReactionsModeState(),
+    reactionsDefaultOpen = _useReactionsModeStat[0];
+  var _React$useState = React.useState(!reactionsDefaultOpen),
+    renderAll = _React$useState[0],
+    setRenderAll = _React$useState[1];
+  React.useEffect(function () {
+    if (!renderAll) {
+      setRenderAll(true);
+    }
+  }, []);
+  return React.createElement(React.Fragment, null, React.createElement(Reactions, null), renderAll ? React.createElement(React.Fragment, null, React.createElement(Header, null), React.createElement(Body, null), React.createElement(Preview, null)) : null);
 }
 // eslint-disable-next-line complexity
 var EmojiPickerReact = /*#__PURE__*/React.memo(EmojiPicker, function (prev, next) {
   var _prev$customEmojis, _next$customEmojis;
   var prevCustomEmojis = (_prev$customEmojis = prev.customEmojis) != null ? _prev$customEmojis : [];
   var nextCustomEmojis = (_next$customEmojis = next.customEmojis) != null ? _next$customEmojis : [];
-  return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.className === next.className && prev.height === next.height && prev.width === next.width && prev.style === next.style && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
+  return prev.emojiVersion === next.emojiVersion && prev.reactionsDefaultOpen === next.reactionsDefaultOpen && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.className === next.className && prev.height === next.height && prev.width === next.width && prev.style === next.style && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
 });
 
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {