emoji-picker-react 4.6.4 → 4.6.6-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -37,6 +37,21 @@ function asSelectors() {
37
37
  }
38
38
 
39
39
  var stylesheet = /*#__PURE__*/createSheet('epr');
40
+ var commonStyles = /*#__PURE__*/stylesheet.create({
41
+ hidden: {
42
+ '.': ClassNames.hidden,
43
+ display: 'none',
44
+ opacity: '0',
45
+ pointerEvents: 'none',
46
+ visibility: 'hidden'
47
+ },
48
+ hiddenOnSearch: {
49
+ display: 'none',
50
+ opacity: '0',
51
+ pointerEvents: 'none',
52
+ visibility: 'hidden'
53
+ }
54
+ });
40
55
 
41
56
  function focusElement(element) {
42
57
  if (!element) {
@@ -18290,9 +18305,18 @@ function Button(props) {
18290
18305
  return createElement("button", Object.assign({
18291
18306
  type: "button"
18292
18307
  }, props, {
18293
- className: cx('epr-btn', props.className)
18308
+ className: cx(styles.button, props.className)
18294
18309
  }), props.children);
18295
18310
  }
18311
+ var styles = /*#__PURE__*/stylesheet.create({
18312
+ button: {
18313
+ '.': 'epr-btn',
18314
+ cursor: 'pointer',
18315
+ border: '0',
18316
+ background: 'none',
18317
+ outline: 'none'
18318
+ }
18319
+ });
18296
18320
 
18297
18321
  function ClickableEmojiButton(_ref) {
18298
18322
  var _cx;
@@ -18306,7 +18330,7 @@ function ClickableEmojiButton(_ref) {
18306
18330
  hasVariations = _ref.hasVariations,
18307
18331
  children = _ref.children;
18308
18332
  return createElement(Button, {
18309
- className: cx(ClassNames.emoji, (_cx = {}, _cx[ClassNames.hidden] = hidden, _cx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx[ClassNames.emojiHasVariations] = hasVariations && showVariations, _cx)),
18333
+ className: cx(ClassNames.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx[ClassNames.emojiHasVariations] = hasVariations && showVariations, _cx)),
18310
18334
  "data-unified": unified,
18311
18335
  "aria-label": emojiNames[0],
18312
18336
  "data-full-name": emojiNames
@@ -18423,12 +18447,7 @@ function ClickableEmoji(_ref) {
18423
18447
  }));
18424
18448
  }
18425
18449
 
18426
- var css_248z$1 = ".EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-content{grid-gap:0;display:grid;grid-template-columns:repeat(auto-fill,var(--epr-emoji-fullsize));justify-content:space-between;margin:var(--epr-category-padding);position:relative}.EmojiPickerReact li.epr-emoji-category:not(:has(.epr-visible)){display:none}.EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--epr-category-label-bg-color);color:var(--epr-category-label-text-color);display:flex;font-size:16px;font-weight:700;height:var(--epr-category-label-height);margin:0;padding:var(--epr-category-label-padding);position:-webkit-sticky;position:sticky;text-transform:capitalize;top:0;width:100%;z-index:var(--epr-category-label-z-index)}";
18427
- styleInject(css_248z$1);
18428
-
18429
18450
  function EmojiCategory(_ref) {
18430
- var _cx;
18431
-
18432
18451
  var categoryConfig = _ref.categoryConfig,
18433
18452
  children = _ref.children,
18434
18453
  hidden = _ref.hidden,
@@ -18436,15 +18455,51 @@ function EmojiCategory(_ref) {
18436
18455
  var category = categoryFromCategoryConfig(categoryConfig);
18437
18456
  var categoryName = categoryNameFromCategoryConfig(categoryConfig);
18438
18457
  return createElement("li", {
18439
- className: cx(ClassNames.category, (_cx = {}, _cx[ClassNames.hidden] = hidden, _cx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _cx)),
18458
+ className: cx(styles$1.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
18440
18459
  "data-name": category,
18441
18460
  "aria-label": categoryName
18442
18461
  }, createElement("h2", {
18443
- className: ClassNames.label
18462
+ className: cx(styles$1.label)
18444
18463
  }, categoryName), createElement("div", {
18445
- className: ClassNames.categoryContent
18464
+ className: cx(styles$1.categoryContent)
18446
18465
  }, children));
18447
18466
  }
18467
+ var styles$1 = /*#__PURE__*/stylesheet.create({
18468
+ category: {
18469
+ '.': ClassNames.category,
18470
+ ':not(:has(.epr-visible))': {
18471
+ display: 'none'
18472
+ }
18473
+ },
18474
+ categoryContent: {
18475
+ '.': ClassNames.categoryContent,
18476
+ display: 'grid',
18477
+ gridGap: '0',
18478
+ gridTemplateColumns: 'repeat(auto-fill, var(--epr-emoji-fullsize))',
18479
+ justifyContent: 'space-between',
18480
+ margin: 'var(--epr-category-padding)',
18481
+ position: 'relative'
18482
+ },
18483
+ label: {
18484
+ '.': ClassNames.label,
18485
+ alignItems: 'center',
18486
+ // @ts-expect-error - backdropFilter is a valid CSS property
18487
+ backdropFilter: 'blur(3px)',
18488
+ backgroundColor: 'var(--epr-category-label-bg-color)',
18489
+ color: 'var(--epr-category-label-text-color)',
18490
+ display: 'flex',
18491
+ fontSize: '16px',
18492
+ fontWeight: 'bold',
18493
+ height: 'var(--epr-category-label-height)',
18494
+ margin: '0',
18495
+ padding: 'var(--epr-category-label-padding)',
18496
+ position: 'sticky',
18497
+ textTransform: 'capitalize',
18498
+ top: '0',
18499
+ width: '100%',
18500
+ zIndex: 'var(--epr-category-label-z-index)'
18501
+ }
18502
+ });
18448
18503
 
18449
18504
  function Suggested(_ref) {
18450
18505
  var categoryConfig = _ref.categoryConfig;
@@ -18487,7 +18542,7 @@ function EmojiList() {
18487
18542
  var categories = useCategoriesConfig();
18488
18543
  var renderdCategoriesCountRef = useRef(0);
18489
18544
  return createElement("ul", {
18490
- className: cx(styles.emojiList)
18545
+ className: cx(styles$2.emojiList)
18491
18546
  }, categories.map(function (categoryConfig) {
18492
18547
  var category = categoryFromCategoryConfig(categoryConfig);
18493
18548
 
@@ -18569,7 +18624,7 @@ function RenderCategory(_ref) {
18569
18624
  }, emojis);
18570
18625
  }
18571
18626
 
18572
- var styles = /*#__PURE__*/stylesheet.create({
18627
+ var styles$2 = /*#__PURE__*/stylesheet.create({
18573
18628
  emojiList: {
18574
18629
  '.': ClassNames.emojiList,
18575
18630
  listStyle: 'none',
@@ -18692,8 +18747,8 @@ function visibleEmojiOneRowDown(element) {
18692
18747
  return itemInNextRow;
18693
18748
  }
18694
18749
 
18695
- var css_248z$2 = ".EmojiPickerReact .epr-emoji-variation-picker{align-items:center;background:var(--epr-emoji-variation-picker-bg-color);border:1px solid var(--epr-picker-border-color);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;height:0;height:var(--epr-emoji-variation-picker-height);justify-content:space-around;left:15px;opacity:0;padding:5px;pointer-events:none;position:absolute;right:15px;top:0;top:-100%;transform:scale(.9);transition:transform .1s ease-out,opacity .2s ease-out;visibility:hidden;z-index:var(--epr-skin-variation-picker-z-index)}.EmojiPickerReact .epr-emoji-variation-picker.pointing-up{transform:scale(.9);transform-origin:center 0}.EmojiPickerReact .epr-emoji-variation-picker.visible{opacity:1;pointer-events:all;transform:scale(1);visibility:visible}.EmojiPickerReact .epr-emoji-variation-picker .EmojiPickerReact .epr-emoji-variation-picker button.epr-emoji:hover{background:none}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='15' xml:space='preserve'%3E%3Cg stroke-miterlimit='10'%3E%3Cpath fill='%23FFF' stroke='%23E8E7E7' d='m1.86-.43 9.83 11.53c.59.69 1.56.69 2.14 0L23.66-.43'/%3E%3Cpath fill='%23010202' stroke='%23151617' d='m26.86-.43 9.83 11.53c.59.69 1.56.69 2.14 0L48.66-.43'/%3E%3C/g%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:50px 15px;content:\"\";height:15px;position:absolute;top:-10px;width:25px}.EmojiPickerReact.epr-dark-theme .epr-emoji-variation-picker .epr-emoji-pointer{background-position:-25px 0}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-emoji-variation-picker .epr-emoji-pointer{background-position:-25px 0}}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer{top:100%;transform:translateX(-18px)}.EmojiPickerReact .epr-emoji-variation-picker.pointing-up .epr-emoji-pointer{top:0;transform:rotate(180deg) translateY(100%) translateX(18px)}";
18696
- styleInject(css_248z$2);
18750
+ var css_248z$1 = ".EmojiPickerReact .epr-emoji-variation-picker{align-items:center;background:var(--epr-emoji-variation-picker-bg-color);border:1px solid var(--epr-picker-border-color);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;height:0;height:var(--epr-emoji-variation-picker-height);justify-content:space-around;left:15px;opacity:0;padding:5px;pointer-events:none;position:absolute;right:15px;top:0;top:-100%;transform:scale(.9);transition:transform .1s ease-out,opacity .2s ease-out;visibility:hidden;z-index:var(--epr-skin-variation-picker-z-index)}.EmojiPickerReact .epr-emoji-variation-picker.pointing-up{transform:scale(.9);transform-origin:center 0}.EmojiPickerReact .epr-emoji-variation-picker.visible{opacity:1;pointer-events:all;transform:scale(1);visibility:visible}.EmojiPickerReact .epr-emoji-variation-picker .EmojiPickerReact .epr-emoji-variation-picker button.epr-emoji:hover{background:none}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='15' xml:space='preserve'%3E%3Cg stroke-miterlimit='10'%3E%3Cpath fill='%23FFF' stroke='%23E8E7E7' d='m1.86-.43 9.83 11.53c.59.69 1.56.69 2.14 0L23.66-.43'/%3E%3Cpath fill='%23010202' stroke='%23151617' d='m26.86-.43 9.83 11.53c.59.69 1.56.69 2.14 0L48.66-.43'/%3E%3C/g%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:50px 15px;content:\"\";height:15px;position:absolute;top:-10px;width:25px}.EmojiPickerReact.epr-dark-theme .epr-emoji-variation-picker .epr-emoji-pointer{background-position:-25px 0}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-emoji-variation-picker .epr-emoji-pointer{background-position:-25px 0}}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer{top:100%;transform:translateX(-18px)}.EmojiPickerReact .epr-emoji-variation-picker.pointing-up .epr-emoji-pointer{top:0;transform:rotate(180deg) translateY(100%) translateX(18px)}";
18751
+ styleInject(css_248z$1);
18697
18752
 
18698
18753
  var Direction;
18699
18754
 
@@ -18833,11 +18888,11 @@ function Body() {
18833
18888
  useMouseDownHandlers(BodyRef);
18834
18889
  useOnMouseMove();
18835
18890
  return createElement("div", {
18836
- className: cx(styles$1.body),
18891
+ className: cx(styles$3.body),
18837
18892
  ref: BodyRef
18838
18893
  }, createElement(EmojiVariationPicker, null), createElement(EmojiList, null));
18839
18894
  }
18840
- var styles$1 = /*#__PURE__*/stylesheet.create({
18895
+ var styles$3 = /*#__PURE__*/stylesheet.create({
18841
18896
  body: {
18842
18897
  '.': ClassNames.scrollBody,
18843
18898
  flex: '1',
@@ -18936,9 +18991,7 @@ function useIsSkinToneInPreview() {
18936
18991
  return skinTonePickerLocationConfig === SkinTonePickerLocation.PREVIEW;
18937
18992
  }
18938
18993
 
18939
- var css_248z$3 = ".EmojiPickerReact .Flex{display:flex}.EmojiPickerReact .Flex.FlexRow{flex-direction:row}.EmojiPickerReact .Flex.FlexColumn{flex-direction:column}";
18940
- styleInject(css_248z$3);
18941
-
18994
+ var _stylesheet$create;
18942
18995
  var FlexDirection;
18943
18996
 
18944
18997
  (function (FlexDirection) {
@@ -18955,9 +19008,18 @@ function Flex(_ref) {
18955
19008
  direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
18956
19009
  return createElement("div", {
18957
19010
  style: _extends({}, style),
18958
- className: cx('Flex', className, direction)
19011
+ className: cx(styles$4.flex, className, styles$4[direction])
18959
19012
  }, children);
18960
19013
  }
19014
+ var styles$4 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
19015
+ flex: {
19016
+ display: 'flex'
19017
+ }
19018
+ }, _stylesheet$create[FlexDirection.ROW] = {
19019
+ flexDirection: 'row'
19020
+ }, _stylesheet$create[FlexDirection.COLUMN] = {
19021
+ flexDirection: 'column'
19022
+ }, _stylesheet$create));
18961
19023
 
18962
19024
  function Space(_ref) {
18963
19025
  var className = _ref.className,
@@ -18971,9 +19033,6 @@ function Space(_ref) {
18971
19033
  });
18972
19034
  }
18973
19035
 
18974
- var css_248z$4 = ".EmojiPickerReact .epr-preview{align-items:center;border-top:1px solid var(--epr-preview-border-color);height:var(--epr-preview-height);padding:0 var(--epr-horizontal-padding);position:relative;z-index:1;z-index:var(--epr-preview-z-index)}.EmojiPickerReact .epr-preview .epr-preview-emoji-label{color:var(--epr-preview-text-color);font-size:var(--epr-preview-text-size);padding:var(--epr-preview-text-padding);text-transform:capitalize}";
18975
- styleInject(css_248z$4);
18976
-
18977
19036
  function Absolute(_ref) {
18978
19037
  var children = _ref.children,
18979
19038
  className = _ref.className,
@@ -18998,8 +19057,8 @@ function Relative(_ref) {
18998
19057
  }, children);
18999
19058
  }
19000
19059
 
19001
- var css_248z$5 = ".EmojiPickerReact .epr-skin-tones{--epr-skin-tone-size:15px;align-items:center;display:flex;justify-content:flex-end;padding:10px 0;transition:all .3s ease-in-out}.EmojiPickerReact .epr-skin-tones.epr-vertical{align-items:flex-end;border:1px solid var(--epr-bg-color);border-radius:6px;flex-direction:column;padding:5px}.EmojiPickerReact .epr-skin-tones.epr-vertical.epr-open{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--epr-skin-tone-picker-menu-color);border:1px solid var(--epr-picker-border-color)}.EmojiPickerReact .epr-skin-tone-select{height:var(--epr-skin-tone-size);position:relative;width:var(--epr-skin-tone-size)}.EmojiPickerReact .epr-skin-tones.epr-open .epr-tone{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.EmojiPickerReact .epr-skin-tones:not(.epr-open) .epr-tone{opacity:0;z-index:0}.EmojiPickerReact .epr-skin-tones .epr-tone{border-radius:4px;box-shadow:0 0 0 0 var(--epr-active-skin-hover-color);cursor:pointer;display:block;height:var(--epr-skin-tone-size);position:absolute;right:0;transition:transform .3s ease-in-out,opacity .5s ease-in-out;width:var(--epr-skin-tone-size);z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone:hover{box-shadow:0 0 0 3px var(--epr-active-skin-hover-color)}.EmojiPickerReact .epr-skin-tones .epr-tone:focus{box-shadow:0 0 0 3px var(--epr-focus-bg-color)}.EmojiPickerReact .epr-skin-tones.epr-open .epr-skin-tone-select .epr-tone.epr-active:after{border:1px solid var(--epr-active-skin-tone-indicator-border-color);border-radius:5px;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{opacity:1;z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-neutral{background-color:#ffd225}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fb{background-color:#ffdfbd}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fc{background-color:#e9c197}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fd{background-color:#c88e62}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fe{background-color:#a86637}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3ff{background-color:#60463a}";
19002
- styleInject(css_248z$5);
19060
+ var css_248z$2 = ".EmojiPickerReact .epr-skin-tones{--epr-skin-tone-size:15px;align-items:center;display:flex;justify-content:flex-end;padding:10px 0;transition:all .3s ease-in-out}.EmojiPickerReact .epr-skin-tones.epr-vertical{align-items:flex-end;border:1px solid var(--epr-bg-color);border-radius:6px;flex-direction:column;padding:5px}.EmojiPickerReact .epr-skin-tones.epr-vertical.epr-open{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--epr-skin-tone-picker-menu-color);border:1px solid var(--epr-picker-border-color)}.EmojiPickerReact .epr-skin-tone-select{height:var(--epr-skin-tone-size);position:relative;width:var(--epr-skin-tone-size)}.EmojiPickerReact .epr-skin-tones.epr-open .epr-tone{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.EmojiPickerReact .epr-skin-tones:not(.epr-open) .epr-tone{opacity:0;z-index:0}.EmojiPickerReact .epr-skin-tones .epr-tone{border-radius:4px;box-shadow:0 0 0 0 var(--epr-active-skin-hover-color);cursor:pointer;display:block;height:var(--epr-skin-tone-size);position:absolute;right:0;transition:transform .3s ease-in-out,opacity .5s ease-in-out;width:var(--epr-skin-tone-size);z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone:hover{box-shadow:0 0 0 3px var(--epr-active-skin-hover-color)}.EmojiPickerReact .epr-skin-tones .epr-tone:focus{box-shadow:0 0 0 3px var(--epr-focus-bg-color)}.EmojiPickerReact .epr-skin-tones.epr-open .epr-skin-tone-select .epr-tone.epr-active:after{border:1px solid var(--epr-active-skin-tone-indicator-border-color);border-radius:5px;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{opacity:1;z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-neutral{background-color:#ffd225}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fb{background-color:#ffdfbd}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fc{background-color:#e9c197}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fd{background-color:#c88e62}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fe{background-color:#a86637}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3ff{background-color:#60463a}";
19061
+ styleInject(css_248z$2);
19003
19062
 
19004
19063
  var ITEM_SIZE = 28;
19005
19064
  function SkinTonePickerMenu() {
@@ -19095,7 +19154,7 @@ function Preview() {
19095
19154
  }
19096
19155
 
19097
19156
  return createElement(Flex, {
19098
- className: "epr-preview"
19157
+ className: cx(styles$5.preview)
19099
19158
  }, createElement(PreviewBody, null), createElement(Space, null), isSkinToneInPreview ? createElement(SkinTonePickerMenu, null) : null);
19100
19159
  }
19101
19160
  function PreviewBody() {
@@ -19139,15 +19198,31 @@ function PreviewBody() {
19139
19198
  size: 45,
19140
19199
  getEmojiUrl: getEmojiUrl
19141
19200
  }) : null), show ? createElement("div", {
19142
- className: "epr-preview-emoji-label"
19201
+ className: cx(styles$5.label)
19143
19202
  }, emojiName(emoji)) : createElement("div", {
19144
- className: "epr-preview-emoji-label"
19203
+ className: cx(styles$5.label)
19145
19204
  }, defaultText));
19146
19205
  }
19147
19206
  }
19207
+ var styles$5 = /*#__PURE__*/stylesheet.create({
19208
+ preview: {
19209
+ alignItems: 'center',
19210
+ borderTop: '1px solid var(--epr-preview-border-color)',
19211
+ height: 'var(--epr-preview-height)',
19212
+ padding: '0 var(--epr-horizontal-padding)',
19213
+ position: 'relative',
19214
+ zIndex: 'var(--epr-preview-z-index)'
19215
+ },
19216
+ label: {
19217
+ color: 'var(--epr-preview-text-color)',
19218
+ fontSize: 'var(--epr-preview-text-size)',
19219
+ padding: 'var(--epr-preview-text-padding)',
19220
+ textTransform: 'capitalize'
19221
+ }
19222
+ });
19148
19223
 
19149
- var css_248z$6 = ".EmojiPickerReact .epr-category-nav{display:flex;flex-direction:row;justify-content:space-around;padding:var(--epr-header-padding)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-size:calc(var(--epr-category-navigation-button-size)*10);display:inline-block;height:var(--epr-category-navigation-button-size);outline:none;position:relative;transition:opacity .2s ease-in-out;width:var(--epr-category-navigation-button-size)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn:focus:before{border:2px solid var(--epr-category-icon-active-color);border-radius:50%;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}.EmojiPickerReact.epr-search-active .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cg fill='%233371B7' stroke='%233371B7' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 29.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 23c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3Cpath d='M14.6 31.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 34.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M64.1 33.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.5 23.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%233371B7' cx='66.2' cy='30.9' rx='.9' ry='1'/%3E%3Cellipse fill='%233371B7' cx='73.8' cy='30.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.4 30c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 28.6v.1c-.9.1-2.9.1-4.6-1.1-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.1-.1-.2.5-.1 1.2-.2 2-.1 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.2.3.6.4.9zM84 32.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.3 26.8-1.4 2-.8-.8-.6-.6v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.6-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 27.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='M170.8 23.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 27.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.2 23.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%233371B7' cx='186' cy='28.9' r='.7'/%3E%3Ccircle fill='%233371B7' cx='194' cy='26.7' r='.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m186 33.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%233371B7' stroke='%233371B7' stroke-width='.25' stroke-miterlimit='10' d='M156 24.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.1 23.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%233371B7' cx='51.6' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='25' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='27.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='54.3' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='50.9' cy='25' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.2 31v-7.6c.1.1.8.9 2.8 3.1 2.5-1.6 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.2 30 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 30l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.5 32.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.7' r='.7'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.7' r='.7'/%3E%3Cg fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 49.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm1.8 3.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 54.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 43c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M64.1 53.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.5 43.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%23C0C0BF' cx='66.2' cy='50.9' rx='.9' ry='1'/%3E%3Cellipse fill='%23C0C0BF' cx='73.8' cy='50.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.4 50c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 48.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.4.3.8.4 1.1zM84 52.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.3 46.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 47.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='M170.8 43.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 47.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.2 43.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23C0C0BF' cx='186' cy='48.9' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='194' cy='46.7' r='.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m186 53.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.25' stroke-miterlimit='10' d='M156 44.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.1 43.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23C0C0BF' cx='51.6' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='45' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='47.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='54.3' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='50.9' cy='45' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.2 51v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.2 50 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 50l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.5 52.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.7' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.7' r='.7'/%3E%3Cg fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M14.6 71.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 74.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm2.8-4.6c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm-5.6 1.5c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 63c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M64.1 73.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4V76c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.5 63.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%236AA9DD' cx='66.2' cy='70.9' r='.9'/%3E%3Ccircle fill='%236AA9DD' cx='73.8' cy='70.9' r='.9'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.4 70c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 68.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 72.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.9-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.3 66.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 67.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='M170.8 63.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 67.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.7-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.2 63.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%236AA9DD' cx='186' cy='68.9' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='194' cy='66.7' r='.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m186 73.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.25' stroke-miterlimit='10' d='M156 64.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.1 63.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.8c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2-.1l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%236AA9DD' cx='51.6' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='65' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='67.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='54.3' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='50.9' cy='65' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.2 71v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.2 70.1 5.4 1.2m-5.4 2.8 5.4-1.2m12.2-2.8-5.4 1.2m5.4 2.8-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.5 72.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.7' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.7' r='.7'/%3E%3Cg fill='%23868686' stroke='%23868686' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 9.5c.6 0 1.1-.5 1.1-1.2 0-.6-.5-1.1-1.1-1.1-.6 0-1.2.5-1.2 1.1s.6 1.2 1.2 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM7.2 9.5c.6 0 1.2-.5 1.2-1.2 0-.6-.5-1.1-1.2-1.1-.6 0-1.1.5-1.1 1.1s.5 1.2 1.1 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zm7.4 3.3c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.2.1-.3 0-.4zM10 14.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2z'/%3E%3Cpath d='M10 3c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2S6.6 3.8 10 3.8s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M64.1 13.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4 0h2.4c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.2.2-.4.4-.4zm-9.8-5h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.5 3.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7V5.5c0-1.1.8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%23868686' cx='66.2' cy='10.9' r='.9'/%3E%3Ccircle fill='%23868686' cx='73.8' cy='10.9' r='.9'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.4 10c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 8.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 12.1V12c.9-.2 2.9-.4 4.7.6 1.1.6 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8-1.1-.6-1.9-1.6-2.4-2.5-.3-.4-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.3 6.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 7.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9M126.8 3.5h10.8v2.7h-10.8V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='M170.8 3.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.3c-.2 3.8 2.6 7.1 6.3 7.4 3.9.4 7.3-2.6 7.6-6.5.3-3.6-2.5-6.9-6.1-7.3z'/%3E%3Cpath d='M170.3 7.4c0-.3-.3-.6-.6-.6s-.7.3-.7.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.2 3.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7V6.1c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23868686' cx='186' cy='8.9' r='.7'/%3E%3Ccircle fill='%23868686' cx='194' cy='6.7' r='.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m186 13.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23868686' stroke='%23868686' stroke-width='.25' stroke-miterlimit='10' d='M156 4.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.1s-2.4-.1-3.8-.6c-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4V4.7c-.3-.2-.4-.3-.5-.4zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1V4.7c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.1 3.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.7c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.1.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.1 1.2-.1l.2-.1c.3-.2.8-.1 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.4.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.1c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.3c0 .5.6 2.4 1.3 2.6 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23868686' cx='51.6' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='4.9' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='7.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='54.3' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='50.9' cy='4.9' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.2 11V3.5c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.7-.6-1.7-.6-2.6z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.2 10 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 10l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.5 12.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.6 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.7' r='.7'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.7' r='.7'/%3E%3C/svg%3E\");background-position:0 0}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-custom{background-position-x:calc(var(--epr-category-navigation-button-size)*-9)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
19150
- styleInject(css_248z$6);
19224
+ var css_248z$3 = "aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-custom{background-position-x:calc(var(--epr-category-navigation-button-size)*-9)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
19225
+ styleInject(css_248z$3);
19151
19226
 
19152
19227
  function categoryNameFromDom($category) {
19153
19228
  var _$category$getAttribu;
@@ -19237,6 +19312,667 @@ function useShouldHideCustomEmojis() {
19237
19312
  return customCategoryConfig.length === 0;
19238
19313
  }
19239
19314
 
19315
+ var _g, _path, _path2, _ellipse, _ellipse2, _g2, _g3, _g4, _g5, _path3, _circle, _circle2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _ellipse3, _ellipse4, _ellipse5, _ellipse6, _ellipse7, _path11, _path12, _path13, _path14, _circle3, _circle4, _g6, _path15, _path16, _ellipse8, _ellipse9, _g7, _g8, _g9, _g10, _path17, _circle5, _circle6, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _ellipse10, _ellipse11, _ellipse12, _ellipse13, _ellipse14, _path25, _path26, _path27, _path28, _circle7, _circle8, _g11, _path29, _path30, _circle9, _circle10, _g12, _g13, _g14, _g15, _path31, _circle11, _circle12, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _ellipse15, _ellipse16, _ellipse17, _ellipse18, _ellipse19, _path39, _path40, _path41, _path42, _circle13, _circle14, _g16, _path43, _path44, _circle15, _circle16, _g17, _g18, _g19, _g20, _path45, _circle17, _circle18, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _ellipse20, _ellipse21, _ellipse22, _ellipse23, _ellipse24, _path53, _path54, _path55, _path56, _circle19, _circle20;
19316
+ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
19317
+ var SvgCategoryNav = function SvgCategoryNav(props) {
19318
+ return /*#__PURE__*/createElement("svg", _extends$1({
19319
+ xmlns: "http://www.w3.org/2000/svg",
19320
+ xmlSpace: "preserve",
19321
+ width: 200,
19322
+ height: 80
19323
+ }, props), _g || (_g = /*#__PURE__*/createElement("g", {
19324
+ fill: "#3371B7",
19325
+ stroke: "#3371B7",
19326
+ strokeMiterlimit: 10,
19327
+ strokeWidth: 0.1
19328
+ }, /*#__PURE__*/createElement("path", {
19329
+ d: "M12.8 29.5c.6 0 1.1-.5 1.1-1.1s-.5-1.2-1.1-1.2-1.2.5-1.2 1.2c0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z"
19330
+ }), /*#__PURE__*/createElement("path", {
19331
+ d: "M10 23c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2s2.8-6.2 6.2-6.2 6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z"
19332
+ }), /*#__PURE__*/createElement("path", {
19333
+ d: "M14.6 31.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2s-.1.2 0 .4c.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 34.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zM7.2 29.5c.6 0 1.2-.5 1.2-1.1s-.5-1.2-1.2-1.2c-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z"
19334
+ }))), _path || (_path = /*#__PURE__*/createElement("path", {
19335
+ fill: "none",
19336
+ stroke: "#3371B7",
19337
+ d: "M64.1 33.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zM73.5 33.5h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zM63.7 28.4h12.6v5H63.7z"
19338
+ })), _path2 || (_path2 = /*#__PURE__*/createElement("path", {
19339
+ fill: "none",
19340
+ stroke: "#3371B7",
19341
+ d: "M65.5 23.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z"
19342
+ })), _ellipse || (_ellipse = /*#__PURE__*/createElement("ellipse", {
19343
+ cx: 66.2,
19344
+ cy: 30.9,
19345
+ fill: "#3371B7",
19346
+ rx: 0.9,
19347
+ ry: 1
19348
+ })), _ellipse2 || (_ellipse2 = /*#__PURE__*/createElement("ellipse", {
19349
+ cx: 73.8,
19350
+ cy: 30.9,
19351
+ fill: "#3371B7",
19352
+ rx: 0.9,
19353
+ ry: 1
19354
+ })), _g2 || (_g2 = /*#__PURE__*/createElement("g", {
19355
+ fill: "none",
19356
+ stroke: "#3371B7"
19357
+ }, /*#__PURE__*/createElement("path", {
19358
+ d: "M96.4 30c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z"
19359
+ }), /*#__PURE__*/createElement("path", {
19360
+ d: "M96.3 28.6v.1c-.9.1-2.9.1-4.6-1.1-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.1-.1-.2.5-.1 1.2-.2 2-.1 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.2.3.6.4.9zM84 32.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z"
19361
+ }))), _g3 || (_g3 = /*#__PURE__*/createElement("g", {
19362
+ fill: "none",
19363
+ stroke: "#3371B7"
19364
+ }, /*#__PURE__*/createElement("path", {
19365
+ strokeLinecap: "round",
19366
+ d: "m116.3 26.8-1.4 2-.8-.8-.6-.6v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.6-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3z"
19367
+ }), /*#__PURE__*/createElement("path", {
19368
+ d: "M110.1 27.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z"
19369
+ }))), _g4 || (_g4 = /*#__PURE__*/createElement("g", {
19370
+ fill: "none",
19371
+ stroke: "#3371B7"
19372
+ }, /*#__PURE__*/createElement("path", {
19373
+ d: "M126.8 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM137.6 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM126.8 24.4v9.9M137.7 24.4v9.9M126.8 23.5h10.8v2.7h-10.8z"
19374
+ }))), _g5 || (_g5 = /*#__PURE__*/createElement("g", {
19375
+ fill: "#3371B7"
19376
+ }, /*#__PURE__*/createElement("path", {
19377
+ d: "M170.8 23.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5"
19378
+ }), /*#__PURE__*/createElement("path", {
19379
+ d: "M170.3 27.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4s.3.2.4.2h2.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6h-1.8v-2.6"
19380
+ }))), _path3 || (_path3 = /*#__PURE__*/createElement("path", {
19381
+ fill: "none",
19382
+ stroke: "#3371B7",
19383
+ d: "M186.2 23.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.5 1.2-2.7 2.7-2.7z"
19384
+ })), _circle || (_circle = /*#__PURE__*/createElement("circle", {
19385
+ cx: 186,
19386
+ cy: 28.9,
19387
+ r: 0.7,
19388
+ fill: "#3371B7"
19389
+ })), _circle2 || (_circle2 = /*#__PURE__*/createElement("circle", {
19390
+ cx: 194,
19391
+ cy: 26.7,
19392
+ r: 0.7,
19393
+ fill: "#3371B7"
19394
+ })), _path4 || (_path4 = /*#__PURE__*/createElement("path", {
19395
+ fill: "none",
19396
+ stroke: "#3371B7",
19397
+ strokeLinecap: "round",
19398
+ d: "m186 33.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8"
19399
+ })), _path5 || (_path5 = /*#__PURE__*/createElement("path", {
19400
+ fill: "#3371B7",
19401
+ stroke: "#3371B7",
19402
+ strokeMiterlimit: 10,
19403
+ strokeWidth: 0.25,
19404
+ d: "M156 24.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7s1.3-.3 1.3-.3c.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z"
19405
+ })), _path6 || (_path6 = /*#__PURE__*/createElement("path", {
19406
+ fill: "none",
19407
+ stroke: "#3371B7",
19408
+ d: "M48.1 23.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z"
19409
+ })), _path7 || (_path7 = /*#__PURE__*/createElement("path", {
19410
+ fill: "none",
19411
+ stroke: "#3371B7",
19412
+ strokeLinecap: "round",
19413
+ d: "M43.5 28.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9"
19414
+ })), _path8 || (_path8 = /*#__PURE__*/createElement("path", {
19415
+ fill: "none",
19416
+ stroke: "#3371B7",
19417
+ strokeLinecap: "round",
19418
+ d: "m43.5 30.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2q.6.3 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1"
19419
+ })), _path9 || (_path9 = /*#__PURE__*/createElement("path", {
19420
+ fill: "none",
19421
+ stroke: "#3371B7",
19422
+ strokeLinecap: "round",
19423
+ d: "M43.5 32.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7"
19424
+ })), _path10 || (_path10 = /*#__PURE__*/createElement("path", {
19425
+ fill: "none",
19426
+ stroke: "#3371B7",
19427
+ strokeLinecap: "round",
19428
+ d: "M43.5 33.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4"
19429
+ })), _ellipse3 || (_ellipse3 = /*#__PURE__*/createElement("ellipse", {
19430
+ cx: 51.6,
19431
+ cy: 26.5,
19432
+ fill: "#3371B7",
19433
+ rx: 0.3,
19434
+ ry: 0.4
19435
+ })), _ellipse4 || (_ellipse4 = /*#__PURE__*/createElement("ellipse", {
19436
+ cx: 53,
19437
+ cy: 25,
19438
+ fill: "#3371B7",
19439
+ rx: 0.3,
19440
+ ry: 0.4
19441
+ })), _ellipse5 || (_ellipse5 = /*#__PURE__*/createElement("ellipse", {
19442
+ cx: 53,
19443
+ cy: 27.2,
19444
+ fill: "#3371B7",
19445
+ rx: 0.3,
19446
+ ry: 0.4
19447
+ })), _ellipse6 || (_ellipse6 = /*#__PURE__*/createElement("ellipse", {
19448
+ cx: 54.3,
19449
+ cy: 26.5,
19450
+ fill: "#3371B7",
19451
+ rx: 0.3,
19452
+ ry: 0.4
19453
+ })), _ellipse7 || (_ellipse7 = /*#__PURE__*/createElement("ellipse", {
19454
+ cx: 50.9,
19455
+ cy: 25,
19456
+ fill: "#3371B7",
19457
+ rx: 0.3,
19458
+ ry: 0.4
19459
+ })), _path11 || (_path11 = /*#__PURE__*/createElement("path", {
19460
+ fill: "none",
19461
+ stroke: "#3371B7",
19462
+ d: "M24.2 31v-7.6c.1.1.8.9 2.8 3.1 2.5-1.6 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z"
19463
+ })), _path12 || (_path12 = /*#__PURE__*/createElement("path", {
19464
+ fill: "none",
19465
+ stroke: "#3371B7",
19466
+ strokeLinecap: "round",
19467
+ d: "m21.2 30 5.4 1.2M21.2 34.1l5.4-1.2M38.8 30l-5.4 1.2M38.8 34.1l-5.4-1.2"
19468
+ })), _path13 || (_path13 = /*#__PURE__*/createElement("path", {
19469
+ fill: "#3371B7",
19470
+ fillRule: "evenodd",
19471
+ d: "m29.5 32.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3",
19472
+ clipRule: "evenodd"
19473
+ })), _path14 || (_path14 = /*#__PURE__*/createElement("path", {
19474
+ fill: "none",
19475
+ stroke: "#3371B7",
19476
+ strokeLinecap: "round",
19477
+ d: "m32.4 32.1-.1.2c-.4 1-1.8 1.1-2.3.2"
19478
+ })), _circle3 || (_circle3 = /*#__PURE__*/createElement("circle", {
19479
+ cx: 27.6,
19480
+ cy: 29.7,
19481
+ r: 0.7,
19482
+ fill: "#3371B7"
19483
+ })), _circle4 || (_circle4 = /*#__PURE__*/createElement("circle", {
19484
+ cx: 32.4,
19485
+ cy: 29.7,
19486
+ r: 0.7,
19487
+ fill: "#3371B7"
19488
+ })), _g6 || (_g6 = /*#__PURE__*/createElement("g", {
19489
+ fill: "#C0C0BF",
19490
+ stroke: "#C0C0BF",
19491
+ strokeMiterlimit: 10,
19492
+ strokeWidth: 0.1
19493
+ }, /*#__PURE__*/createElement("path", {
19494
+ d: "M12.8 49.5c.6 0 1.1-.5 1.1-1.1s-.5-1.2-1.1-1.2-1.2.5-1.2 1.2c0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zM14.6 51.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2s-.1.2 0 .4c.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 54.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zM7.2 49.5c.6 0 1.2-.5 1.2-1.1s-.5-1.2-1.2-1.2c-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z"
19495
+ }), /*#__PURE__*/createElement("path", {
19496
+ d: "M10 43c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2s2.8-6.2 6.2-6.2 6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z"
19497
+ }))), _path15 || (_path15 = /*#__PURE__*/createElement("path", {
19498
+ fill: "none",
19499
+ stroke: "#C0C0BF",
19500
+ d: "M64.1 53.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zM73.5 53.5h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zM63.7 48.4h12.6v5H63.7z"
19501
+ })), _path16 || (_path16 = /*#__PURE__*/createElement("path", {
19502
+ fill: "none",
19503
+ stroke: "#C0C0BF",
19504
+ d: "M65.5 43.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z"
19505
+ })), _ellipse8 || (_ellipse8 = /*#__PURE__*/createElement("ellipse", {
19506
+ cx: 66.2,
19507
+ cy: 50.9,
19508
+ fill: "#C0C0BF",
19509
+ rx: 0.9,
19510
+ ry: 1
19511
+ })), _ellipse9 || (_ellipse9 = /*#__PURE__*/createElement("ellipse", {
19512
+ cx: 73.8,
19513
+ cy: 50.9,
19514
+ fill: "#C0C0BF",
19515
+ rx: 0.9,
19516
+ ry: 1
19517
+ })), _g7 || (_g7 = /*#__PURE__*/createElement("g", {
19518
+ fill: "none",
19519
+ stroke: "#C0C0BF"
19520
+ }, /*#__PURE__*/createElement("path", {
19521
+ d: "M96.4 50c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z"
19522
+ }), /*#__PURE__*/createElement("path", {
19523
+ d: "M96.3 48.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.4.3.8.4 1.1zM84 52.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z"
19524
+ }))), _g8 || (_g8 = /*#__PURE__*/createElement("g", {
19525
+ fill: "none",
19526
+ stroke: "#C0C0BF"
19527
+ }, /*#__PURE__*/createElement("path", {
19528
+ strokeLinecap: "round",
19529
+ d: "m116.3 46.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3z"
19530
+ }), /*#__PURE__*/createElement("path", {
19531
+ d: "M110.1 47.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z"
19532
+ }))), _g9 || (_g9 = /*#__PURE__*/createElement("g", {
19533
+ fill: "none",
19534
+ stroke: "#C0C0BF"
19535
+ }, /*#__PURE__*/createElement("path", {
19536
+ d: "M126.8 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM137.6 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM126.8 44.4v9.9M137.7 44.4v9.9M126.8 43.5h10.8v2.7h-10.8z"
19537
+ }))), _g10 || (_g10 = /*#__PURE__*/createElement("g", {
19538
+ fill: "#C0C0BF"
19539
+ }, /*#__PURE__*/createElement("path", {
19540
+ d: "M170.8 43.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5"
19541
+ }), /*#__PURE__*/createElement("path", {
19542
+ d: "M170.3 47.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4s.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-2.6"
19543
+ }))), _path17 || (_path17 = /*#__PURE__*/createElement("path", {
19544
+ fill: "none",
19545
+ stroke: "#C0C0BF",
19546
+ d: "M186.2 43.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z"
19547
+ })), _circle5 || (_circle5 = /*#__PURE__*/createElement("circle", {
19548
+ cx: 186,
19549
+ cy: 48.9,
19550
+ r: 0.7,
19551
+ fill: "#C0C0BF"
19552
+ })), _circle6 || (_circle6 = /*#__PURE__*/createElement("circle", {
19553
+ cx: 194,
19554
+ cy: 46.7,
19555
+ r: 0.7,
19556
+ fill: "#C0C0BF"
19557
+ })), _path18 || (_path18 = /*#__PURE__*/createElement("path", {
19558
+ fill: "none",
19559
+ stroke: "#C0C0BF",
19560
+ strokeLinecap: "round",
19561
+ d: "m186 53.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8"
19562
+ })), _path19 || (_path19 = /*#__PURE__*/createElement("path", {
19563
+ fill: "#C0C0BF",
19564
+ stroke: "#C0C0BF",
19565
+ strokeMiterlimit: 10,
19566
+ strokeWidth: 0.25,
19567
+ d: "M156 44.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7s1.3-.3 1.3-.3c.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z"
19568
+ })), _path20 || (_path20 = /*#__PURE__*/createElement("path", {
19569
+ fill: "none",
19570
+ stroke: "#C0C0BF",
19571
+ d: "M48.1 43.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z"
19572
+ })), _path21 || (_path21 = /*#__PURE__*/createElement("path", {
19573
+ fill: "none",
19574
+ stroke: "#C0C0BF",
19575
+ strokeLinecap: "round",
19576
+ d: "M43.5 48.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9"
19577
+ })), _path22 || (_path22 = /*#__PURE__*/createElement("path", {
19578
+ fill: "none",
19579
+ stroke: "#C0C0BF",
19580
+ strokeLinecap: "round",
19581
+ d: "m43.5 50.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2q.6.3 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1"
19582
+ })), _path23 || (_path23 = /*#__PURE__*/createElement("path", {
19583
+ fill: "none",
19584
+ stroke: "#C0C0BF",
19585
+ strokeLinecap: "round",
19586
+ d: "M43.5 52.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7"
19587
+ })), _path24 || (_path24 = /*#__PURE__*/createElement("path", {
19588
+ fill: "none",
19589
+ stroke: "#C0C0BF",
19590
+ strokeLinecap: "round",
19591
+ d: "M43.5 53.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4"
19592
+ })), _ellipse10 || (_ellipse10 = /*#__PURE__*/createElement("ellipse", {
19593
+ cx: 51.6,
19594
+ cy: 46.5,
19595
+ fill: "#C0C0BF",
19596
+ rx: 0.3,
19597
+ ry: 0.4
19598
+ })), _ellipse11 || (_ellipse11 = /*#__PURE__*/createElement("ellipse", {
19599
+ cx: 53,
19600
+ cy: 45,
19601
+ fill: "#C0C0BF",
19602
+ rx: 0.3,
19603
+ ry: 0.4
19604
+ })), _ellipse12 || (_ellipse12 = /*#__PURE__*/createElement("ellipse", {
19605
+ cx: 53,
19606
+ cy: 47.2,
19607
+ fill: "#C0C0BF",
19608
+ rx: 0.3,
19609
+ ry: 0.4
19610
+ })), _ellipse13 || (_ellipse13 = /*#__PURE__*/createElement("ellipse", {
19611
+ cx: 54.3,
19612
+ cy: 46.5,
19613
+ fill: "#C0C0BF",
19614
+ rx: 0.3,
19615
+ ry: 0.4
19616
+ })), _ellipse14 || (_ellipse14 = /*#__PURE__*/createElement("ellipse", {
19617
+ cx: 50.9,
19618
+ cy: 45,
19619
+ fill: "#C0C0BF",
19620
+ rx: 0.3,
19621
+ ry: 0.4
19622
+ })), _path25 || (_path25 = /*#__PURE__*/createElement("path", {
19623
+ fill: "none",
19624
+ stroke: "#C0C0BF",
19625
+ d: "M24.2 51v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z"
19626
+ })), _path26 || (_path26 = /*#__PURE__*/createElement("path", {
19627
+ fill: "none",
19628
+ stroke: "#C0C0BF",
19629
+ strokeLinecap: "round",
19630
+ d: "m21.2 50 5.4 1.2M21.2 54.1l5.4-1.2M38.8 50l-5.4 1.2M38.8 54.1l-5.4-1.2"
19631
+ })), _path27 || (_path27 = /*#__PURE__*/createElement("path", {
19632
+ fill: "#C0C0BF",
19633
+ fillRule: "evenodd",
19634
+ d: "m29.5 52.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3",
19635
+ clipRule: "evenodd"
19636
+ })), _path28 || (_path28 = /*#__PURE__*/createElement("path", {
19637
+ fill: "none",
19638
+ stroke: "#C0C0BF",
19639
+ strokeLinecap: "round",
19640
+ d: "m32.4 52.1-.1.2c-.4 1-1.8 1.1-2.3.2"
19641
+ })), _circle7 || (_circle7 = /*#__PURE__*/createElement("circle", {
19642
+ cx: 27.6,
19643
+ cy: 49.7,
19644
+ r: 0.7,
19645
+ fill: "#C0C0BF"
19646
+ })), _circle8 || (_circle8 = /*#__PURE__*/createElement("circle", {
19647
+ cx: 32.4,
19648
+ cy: 49.7,
19649
+ r: 0.7,
19650
+ fill: "#C0C0BF"
19651
+ })), _g11 || (_g11 = /*#__PURE__*/createElement("g", {
19652
+ fill: "#6AA9DD",
19653
+ stroke: "#6AA9DD",
19654
+ strokeMiterlimit: 10,
19655
+ strokeWidth: 0.1
19656
+ }, /*#__PURE__*/createElement("path", {
19657
+ d: "M14.6 71.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2s-.1.2 0 .4c.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 74.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zM12.8 69.5c.6 0 1.1-.5 1.1-1.1s-.5-1.2-1.1-1.2-1.2.5-1.2 1.2c0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zM7.2 69.5c.6 0 1.2-.5 1.2-1.1s-.5-1.2-1.2-1.2c-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z"
19658
+ }), /*#__PURE__*/createElement("path", {
19659
+ d: "M10 63c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2s2.8-6.2 6.2-6.2 6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z"
19660
+ }))), _path29 || (_path29 = /*#__PURE__*/createElement("path", {
19661
+ fill: "none",
19662
+ stroke: "#6AA9DD",
19663
+ d: "M64.1 73.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zM73.5 73.5h2.4c.2 0 .4.2.4.4V76c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.3.2-.4.4-.4zM63.7 68.4h12.6v5H63.7z"
19664
+ })), _path30 || (_path30 = /*#__PURE__*/createElement("path", {
19665
+ fill: "none",
19666
+ stroke: "#6AA9DD",
19667
+ d: "M65.5 63.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z"
19668
+ })), _circle9 || (_circle9 = /*#__PURE__*/createElement("circle", {
19669
+ cx: 66.2,
19670
+ cy: 70.9,
19671
+ r: 0.9,
19672
+ fill: "#6AA9DD"
19673
+ })), _circle10 || (_circle10 = /*#__PURE__*/createElement("circle", {
19674
+ cx: 73.8,
19675
+ cy: 70.9,
19676
+ r: 0.9,
19677
+ fill: "#6AA9DD"
19678
+ })), _g12 || (_g12 = /*#__PURE__*/createElement("g", {
19679
+ fill: "none",
19680
+ stroke: "#6AA9DD"
19681
+ }, /*#__PURE__*/createElement("path", {
19682
+ d: "M96.4 70c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z"
19683
+ }), /*#__PURE__*/createElement("path", {
19684
+ d: "M96.3 68.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 72.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.9-.5-1.1z"
19685
+ }))), _g13 || (_g13 = /*#__PURE__*/createElement("g", {
19686
+ fill: "none",
19687
+ stroke: "#6AA9DD"
19688
+ }, /*#__PURE__*/createElement("path", {
19689
+ strokeLinecap: "round",
19690
+ d: "m116.3 66.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3z"
19691
+ }), /*#__PURE__*/createElement("path", {
19692
+ d: "M110.1 67.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z"
19693
+ }))), _g14 || (_g14 = /*#__PURE__*/createElement("g", {
19694
+ fill: "none",
19695
+ stroke: "#6AA9DD"
19696
+ }, /*#__PURE__*/createElement("path", {
19697
+ d: "M126.8 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM137.6 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM126.8 64.4v9.9M137.7 64.4v9.9M126.8 63.5h10.8v2.7h-10.8z"
19698
+ }))), _g15 || (_g15 = /*#__PURE__*/createElement("g", {
19699
+ fill: "#6AA9DD"
19700
+ }, /*#__PURE__*/createElement("path", {
19701
+ d: "M170.8 63.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5"
19702
+ }), /*#__PURE__*/createElement("path", {
19703
+ d: "M170.3 67.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4s.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.7-.6h-1.8v-.2z"
19704
+ }))), _path31 || (_path31 = /*#__PURE__*/createElement("path", {
19705
+ fill: "none",
19706
+ stroke: "#6AA9DD",
19707
+ d: "M186.2 63.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z"
19708
+ })), _circle11 || (_circle11 = /*#__PURE__*/createElement("circle", {
19709
+ cx: 186,
19710
+ cy: 68.9,
19711
+ r: 0.7,
19712
+ fill: "#6AA9DD"
19713
+ })), _circle12 || (_circle12 = /*#__PURE__*/createElement("circle", {
19714
+ cx: 194,
19715
+ cy: 66.7,
19716
+ r: 0.7,
19717
+ fill: "#6AA9DD"
19718
+ })), _path32 || (_path32 = /*#__PURE__*/createElement("path", {
19719
+ fill: "none",
19720
+ stroke: "#6AA9DD",
19721
+ strokeLinecap: "round",
19722
+ d: "m186 73.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8"
19723
+ })), _path33 || (_path33 = /*#__PURE__*/createElement("path", {
19724
+ fill: "#6AA9DD",
19725
+ stroke: "#6AA9DD",
19726
+ strokeMiterlimit: 10,
19727
+ strokeWidth: 0.25,
19728
+ d: "M156 64.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7s1.3-.3 1.3-.3c.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z"
19729
+ })), _path34 || (_path34 = /*#__PURE__*/createElement("path", {
19730
+ fill: "none",
19731
+ stroke: "#6AA9DD",
19732
+ d: "M48.1 63.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z"
19733
+ })), _path35 || (_path35 = /*#__PURE__*/createElement("path", {
19734
+ fill: "none",
19735
+ stroke: "#6AA9DD",
19736
+ strokeLinecap: "round",
19737
+ d: "M43.5 68.8c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9"
19738
+ })), _path36 || (_path36 = /*#__PURE__*/createElement("path", {
19739
+ fill: "none",
19740
+ stroke: "#6AA9DD",
19741
+ strokeLinecap: "round",
19742
+ d: "m43.5 70.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2-.1l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1"
19743
+ })), _path37 || (_path37 = /*#__PURE__*/createElement("path", {
19744
+ fill: "none",
19745
+ stroke: "#6AA9DD",
19746
+ strokeLinecap: "round",
19747
+ d: "M43.5 72.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7"
19748
+ })), _path38 || (_path38 = /*#__PURE__*/createElement("path", {
19749
+ fill: "none",
19750
+ stroke: "#6AA9DD",
19751
+ strokeLinecap: "round",
19752
+ d: "M43.5 73.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4"
19753
+ })), _ellipse15 || (_ellipse15 = /*#__PURE__*/createElement("ellipse", {
19754
+ cx: 51.6,
19755
+ cy: 66.5,
19756
+ fill: "#6AA9DD",
19757
+ rx: 0.3,
19758
+ ry: 0.4
19759
+ })), _ellipse16 || (_ellipse16 = /*#__PURE__*/createElement("ellipse", {
19760
+ cx: 53,
19761
+ cy: 65,
19762
+ fill: "#6AA9DD",
19763
+ rx: 0.3,
19764
+ ry: 0.4
19765
+ })), _ellipse17 || (_ellipse17 = /*#__PURE__*/createElement("ellipse", {
19766
+ cx: 53,
19767
+ cy: 67.2,
19768
+ fill: "#6AA9DD",
19769
+ rx: 0.3,
19770
+ ry: 0.4
19771
+ })), _ellipse18 || (_ellipse18 = /*#__PURE__*/createElement("ellipse", {
19772
+ cx: 54.3,
19773
+ cy: 66.5,
19774
+ fill: "#6AA9DD",
19775
+ rx: 0.3,
19776
+ ry: 0.4
19777
+ })), _ellipse19 || (_ellipse19 = /*#__PURE__*/createElement("ellipse", {
19778
+ cx: 50.9,
19779
+ cy: 65,
19780
+ fill: "#6AA9DD",
19781
+ rx: 0.3,
19782
+ ry: 0.4
19783
+ })), _path39 || (_path39 = /*#__PURE__*/createElement("path", {
19784
+ fill: "none",
19785
+ stroke: "#6AA9DD",
19786
+ d: "M24.2 71v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z"
19787
+ })), _path40 || (_path40 = /*#__PURE__*/createElement("path", {
19788
+ fill: "none",
19789
+ stroke: "#6AA9DD",
19790
+ strokeLinecap: "round",
19791
+ d: "m21.2 70.1 5.4 1.2M21.2 74.1l5.4-1.2M38.8 70.1l-5.4 1.2M38.8 74.1l-5.4-1.2"
19792
+ })), _path41 || (_path41 = /*#__PURE__*/createElement("path", {
19793
+ fill: "#6AA9DD",
19794
+ fillRule: "evenodd",
19795
+ d: "m29.5 72.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3",
19796
+ clipRule: "evenodd"
19797
+ })), _path42 || (_path42 = /*#__PURE__*/createElement("path", {
19798
+ fill: "none",
19799
+ stroke: "#6AA9DD",
19800
+ strokeLinecap: "round",
19801
+ d: "m32.4 72.1-.1.2c-.4 1-1.8 1.1-2.3.2"
19802
+ })), _circle13 || (_circle13 = /*#__PURE__*/createElement("circle", {
19803
+ cx: 27.6,
19804
+ cy: 69.7,
19805
+ r: 0.7,
19806
+ fill: "#6AA9DD"
19807
+ })), _circle14 || (_circle14 = /*#__PURE__*/createElement("circle", {
19808
+ cx: 32.4,
19809
+ cy: 69.7,
19810
+ r: 0.7,
19811
+ fill: "#6AA9DD"
19812
+ })), _g16 || (_g16 = /*#__PURE__*/createElement("g", {
19813
+ fill: "#868686",
19814
+ stroke: "#868686",
19815
+ strokeMiterlimit: 10,
19816
+ strokeWidth: 0.1
19817
+ }, /*#__PURE__*/createElement("path", {
19818
+ d: "M12.8 9.5c.6 0 1.1-.5 1.1-1.2 0-.6-.5-1.1-1.1-1.1s-1.2.5-1.2 1.1.6 1.2 1.2 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM7.2 9.5c.6 0 1.2-.5 1.2-1.2 0-.6-.5-1.1-1.2-1.1-.6 0-1.1.5-1.1 1.1s.5 1.2 1.1 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM14.6 11.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2s-.1.2 0 .4c.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.2.1-.3 0-.4zM10 14.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2z"
19819
+ }), /*#__PURE__*/createElement("path", {
19820
+ d: "M10 3c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2S6.6 3.8 10 3.8s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z"
19821
+ }))), _path43 || (_path43 = /*#__PURE__*/createElement("path", {
19822
+ fill: "none",
19823
+ stroke: "#868686",
19824
+ d: "M64.1 13.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zM73.5 13.4h2.4c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.2.2-.4.4-.4zM63.7 8.4h12.6v5H63.7z"
19825
+ })), _path44 || (_path44 = /*#__PURE__*/createElement("path", {
19826
+ fill: "none",
19827
+ stroke: "#868686",
19828
+ d: "M65.5 3.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7V5.5c0-1.1.8-1.9 1.8-1.9z"
19829
+ })), _circle15 || (_circle15 = /*#__PURE__*/createElement("circle", {
19830
+ cx: 66.2,
19831
+ cy: 10.9,
19832
+ r: 0.9,
19833
+ fill: "#868686"
19834
+ })), _circle16 || (_circle16 = /*#__PURE__*/createElement("circle", {
19835
+ cx: 73.8,
19836
+ cy: 10.9,
19837
+ r: 0.9,
19838
+ fill: "#868686"
19839
+ })), _g17 || (_g17 = /*#__PURE__*/createElement("g", {
19840
+ fill: "none",
19841
+ stroke: "#868686"
19842
+ }, /*#__PURE__*/createElement("path", {
19843
+ d: "M96.4 10c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z"
19844
+ }), /*#__PURE__*/createElement("path", {
19845
+ d: "M96.3 8.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 12.1V12c.9-.2 2.9-.4 4.7.6 1.1.6 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8-1.1-.6-1.9-1.6-2.4-2.5-.3-.4-.4-.8-.5-1.1z"
19846
+ }))), _g18 || (_g18 = /*#__PURE__*/createElement("g", {
19847
+ fill: "none",
19848
+ stroke: "#868686"
19849
+ }, /*#__PURE__*/createElement("path", {
19850
+ strokeLinecap: "round",
19851
+ d: "m116.3 6.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3z"
19852
+ }), /*#__PURE__*/createElement("path", {
19853
+ d: "M110.1 7.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z"
19854
+ }))), _g19 || (_g19 = /*#__PURE__*/createElement("g", {
19855
+ fill: "none",
19856
+ stroke: "#868686"
19857
+ }, /*#__PURE__*/createElement("path", {
19858
+ d: "M126.8 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM137.6 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zM126.8 4.4v9.9M137.7 4.4v9.9M126.8 3.5h10.8v2.7h-10.8z"
19859
+ }))), _g20 || (_g20 = /*#__PURE__*/createElement("g", {
19860
+ fill: "#868686"
19861
+ }, /*#__PURE__*/createElement("path", {
19862
+ d: "M170.8 3.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.3c-.2 3.8 2.6 7.1 6.3 7.4 3.9.4 7.3-2.6 7.6-6.5.3-3.6-2.5-6.9-6.1-7.3"
19863
+ }), /*#__PURE__*/createElement("path", {
19864
+ d: "M170.3 7.4c0-.3-.3-.6-.6-.6s-.7.3-.7.6v3.2c0 .2.1.3.2.4s.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-.2z"
19865
+ }))), _path45 || (_path45 = /*#__PURE__*/createElement("path", {
19866
+ fill: "none",
19867
+ stroke: "#868686",
19868
+ d: "M186.2 3.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7V6.1c-.1-1.5 1.2-2.7 2.7-2.7z"
19869
+ })), _circle17 || (_circle17 = /*#__PURE__*/createElement("circle", {
19870
+ cx: 186,
19871
+ cy: 8.9,
19872
+ r: 0.7,
19873
+ fill: "#868686"
19874
+ })), _circle18 || (_circle18 = /*#__PURE__*/createElement("circle", {
19875
+ cx: 194,
19876
+ cy: 6.7,
19877
+ r: 0.7,
19878
+ fill: "#868686"
19879
+ })), _path46 || (_path46 = /*#__PURE__*/createElement("path", {
19880
+ fill: "none",
19881
+ stroke: "#868686",
19882
+ strokeLinecap: "round",
19883
+ d: "m186 13.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8"
19884
+ })), _path47 || (_path47 = /*#__PURE__*/createElement("path", {
19885
+ fill: "#868686",
19886
+ stroke: "#868686",
19887
+ strokeMiterlimit: 10,
19888
+ strokeWidth: 0.25,
19889
+ d: "M156 4.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.1s-2.4-.1-3.8-.6c-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7s1.3-.3 1.3-.3c.2-.1.3-.2.3-.4V4.7c-.3-.2-.4-.3-.5-.4zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1V4.7c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z"
19890
+ })), _path48 || (_path48 = /*#__PURE__*/createElement("path", {
19891
+ fill: "none",
19892
+ stroke: "#868686",
19893
+ d: "M48.1 3.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z"
19894
+ })), _path49 || (_path49 = /*#__PURE__*/createElement("path", {
19895
+ fill: "none",
19896
+ stroke: "#868686",
19897
+ strokeLinecap: "round",
19898
+ d: "M43.5 8.7c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9"
19899
+ })), _path50 || (_path50 = /*#__PURE__*/createElement("path", {
19900
+ fill: "none",
19901
+ stroke: "#868686",
19902
+ strokeLinecap: "round",
19903
+ d: "m43.5 10.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3q.6.15 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.1 1.2-.1l.2-.1c.3-.2.8-.1 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.4.5 0 1.2-.3 1.1-.7l-.4-1.1"
19904
+ })), _path51 || (_path51 = /*#__PURE__*/createElement("path", {
19905
+ fill: "none",
19906
+ stroke: "#868686",
19907
+ strokeLinecap: "round",
19908
+ d: "M43.5 12.1c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7"
19909
+ })), _path52 || (_path52 = /*#__PURE__*/createElement("path", {
19910
+ fill: "none",
19911
+ stroke: "#868686",
19912
+ strokeLinecap: "round",
19913
+ d: "M43.5 13.3c0 .5.6 2.4 1.3 2.6 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4"
19914
+ })), _ellipse20 || (_ellipse20 = /*#__PURE__*/createElement("ellipse", {
19915
+ cx: 51.6,
19916
+ cy: 6.5,
19917
+ fill: "#868686",
19918
+ rx: 0.3,
19919
+ ry: 0.4
19920
+ })), _ellipse21 || (_ellipse21 = /*#__PURE__*/createElement("ellipse", {
19921
+ cx: 53,
19922
+ cy: 4.9,
19923
+ fill: "#868686",
19924
+ rx: 0.3,
19925
+ ry: 0.4
19926
+ })), _ellipse22 || (_ellipse22 = /*#__PURE__*/createElement("ellipse", {
19927
+ cx: 53,
19928
+ cy: 7.2,
19929
+ fill: "#868686",
19930
+ rx: 0.3,
19931
+ ry: 0.4
19932
+ })), _ellipse23 || (_ellipse23 = /*#__PURE__*/createElement("ellipse", {
19933
+ cx: 54.3,
19934
+ cy: 6.5,
19935
+ fill: "#868686",
19936
+ rx: 0.3,
19937
+ ry: 0.4
19938
+ })), _ellipse24 || (_ellipse24 = /*#__PURE__*/createElement("ellipse", {
19939
+ cx: 50.9,
19940
+ cy: 4.9,
19941
+ fill: "#868686",
19942
+ rx: 0.3,
19943
+ ry: 0.4
19944
+ })), _path53 || (_path53 = /*#__PURE__*/createElement("path", {
19945
+ fill: "none",
19946
+ stroke: "#868686",
19947
+ d: "M24.2 11V3.5c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.7-.6-1.7-.6-2.6z"
19948
+ })), _path54 || (_path54 = /*#__PURE__*/createElement("path", {
19949
+ fill: "none",
19950
+ stroke: "#868686",
19951
+ strokeLinecap: "round",
19952
+ d: "m21.2 10 5.4 1.2M21.2 14.1l5.4-1.2M38.8 10l-5.4 1.2M38.8 14.1l-5.4-1.2"
19953
+ })), _path55 || (_path55 = /*#__PURE__*/createElement("path", {
19954
+ fill: "#868686",
19955
+ fillRule: "evenodd",
19956
+ d: "m29.5 12.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.6 1.2.8 1.6.3",
19957
+ clipRule: "evenodd"
19958
+ })), _path56 || (_path56 = /*#__PURE__*/createElement("path", {
19959
+ fill: "none",
19960
+ stroke: "#868686",
19961
+ strokeLinecap: "round",
19962
+ d: "m32.4 12.1-.1.2c-.4 1-1.8 1.1-2.3.2"
19963
+ })), _circle19 || (_circle19 = /*#__PURE__*/createElement("circle", {
19964
+ cx: 27.6,
19965
+ cy: 9.7,
19966
+ r: 0.7,
19967
+ fill: "#868686"
19968
+ })), _circle20 || (_circle20 = /*#__PURE__*/createElement("circle", {
19969
+ cx: 32.4,
19970
+ cy: 9.7,
19971
+ r: 0.7,
19972
+ fill: "#868686"
19973
+ })));
19974
+ };
19975
+
19240
19976
  function CategoryNavigation() {
19241
19977
  var _useState = useState(null),
19242
19978
  activeCategory = _useState[0],
@@ -19249,7 +19985,7 @@ function CategoryNavigation() {
19249
19985
  var CategoryNavigationRef = useCategoryNavigationRef();
19250
19986
  var hideCustomCategory = useShouldHideCustomEmojis();
19251
19987
  return createElement("div", {
19252
- className: "epr-category-nav",
19988
+ className: cx(styles$6.nav),
19253
19989
  role: "tablist",
19254
19990
  "aria-label": "Category navigation",
19255
19991
  id: "epr-category-nav-id",
@@ -19266,7 +20002,7 @@ function CategoryNavigation() {
19266
20002
 
19267
20003
  return createElement(Button, {
19268
20004
  tabIndex: isSearchMode || isActiveCategory ? -1 : 0,
19269
- className: cx('epr-cat-btn', "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
20005
+ className: cx(styles$6.catBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
19270
20006
  key: category,
19271
20007
  onClick: function onClick() {
19272
20008
  setActiveCategory(category);
@@ -19279,9 +20015,54 @@ function CategoryNavigation() {
19279
20015
  });
19280
20016
  }));
19281
20017
  }
20018
+ var styles$6 = /*#__PURE__*/stylesheet.create({
20019
+ nav: {
20020
+ '.': 'epr-category-nav',
20021
+ display: 'flex',
20022
+ flexDirection: 'row',
20023
+ justifyContent: 'space-around',
20024
+ padding: 'var(--epr-header-padding)'
20025
+ },
20026
+ '.epr-search-active': {
20027
+ nav: {
20028
+ opacity: '0.3',
20029
+ cursor: 'default',
20030
+ pointerEvents: 'none'
20031
+ }
20032
+ },
20033
+ '.epr-main:has(input:not(:placeholder-shown))': {
20034
+ nav: {
20035
+ opacity: '0.3',
20036
+ cursor: 'default',
20037
+ pointerEvents: 'none'
20038
+ }
20039
+ },
20040
+ catBtn: {
20041
+ '.': 'epr-cat-btn',
20042
+ display: 'inline-block',
20043
+ transition: 'opacity 0.2s ease-in-out',
20044
+ position: 'relative',
20045
+ height: 'var(--epr-category-navigation-button-size)',
20046
+ width: 'var(--epr-category-navigation-button-size)',
20047
+ backgroundSize: 'calc(var(--epr-category-navigation-button-size) * 10)',
20048
+ outline: 'none',
20049
+ backgroundImage: "url(" + SvgCategoryNav + ")",
20050
+ backgroundPosition: '0 0',
20051
+ ':focus:before': {
20052
+ content: '',
20053
+ position: 'absolute',
20054
+ top: '-2px',
20055
+ left: '-2px',
20056
+ right: '-2px',
20057
+ bottom: '-2px',
20058
+ border: '2px solid var(--epr-category-icon-active-color)',
20059
+ borderRadius: '50%'
20060
+ }
20061
+ }
20062
+ });
19282
20063
 
19283
- var css_248z$7 = ".EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container .epr-status-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-input-bg-color);border:1px solid var(--epr-search-input-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-input-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:20px;height:20px;width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:var(--epr-search-bar-inner-padding);top:50%;transform:translateY(-50%);width:30px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus .epr-icn-clear-search,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background:var(--epr-hover-bg-color)}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:\"\";height:20px;left:var(--epr-search-bar-inner-padding);position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container .epr-icn-search{background-position-y:-20px}}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-input-bg-color-active);border:1px solid var(--epr-search-border-color)}";
19284
- styleInject(css_248z$7);
20064
+ var css_248z$4 = ".EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container .epr-status-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-input-bg-color);border:1px solid var(--epr-search-input-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-input-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:20px;height:20px;width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:var(--epr-search-bar-inner-padding);top:50%;transform:translateY(-50%);width:30px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus .epr-icn-clear-search,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background:var(--epr-hover-bg-color)}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:\"\";height:20px;left:var(--epr-search-bar-inner-padding);position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container .epr-icn-search{background-position-y:-20px}}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-input-bg-color-active);border:1px solid var(--epr-search-border-color)}";
20065
+ styleInject(css_248z$4);
19285
20066
 
19286
20067
  var SCOPE = /*#__PURE__*/asSelectors(ClassNames.emojiPicker) + " " + /*#__PURE__*/asSelectors(ClassNames.emojiList);
19287
20068
  var EMOJI_BUTTON = /*#__PURE__*/['button', asSelectors(ClassNames.emoji)].join('');
@@ -19310,10 +20091,10 @@ function SearchContainer() {
19310
20091
  }
19311
20092
 
19312
20093
  return createElement(Flex, {
19313
- className: cx(styles$2.overlay)
20094
+ className: cx(styles$7.overlay)
19314
20095
  }, createElement(Search, null), isSkinToneInSearch ? createElement(SkinTonePicker, null) : null);
19315
20096
  }
19316
- var styles$2 = /*#__PURE__*/stylesheet.create({
20097
+ var styles$7 = /*#__PURE__*/stylesheet.create({
19317
20098
  overlay: {
19318
20099
  padding: 'var(--epr-header-padding)',
19319
20100
  zIndex: 'var(--epr-header-overlay-z-index)'
@@ -19885,13 +20666,28 @@ function PickerRootElement(_ref2) {
19885
20666
  useKeyboardNavigation();
19886
20667
  useOnFocus();
19887
20668
  return createElement("aside", {
19888
- className: cx(styles$3.main, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx[ClassNames.darkTheme] = theme === Theme.DARK, _cx[ClassNames.autoTheme] = theme === Theme.AUTO, _cx), className),
20669
+ className: cx(styles$8.main, styles$8.baseVariables, theme === Theme.DARK && styles$8.darkTheme, theme === Theme.AUTO && styles$8.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
19889
20670
  ref: PickerMainRef,
19890
20671
  style: style
19891
20672
  }, children);
19892
20673
  }
19893
20674
 
19894
- var styles$3 = /*#__PURE__*/stylesheet.create({
20675
+ var DarkTheme = {
20676
+ '--epr-emoji-variation-picker-bg-color': 'var(--epr-dark-emoji-variation-picker-bg-color)',
20677
+ '--epr-highlight-color': 'var(--epr-dark-highlight-color)',
20678
+ '--epr-text-color': 'var(--epr-dark-text-color)',
20679
+ '--epr-hover-bg-color': 'var(--epr-dark-hover-bg-color)',
20680
+ '--epr-focus-bg-color': 'var(--epr-dark-focus-bg-color)',
20681
+ '--epr-search-input-bg-color': 'var(--epr-dark-search-input-bg-color)',
20682
+ '--epr-category-label-bg-color': 'var(--epr-dark-category-label-bg-color)',
20683
+ '--epr-picker-border-color': 'var(--epr-dark-picker-border-color)',
20684
+ '--epr-bg-color': 'var(--epr-dark-bg-color)',
20685
+ '--epr-search-input-bg-color-active': 'var(--epr-dark-search-input-bg-color-active)',
20686
+ '--epr-emoji-variation-indicator-color': 'var(--epr-dark-emoji-variation-indicator-color)',
20687
+ '--epr-category-icon-active-color': 'var(--epr-dark-category-icon-active-color)',
20688
+ '--epr-skin-tone-picker-menu-color': 'var(--epr-dark-skin-tone-picker-menu-color)'
20689
+ };
20690
+ var styles$8 = /*#__PURE__*/stylesheet.create({
19895
20691
  main: {
19896
20692
  '.': ['epr-main', ClassNames.emojiPicker],
19897
20693
  position: 'relative',
@@ -19900,12 +20696,110 @@ var styles$3 = /*#__PURE__*/stylesheet.create({
19900
20696
  borderWidth: '1px',
19901
20697
  borderStyle: 'solid',
19902
20698
  borderRadius: 'var(--epr-picker-border-radius)',
19903
- borderColor: 'var(--epr-picker-border-color)'
20699
+ borderColor: 'var(--epr-picker-border-color)',
20700
+ backgroundColor: 'var(--epr-bg-color)',
20701
+ overflow: 'hidden'
20702
+ },
20703
+ baseVariables: {
20704
+ '--': {
20705
+ '--epr-highlight-color': '#007aeb',
20706
+ '--epr-hover-bg-color': '#f1f8ff',
20707
+ '--epr-focus-bg-color': '#e0f0ff',
20708
+ '--epr-text-color': '#858585',
20709
+ '--epr-search-input-bg-color': '#f6f6f6',
20710
+ '--epr-picker-border-color': '#e7e7e7',
20711
+ '--epr-bg-color': '#fff',
20712
+ '--epr-category-icon-active-color': '#6aa8de',
20713
+ '--epr-skin-tone-picker-menu-color': '#ffffff95',
20714
+ '--epr-horizontal-padding': '10px',
20715
+ '--epr-picker-border-radius': '8px',
20716
+
20717
+ /* Header */
20718
+ '--epr-search-border-color': 'var(--epr-highlight-color)',
20719
+ '--epr-header-padding': '15px var(--epr-horizontal-padding)',
20720
+
20721
+ /* Skin Tone Picker */
20722
+ '--epr-active-skin-tone-indicator-border-color': 'var(--epr-highlight-color)',
20723
+ '--epr-active-skin-hover-color': 'var(--epr-hover-bg-color)',
20724
+
20725
+ /* Search */
20726
+ '--epr-search-input-bg-color-active': 'var(--epr-search-input-bg-color)',
20727
+ '--epr-search-input-padding': '0 30px',
20728
+ '--epr-search-input-border-radius': '8px',
20729
+ '--epr-search-input-height': '40px',
20730
+ '--epr-search-input-text-color': 'var(--epr-text-color)',
20731
+ '--epr-search-input-placeholder-color': 'var(--epr-text-color)',
20732
+ '--epr-search-bar-inner-padding': 'var(--epr-horizontal-padding)',
20733
+
20734
+ /* Category Navigation */
20735
+ '--epr-category-navigation-button-size': '30px',
20736
+
20737
+ /* Variation Picker */
20738
+ '--epr-emoji-variation-picker-height': '45px',
20739
+ '--epr-emoji-variation-picker-bg-color': 'var(--epr-bg-color)',
20740
+
20741
+ /* Preview */
20742
+ '--epr-preview-height': '70px',
20743
+ '--epr-preview-text-size': '14px',
20744
+ '--epr-preview-text-padding': '0 var(--epr-horizontal-padding)',
20745
+ '--epr-preview-border-color': 'var(--epr-picker-border-color)',
20746
+ '--epr-preview-text-color': 'var(--epr-text-color)',
20747
+
20748
+ /* Category */
20749
+ '--epr-category-padding': '0 var(--epr-horizontal-padding)',
20750
+
20751
+ /* Category Label */
20752
+ '--epr-category-label-bg-color': '#ffffffe6',
20753
+ '--epr-category-label-text-color': 'var(--epr-text-color)',
20754
+ '--epr-category-label-padding': '0 var(--epr-horizontal-padding)',
20755
+ '--epr-category-label-height': '40px',
20756
+
20757
+ /* Emoji */
20758
+ '--epr-emoji-size': '30px',
20759
+ '--epr-emoji-padding': '5px',
20760
+ '--epr-emoji-fullsize': 'calc(var(--epr-emoji-size) + var(--epr-emoji-padding) * 2)',
20761
+ '--epr-emoji-hover-color': 'var(--epr-hover-bg-color)',
20762
+ '--epr-emoji-variation-indicator-color': 'var(--epr-picker-border-color)',
20763
+ '--epr-emoji-variation-indicator-color-hover': 'var(--epr-text-color)',
20764
+
20765
+ /* Z-Index */
20766
+ '--epr-header-overlay-z-index': '3',
20767
+ '--epr-emoji-variations-indictator-z-index': '1',
20768
+ '--epr-category-label-z-index': '2',
20769
+ '--epr-skin-variation-picker-z-index': '5',
20770
+ '--epr-preview-z-index': '6',
20771
+
20772
+ /* Dark Theme Variables */
20773
+ '--epr-dark': '#000',
20774
+ '--epr-dark-emoji-variation-picker-bg-color': 'var(--epr-dark)',
20775
+ '--epr-dark-highlight-color': '#c0c0c0',
20776
+ '--epr-dark-text-color': 'var(--epr-highlight-color)',
20777
+ '--epr-dark-hover-bg-color': '#363636f6',
20778
+ '--epr-dark-focus-bg-color': '#474747',
20779
+ '--epr-dark-search-input-bg-color': '#333333',
20780
+ '--epr-dark-category-label-bg-color': '#222222e6',
20781
+ '--epr-dark-picker-border-color': '#151617',
20782
+ '--epr-dark-bg-color': '#222222',
20783
+ '--epr-dark-search-input-bg-color-active': 'var(--epr-dark)',
20784
+ '--epr-dark-emoji-variation-indicator-color': '#444',
20785
+ '--epr-dark-category-icon-active-color': '#3271b7',
20786
+ '--epr-dark-skin-tone-picker-menu-color': '#22222295'
20787
+ }
20788
+ },
20789
+ autoThemeDark: {
20790
+ '.': ClassNames.autoTheme,
20791
+ '@media (prefers-color-scheme: dark)': {
20792
+ '--': DarkTheme
20793
+ }
20794
+ },
20795
+ darkTheme: {
20796
+ '.': ClassNames.darkTheme,
20797
+ '--': DarkTheme
19904
20798
  }
19905
20799
  });
19906
20800
 
19907
- var css_248z$8 = ".EmojiPickerReact{--epr-highlight-color:#007aeb;--epr-hover-bg-color:#f1f8ff;--epr-focus-bg-color:#e0f0ff;--epr-text-color:#858585;--epr-search-input-bg-color:#f6f6f6;--epr-picker-border-color:#e7e7e7;--epr-bg-color:#fff;--epr-category-icon-active-color:#6aa8de;--epr-skin-tone-picker-menu-color:#ffffff95;--epr-horizontal-padding:10px;--epr-picker-border-radius:8px;--epr-search-border-color:var(--epr-highlight-color);--epr-header-padding:15px var(--epr-horizontal-padding);--epr-active-skin-tone-indicator-border-color:var(--epr-highlight-color);--epr-active-skin-hover-color:var(--epr-hover-bg-color);--epr-search-input-bg-color-active:var(--epr-search-input-bg-color);--epr-search-input-padding:0 30px;--epr-search-input-border-radius:8px;--epr-search-input-height:40px;--epr-search-input-text-color:var(--epr-text-color);--epr-search-input-placeholder-color:var(--epr-text-color);--epr-search-bar-inner-padding:var(--epr-horizontal-padding);--epr-category-navigation-button-size:30px;--epr-emoji-variation-picker-height:45px;--epr-emoji-variation-picker-bg-color:var(--epr-bg-color);--epr-preview-height:70px;--epr-preview-text-size:14px;--epr-preview-text-padding:0 var(--epr-horizontal-padding);--epr-preview-border-color:var(--epr-picker-border-color);--epr-preview-text-color:var(--epr-text-color);--epr-category-padding:0 var(--epr-horizontal-padding);--epr-category-label-bg-color:#ffffffe6;--epr-category-label-text-color:var(--epr-text-color);--epr-category-label-padding:0 var(--epr-horizontal-padding);--epr-category-label-height:40px;--epr-emoji-size:30px;--epr-emoji-padding:5px;--epr-emoji-fullsize:calc(var(--epr-emoji-size) + var(--epr-emoji-padding)*2);--epr-emoji-hover-color:var(--epr-hover-bg-color);--epr-emoji-variation-indicator-color:var(--epr-picker-border-color);--epr-emoji-variation-indicator-color-hover:var(--epr-text-color);--epr-header-overlay-z-index:3;--epr-emoji-variations-indictator-z-index:1;--epr-category-label-z-index:2;--epr-skin-variation-picker-z-index:5;--epr-preview-z-index:6;--epr-dark:#000;--epr-dark-emoji-variation-picker-bg-color:var(--epr-dark);--epr-dark-highlight-color:silver;--epr-dark-text-color:var(--epr-highlight-color);--epr-dark-hover-bg-color:#363636f6;--epr-dark-focus-bg-color:#474747;--epr-dark-search-input-bg-color:#333;--epr-dark-category-label-bg-color:#222222e6;--epr-dark-picker-border-color:#151617;--epr-dark-bg-color:#222;--epr-dark-search-input-bg-color-active:var(--epr-dark);--epr-dark-emoji-variation-indicator-color:#444;--epr-dark-category-icon-active-color:#3271b7;--epr-dark-skin-tone-picker-menu-color:#22222295}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme{--epr-emoji-variation-picker-bg-color:var(\n --epr-dark-emoji-variation-picker-bg-color\n );--epr-highlight-color:var(--epr-dark-highlight-color);--epr-text-color:var(--epr-dark-text-color);--epr-hover-bg-color:var(--epr-dark-hover-bg-color);--epr-focus-bg-color:var(--epr-dark-focus-bg-color);--epr-search-input-bg-color:var(--epr-dark-search-input-bg-color);--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-search-input-bg-color-active:var(\n --epr-dark-search-input-bg-color-active\n );--epr-emoji-variation-indicator-color:var(\n --epr-dark-emoji-variation-indicator-color\n );--epr-category-icon-active-color:var(\n --epr-dark-category-icon-active-color\n );--epr-skin-tone-picker-menu-color:var(\n --epr-dark-skin-tone-picker-menu-color\n )}}.EmojiPickerReact.epr-dark-theme{--epr-emoji-variation-picker-bg-color:var(\n --epr-dark-emoji-variation-picker-bg-color\n );--epr-highlight-color:var(--epr-dark-highlight-color);--epr-text-color:var(--epr-dark-text-color);--epr-hover-bg-color:var(--epr-dark-hover-bg-color);--epr-focus-bg-color:var(--epr-dark-focus-bg-color);--epr-search-input-bg-color:var(--epr-dark-search-input-bg-color);--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-search-input-bg-color-active:var(\n --epr-dark-search-input-bg-color-active\n );--epr-emoji-variation-indicator-color:var(\n --epr-dark-emoji-variation-indicator-color\n );--epr-category-icon-active-color:var(--epr-dark-category-icon-active-color);--epr-skin-tone-picker-menu-color:var(\n --epr-dark-skin-tone-picker-menu-color\n )}.EmojiPickerReact{background-color:var(--epr-bg-color);overflow:hidden}.EmojiPickerReact .epr-hidden,.EmojiPickerReact.epr-search-active .epr-hidden-on-search,.EmojiPickerReact:not(.epr-search-active) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}.EmojiPickerReact button.epr-btn{background:none;border:0;cursor:pointer;outline:none}";
19908
- styleInject(css_248z$8);
20801
+ var css_248z$5 = ".EmojiPickerReact:not(.epr-search-active) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}";
20802
+ styleInject(css_248z$5);
19909
20803
 
19910
20804
  function EmojiPicker(props) {
19911
20805
  return createElement(ElementRefContextProvider, null, createElement(PickerConfigProvider, Object.assign({}, props), createElement(PickerMain, null, createElement(Header, null), createElement(Body, null), createElement(Preview, null))));