emoji-picker-react 4.6.8-rc.3 → 4.6.8

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.
@@ -18029,12 +18029,67 @@ function ClickableEmojiButton(_ref) {
18029
18029
  hasVariations = _ref.hasVariations,
18030
18030
  children = _ref.children;
18031
18031
  return React.createElement(Button, {
18032
- className: flairup.cx(ClassNames.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx[ClassNames.emojiHasVariations] = hasVariations && showVariations, _cx)),
18032
+ className: flairup.cx(styles$1.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx), !!(hasVariations && showVariations) && styles$1.hasVariations),
18033
18033
  "data-unified": unified,
18034
18034
  "aria-label": emojiNames[0],
18035
18035
  "data-full-name": emojiNames
18036
18036
  }, children);
18037
18037
  }
18038
+ var styles$1 = /*#__PURE__*/stylesheet.create({
18039
+ emoji: {
18040
+ '.': ClassNames.emoji,
18041
+ position: 'relative',
18042
+ width: 'var(--epr-emoji-fullsize)',
18043
+ height: 'var(--epr-emoji-fullsize)',
18044
+ boxSizing: 'border-box',
18045
+ display: 'flex',
18046
+ alignItems: 'center',
18047
+ justifyContent: 'center',
18048
+ maxWidth: 'var(--epr-emoji-fullsize)',
18049
+ maxHeight: 'var(--epr-emoji-fullsize)',
18050
+ borderRadius: '8px',
18051
+ overflow: 'hidden',
18052
+ transition: 'background-color 0.2s',
18053
+ ':hover': {
18054
+ backgroundColor: 'var(--epr-emoji-hover-color)'
18055
+ },
18056
+ ':focus': {
18057
+ backgroundColor: 'var(--epr-focus-bg-color)'
18058
+ }
18059
+ },
18060
+ hasVariations: {
18061
+ '.': ClassNames.emojiHasVariations,
18062
+ ':after': {
18063
+ content: '',
18064
+ display: 'block',
18065
+ width: '0',
18066
+ height: '0',
18067
+ right: '0px',
18068
+ bottom: '1px',
18069
+ position: 'absolute',
18070
+ borderLeft: '4px solid transparent',
18071
+ borderRight: '4px solid transparent',
18072
+ transform: 'rotate(135deg)',
18073
+ borderBottom: '4px solid var(--epr-emoji-variation-indicator-color)',
18074
+ zIndex: 'var(--epr-emoji-variations-indictator-z-index)'
18075
+ },
18076
+ ':hover:after': {
18077
+ borderBottom: '4px solid var(--epr-emoji-variation-indicator-color-hover)'
18078
+ }
18079
+ }
18080
+ });
18081
+
18082
+ var emojiStyles = /*#__PURE__*/stylesheet.create({
18083
+ external: {
18084
+ '.': ClassNames.external,
18085
+ fontSize: '0'
18086
+ },
18087
+ common: {
18088
+ alignSelf: 'center',
18089
+ justifySelf: 'center',
18090
+ display: 'block'
18091
+ }
18092
+ });
18038
18093
 
18039
18094
  function EmojiImg(_ref) {
18040
18095
  var emojiName = _ref.emojiName,
@@ -18046,22 +18101,46 @@ function EmojiImg(_ref) {
18046
18101
  return React.createElement("img", {
18047
18102
  src: imgUrl,
18048
18103
  alt: emojiName,
18049
- className: flairup.cx(ClassNames.external, 'epr-emoji-img'),
18104
+ className: flairup.cx(styles$2.emojiImag, emojiStyles.external, emojiStyles.common),
18050
18105
  loading: lazyLoad ? 'lazy' : 'eager',
18051
18106
  onError: onError,
18052
18107
  style: style
18053
18108
  });
18054
18109
  }
18110
+ var styles$2 = /*#__PURE__*/stylesheet.create({
18111
+ emojiImag: {
18112
+ '.': 'epr-emoji-img',
18113
+ maxWidth: 'var(--epr-emoji-fullsize)',
18114
+ maxHeight: 'var(--epr-emoji-fullsize)',
18115
+ minWidth: 'var(--epr-emoji-fullsize)',
18116
+ minHeight: 'var(--epr-emoji-fullsize)',
18117
+ padding: 'var(--epr-emoji-padding)'
18118
+ }
18119
+ });
18055
18120
 
18056
18121
  function NativeEmoji(_ref) {
18057
18122
  var unified = _ref.unified,
18058
18123
  style = _ref.style;
18059
18124
  return React.createElement("span", {
18060
- className: flairup.cx(ClassNames.external, 'epr-emoji-native'),
18125
+ className: flairup.cx(styles$3.nativeEmoji, emojiStyles.common, emojiStyles.external),
18061
18126
  "data-unified": unified,
18062
18127
  style: style
18063
18128
  }, parseNativeEmoji(unified));
18064
18129
  }
18130
+ var styles$3 = /*#__PURE__*/stylesheet.create({
18131
+ nativeEmoji: {
18132
+ '.': 'epr-emoji-native',
18133
+ fontFamily: '"Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"!important',
18134
+ position: 'relative',
18135
+ lineHeight: '100%',
18136
+ fontSize: 'var(--epr-emoji-size)',
18137
+ textAlign: 'center',
18138
+ alignSelf: 'center',
18139
+ justifySelf: 'center',
18140
+ letterSpacing: '0',
18141
+ padding: 'var(--epr-emoji-padding)'
18142
+ }
18143
+ });
18065
18144
 
18066
18145
  function ViewOnlyEmoji(_ref) {
18067
18146
  var emoji = _ref.emoji,
@@ -18146,16 +18225,16 @@ function EmojiCategory(_ref) {
18146
18225
  var category = categoryFromCategoryConfig(categoryConfig);
18147
18226
  var categoryName = categoryNameFromCategoryConfig(categoryConfig);
18148
18227
  return React.createElement("li", {
18149
- className: flairup.cx(styles$1.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
18228
+ className: flairup.cx(styles$4.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
18150
18229
  "data-name": category,
18151
18230
  "aria-label": categoryName
18152
18231
  }, React.createElement("h2", {
18153
- className: flairup.cx(styles$1.label)
18232
+ className: flairup.cx(styles$4.label)
18154
18233
  }, categoryName), React.createElement("div", {
18155
- className: flairup.cx(styles$1.categoryContent)
18234
+ className: flairup.cx(styles$4.categoryContent)
18156
18235
  }, children));
18157
18236
  }
18158
- var styles$1 = /*#__PURE__*/stylesheet.create({
18237
+ var styles$4 = /*#__PURE__*/stylesheet.create({
18159
18238
  category: {
18160
18239
  '.': ClassNames.category,
18161
18240
  ':not(:has(.epr-visible))': {
@@ -18229,7 +18308,7 @@ function EmojiList() {
18229
18308
  var categories = useCategoriesConfig();
18230
18309
  var renderdCategoriesCountRef = React.useRef(0);
18231
18310
  return React.createElement("ul", {
18232
- className: flairup.cx(styles$2.emojiList)
18311
+ className: flairup.cx(styles$5.emojiList)
18233
18312
  }, categories.map(function (categoryConfig) {
18234
18313
  var category = categoryFromCategoryConfig(categoryConfig);
18235
18314
  if (category === exports.Categories.SUGGESTED) {
@@ -18298,7 +18377,7 @@ function RenderCategory(_ref) {
18298
18377
  hidden: hiddenCounter === emojis.length
18299
18378
  }, emojis);
18300
18379
  }
18301
- var styles$2 = /*#__PURE__*/stylesheet.create({
18380
+ var styles$5 = /*#__PURE__*/stylesheet.create({
18302
18381
  emojiList: {
18303
18382
  '.': ClassNames.emojiList,
18304
18383
  listStyle: 'none',
@@ -18405,6 +18484,7 @@ var Direction;
18405
18484
  Direction[Direction["Up"] = 0] = "Up";
18406
18485
  Direction[Direction["Down"] = 1] = "Down";
18407
18486
  })(Direction || (Direction = {}));
18487
+ // eslint-disable-next-line complexity
18408
18488
  function EmojiVariationPicker() {
18409
18489
  var AnchoredEmojiRef = useAnchoredEmojiRef();
18410
18490
  var VariationPickerRef = useVariationPickerRef();
@@ -18418,7 +18498,7 @@ function EmojiVariationPicker() {
18418
18498
  var getPointerStyle = usePointerStyle(VariationPickerRef);
18419
18499
  var getEmojiUrl = useGetEmojiUrlConfig();
18420
18500
  var button = buttonFromTarget(AnchoredEmojiRef.current);
18421
- var visible = emoji && button && emojiHasVariations(emoji) && button.classList.contains(ClassNames.emojiHasVariations);
18501
+ var visible = Boolean(emoji && button && emojiHasVariations(emoji) && button.classList.contains(ClassNames.emojiHasVariations));
18422
18502
  React.useEffect(function () {
18423
18503
  if (!visible) {
18424
18504
  return;
@@ -18434,10 +18514,7 @@ function EmojiVariationPicker() {
18434
18514
  }
18435
18515
  return React.createElement("div", {
18436
18516
  ref: VariationPickerRef,
18437
- className: flairup.cx(ClassNames.variationPicker, {
18438
- visible: visible,
18439
- 'pointing-up': getMenuDirection() === Direction.Down
18440
- }),
18517
+ className: flairup.cx(styles$6.variationPicker, getMenuDirection() === Direction.Down && styles$6.pointingUp, visible && styles$6.visible),
18441
18518
  style: {
18442
18519
  top: top
18443
18520
  }
@@ -18451,7 +18528,7 @@ function EmojiVariationPicker() {
18451
18528
  getEmojiUrl: getEmojiUrl
18452
18529
  });
18453
18530
  }) : null, React.createElement("div", {
18454
- className: "epr-emoji-pointer",
18531
+ className: flairup.cx(styles$6.pointer),
18455
18532
  style: pointerStyle
18456
18533
  }));
18457
18534
  }
@@ -18507,6 +18584,72 @@ function useVariationPickerTop(VariationPickerRef) {
18507
18584
  return emojiOffsetTop - height;
18508
18585
  }
18509
18586
  }
18587
+ var styles$6 = /*#__PURE__*/stylesheet.create({
18588
+ variationPicker: {
18589
+ '.': ClassNames.variationPicker,
18590
+ position: 'absolute',
18591
+ right: '15px',
18592
+ left: '15px',
18593
+ padding: '5px',
18594
+ boxShadow: '0px 2px 5px rgba(0, 0, 0, 0.2)',
18595
+ borderRadius: '3px',
18596
+ display: 'flex',
18597
+ alignItems: 'center',
18598
+ justifyContent: 'space-around',
18599
+ opacity: '0',
18600
+ visibility: 'hidden',
18601
+ pointerEvents: 'none',
18602
+ top: '-100%',
18603
+ border: '1px solid var(--epr-picker-border-color)',
18604
+ height: 'var(--epr-emoji-variation-picker-height)',
18605
+ zIndex: 'var(--epr-skin-variation-picker-z-index)',
18606
+ background: 'var(--epr-emoji-variation-picker-bg-color)',
18607
+ transform: 'scale(0.9)',
18608
+ transition: 'transform 0.1s ease-out, opacity 0.2s ease-out'
18609
+ },
18610
+ pointingUp: {
18611
+ '.': 'pointing-up',
18612
+ transformOrigin: 'center 0%',
18613
+ transform: 'scale(0.9)'
18614
+ },
18615
+ '.pointing-up': {
18616
+ pointer: {
18617
+ top: '0',
18618
+ transform: 'rotate(180deg) translateY(100%) translateX(18px)'
18619
+ }
18620
+ },
18621
+ visible: {
18622
+ opacity: '1',
18623
+ visibility: 'visible',
18624
+ pointerEvents: 'all',
18625
+ transform: 'scale(1)'
18626
+ },
18627
+ pointer: {
18628
+ '.': 'epr-emoji-pointer',
18629
+ content: '',
18630
+ position: 'absolute',
18631
+ width: '25px',
18632
+ height: '15px',
18633
+ backgroundRepeat: 'no-repeat',
18634
+ backgroundPosition: '0 0',
18635
+ backgroundSize: '50px 15px',
18636
+ top: '100%',
18637
+ transform: 'translateX(-18px)'
18638
+ },
18639
+ '.epr-dark-theme': {
18640
+ pointer: {
18641
+ backgroundPosition: '-25px 0'
18642
+ }
18643
+ },
18644
+ '.epr-auto-theme': {
18645
+ pointer: {
18646
+ // @ts-ignore
18647
+ '@media (prefers-color-scheme: dark)': {
18648
+ backgroundPosition: '-25px 0'
18649
+ }
18650
+ }
18651
+ }
18652
+ });
18510
18653
 
18511
18654
  function Body() {
18512
18655
  var BodyRef = useBodyRef();
@@ -18514,11 +18657,11 @@ function Body() {
18514
18657
  useMouseDownHandlers(BodyRef);
18515
18658
  useOnMouseMove();
18516
18659
  return React.createElement("div", {
18517
- className: flairup.cx(styles$3.body),
18660
+ className: flairup.cx(styles$7.body),
18518
18661
  ref: BodyRef
18519
18662
  }, React.createElement(EmojiVariationPicker, null), React.createElement(EmojiList, null));
18520
18663
  }
18521
- var styles$3 = /*#__PURE__*/stylesheet.create({
18664
+ var styles$7 = /*#__PURE__*/stylesheet.create({
18522
18665
  body: {
18523
18666
  '.': ClassNames.scrollBody,
18524
18667
  flex: '1',
@@ -18618,10 +18761,10 @@ function Flex(_ref) {
18618
18761
  direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
18619
18762
  return React.createElement("div", {
18620
18763
  style: _extends({}, style),
18621
- className: flairup.cx(styles$4.flex, className, styles$4[direction])
18764
+ className: flairup.cx(styles$8.flex, className, styles$8[direction])
18622
18765
  }, children);
18623
18766
  }
18624
- var styles$4 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
18767
+ var styles$8 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
18625
18768
  flex: {
18626
18769
  display: 'flex'
18627
18770
  }
@@ -18750,7 +18893,7 @@ function Preview() {
18750
18893
  return null;
18751
18894
  }
18752
18895
  return React.createElement(Flex, {
18753
- className: flairup.cx(styles$5.preview)
18896
+ className: flairup.cx(styles$9.preview)
18754
18897
  }, React.createElement(PreviewBody, null), React.createElement(Space, null), isSkinToneInPreview ? React.createElement(SkinTonePickerMenu, null) : null);
18755
18898
  }
18756
18899
  function PreviewBody() {
@@ -18786,13 +18929,13 @@ function PreviewBody() {
18786
18929
  size: 45,
18787
18930
  getEmojiUrl: getEmojiUrl
18788
18931
  }) : null), show ? React.createElement("div", {
18789
- className: flairup.cx(styles$5.label)
18932
+ className: flairup.cx(styles$9.label)
18790
18933
  }, emojiName(emoji)) : React.createElement("div", {
18791
- className: flairup.cx(styles$5.label)
18934
+ className: flairup.cx(styles$9.label)
18792
18935
  }, defaultText));
18793
18936
  }
18794
18937
  }
18795
- var styles$5 = /*#__PURE__*/stylesheet.create({
18938
+ var styles$9 = /*#__PURE__*/stylesheet.create({
18796
18939
  preview: {
18797
18940
  alignItems: 'center',
18798
18941
  borderTop: '1px solid var(--epr-preview-border-color)',
@@ -18882,8 +19025,6 @@ function useShouldHideCustomEmojis() {
18882
19025
  return customCategoryConfig.length === 0;
18883
19026
  }
18884
19027
 
18885
- var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.3.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='200px' height='80px' viewBox='0 0 200 80' enable-background='new 0 0 200 80' xml:space='preserve'%3e%3cg id='Layer_11'%3e %3cg%3e %3cpath fill='%233371B7' stroke='%233371B7' stroke-width='0.1' stroke-miterlimit='10' d='M12.8%2c29.5c0.6%2c0%2c1.1-0.5%2c1.1-1.1 c0-0.6-0.5-1.2-1.1-1.2c-0.6%2c0-1.2%2c0.5-1.2%2c1.2C11.6%2c29%2c12.2%2c29.5%2c12.8%2c29.5z M12.8%2c28c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4 c0%2c0.2-0.2%2c0.4-0.4%2c0.4c-0.2%2c0-0.4-0.2-0.4-0.4C12.4%2c28.1%2c12.6%2c28%2c12.8%2c28z'/%3e %3cpath fill='%233371B7' stroke='%233371B7' stroke-width='0.1' stroke-miterlimit='10' d='M10%2c23c-3.8%2c0-7%2c3.1-7%2c7c0%2c3.8%2c3.1%2c7%2c7%2c7 s7-3.1%2c7-7C17%2c26.2%2c13.8%2c23%2c10%2c23z M10%2c36.2c-3.4%2c0-6.2-2.8-6.2-6.2c0-3.4%2c2.8-6.2%2c6.2-6.2s6.2%2c2.8%2c6.2%2c6.2 C16.2%2c33.4%2c13.4%2c36.2%2c10%2c36.2z'/%3e %3cpath fill='%233371B7' stroke='%233371B7' stroke-width='0.1' stroke-miterlimit='10' d='M14.6%2c31.2c-0.1-0.1-0.2-0.2-0.3-0.2H5.7 c-0.1%2c0-0.2%2c0.1-0.3%2c0.2c-0.1%2c0.1-0.1%2c0.2%2c0%2c0.4c0.7%2c2%2c2.5%2c3.3%2c4.6%2c3.3s3.9-1.3%2c4.6-3.3C14.7%2c31.5%2c14.7%2c31.3%2c14.6%2c31.2z M10%2c34.1 c-1.6%2c0-3-0.9-3.7-2.2h7.3C13%2c33.2%2c11.6%2c34.1%2c10%2c34.1z'/%3e %3cpath fill='%233371B7' stroke='%233371B7' stroke-width='0.1' stroke-miterlimit='10' d='M7.2%2c29.5c0.6%2c0%2c1.2-0.5%2c1.2-1.1 c0-0.6-0.5-1.2-1.2-1.2c-0.6%2c0-1.1%2c0.5-1.1%2c1.2C6.1%2c29%2c6.6%2c29.5%2c7.2%2c29.5z M7.2%2c28c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4c0%2c0.2-0.2%2c0.4-0.4%2c0.4 c-0.2%2c0-0.4-0.2-0.4-0.4C6.8%2c28.1%2c7%2c28%2c7.2%2c28z'/%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' d='M64.1%2c33.4l2.3%2c0c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2.1c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.3 c-0.2%2c0-0.4-0.2-0.4-0.4v-2.1C63.7%2c33.6%2c63.8%2c33.4%2c64.1%2c33.4z'/%3e %3cpath fill='none' stroke='%233371B7' d='M73.5%2c33.5h2.4c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.4 c-0.2%2c0-0.4-0.2-0.4-0.4l0-2C73.1%2c33.6%2c73.3%2c33.5%2c73.5%2c33.5z'/%3e %3cpath fill='none' stroke='%233371B7' d='M63.7%2c28.4h12.6v5H63.7V28.4z'/%3e %3cpath fill='none' stroke='%233371B7' d='M65.5%2c23.6h8.9c1%2c0%2c1.9%2c0.8%2c1.9%2c1.9v3.1H63.7v-3.1C63.7%2c24.5%2c64.5%2c23.6%2c65.5%2c23.6z'/%3e %3cellipse fill='%233371B7' cx='66.2' cy='30.9' rx='0.9' ry='1'/%3e %3cellipse fill='%233371B7' cx='73.8' cy='30.9' rx='0.9' ry='1'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' d='M96.4%2c30c0%2c3.6-2.9%2c6.5-6.4%2c6.5s-6.4-2.9-6.4-6.5s2.9-6.5%2c6.4-6.5S96.4%2c26.4%2c96.4%2c30z'/%3e %3cpath fill='none' stroke='%233371B7' d='M96.3%2c28.6c0%2c0%2c0%2c0.1%2c0%2c0.1c-0.9%2c0.1-2.9%2c0.1-4.6-1.1c-1.1-0.8-2-1.7-2.6-2.5 c-0.3-0.4-0.6-0.8-0.7-1c-0.1-0.1-0.1-0.1-0.1-0.2c0.5-0.1%2c1.2-0.2%2c2-0.1c1.2%2c0%2c2.5%2c0.3%2c3.5%2c1.1c1%2c0.8%2c1.7%2c1.8%2c2.1%2c2.8 C96.1%2c27.9%2c96.2%2c28.3%2c96.3%2c28.6z'/%3e %3cpath fill='none' stroke='%233371B7' d='M84%2c32.2c0%2c0%2c0-0.1%2c0-0.1c0.9-0.2%2c2.9-0.4%2c4.7%2c0.6c1.1%2c0.7%2c1.9%2c1.5%2c2.4%2c2.3 c0.4%2c0.5%2c0.6%2c1%2c0.7%2c1.3c-0.4%2c0.1-1%2c0.2-1.7%2c0.3c-1%2c0-2.1-0.1-3.2-0.8s-1.9-1.6-2.4-2.5C84.2%2c32.8%2c84.1%2c32.5%2c84%2c32.2z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M116.3%2c26.8l-1.4%2c2l-0.8-0.8l-0.6-0.6l0%2c0.9l-0.1%2c8.2h-6.8 l-0.1-8.2l0-0.9l-0.6%2c0.6l-0.8%2c0.8l-1.4-2l2.6-2.9c0.1-0.1%2c0.2-0.1%2c0.3-0.1h1.3l0.4%2c0.7c0.7%2c1.3%2c2.6%2c1.3%2c3.3-0.1l0.3-0.6h1.2 c0.1%2c0%2c0.2%2c0%2c0.3%2c0.1l0.3-0.3l-0.3%2c0.3L116.3%2c26.8z'/%3e %3cpath fill='none' stroke='%233371B7' d='M110.1%2c27.7h2v0.9c0%2c0.4-0.4%2c0.7-1%2c0.7c-0.6%2c0-1-0.3-1-0.7L110.1%2c27.7L110.1%2c27.7z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' d='M126.8%2c34.3c0%2c1.2-1%2c2.2-2.2%2c2.2s-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2S126.8%2c33.1%2c126.8%2c34.3z'/%3e %3cpath fill='none' stroke='%233371B7' d='M137.6%2c34.3c0%2c1.2-1%2c2.2-2.2%2c2.2c-1.2%2c0-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2 C136.6%2c32.1%2c137.6%2c33.1%2c137.6%2c34.3z'/%3e %3cpath fill='none' stroke='%233371B7' d='M126.8%2c24.4v9.9'/%3e %3cpath fill='none' stroke='%233371B7' d='M137.7%2c24.4v9.9'/%3e %3cpath fill='none' stroke='%233371B7' d='M126.8%2c23.5h10.8v2.7h-10.8C126.8%2c26.2%2c126.8%2c23.5%2c126.8%2c23.5z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='%233371B7' d='M170.8%2c23.1L170.8%2c23.1c-0.3%2c0-0.5%2c0-0.8%2c0c-2.1%2c0-4%2c1-5.3%2c2.5l-0.1%2c0l-0.1-0.1l-1-1.2l-0.3%2c3.4l3.4%2c0.3 l-1.1-1.3l-0.1-0.1l0.1-0.1c1.1-1.5%2c3-2.3%2c5-2.1l0%2c0c3.2%2c0.3%2c5.5%2c3.1%2c5.2%2c6.3c-0.3%2c3-3.1%2c5.3-6.1%2c5.1c-3.1-0.2-5.4-2.9-5.3-6 l-1.3-0.1c-0.2%2c3.8%2c2.6%2c7.1%2c6.3%2c7.4c3.9%2c0.3%2c7.3-2.6%2c7.6-6.5C177.2%2c26.8%2c174.4%2c23.5%2c170.8%2c23.1z'/%3e %3cpath fill='%233371B7' d='M170.3%2c27.4c0-0.3-0.3-0.6-0.6-0.6s-0.6%2c0.3-0.6%2c0.6v3.2c0%2c0.2%2c0.1%2c0.3%2c0.2%2c0.4c0.1%2c0.1%2c0.3%2c0.2%2c0.4%2c0.2 h2.4c0.4%2c0%2c0.6-0.3%2c0.6-0.6c0-0.4-0.3-0.6-0.6-0.6h-1.6h-0.2v-0.2L170.3%2c27.4L170.3%2c27.4z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' d='M186.2%2c23.4h7.7c1.5%2c0%2c2.7%2c1.2%2c2.7%2c2.7v7.7c0%2c1.5-1.2%2c2.7-2.7%2c2.7h-7.7 c-1.5%2c0-2.7-1.2-2.7-2.7v-7.7C183.4%2c24.6%2c184.7%2c23.4%2c186.2%2c23.4z'/%3e %3cellipse fill='%233371B7' cx='186' cy='28.9' rx='0.7' ry='0.7'/%3e %3cellipse fill='%233371B7' cx='194' cy='26.7' rx='0.7' ry='0.7'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M186%2c33.3l0.4-0.3c0.4-0.3%2c1-0.3%2c1.5-0.1l1%2c0.4 c0.5%2c0.2%2c1%2c0.2%2c1.5-0.1l0.8-0.5c0.4-0.3%2c1-0.3%2c1.5-0.1l1.8%2c0.8'/%3e %3c/g%3e %3c/g%3e %3cpath fill='%233371B7' stroke='%233371B7' stroke-width='0.25' stroke-miterlimit='10' d='M156%2c24.3c-0.2-0.1-0.4-0.1-0.5%2c0 c0%2c0-0.2%2c0.1-0.9%2c0.2c-0.7%2c0-2.4-0.1-3.8-0.6c-0.8-0.3-1.7-0.5-2.5-0.5c-0.2%2c0-0.4%2c0-0.5%2c0c-1.3%2c0-2.5%2c0.3-3.6%2c1 c-0.2%2c0.1-0.2%2c0.2-0.2%2c0.4v11.6c0%2c0.3%2c0.1%2c0.5%2c0.3%2c0.5c0.6%2c0%2c0.5-0.4%2c0.5-0.6v-5.7c0.7-0.3%2c3.2-1.1%2c5.8-0.1 c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.8%2c0%2c1.3-0.3%2c1.3-0.3c0.2-0.1%2c0.3-0.2%2c0.3-0.4v-5.7C156.2%2c24.6%2c156.1%2c24.4%2c156%2c24.3z M155.6%2c30.2 c-0.1%2c0-0.7%2c0.1-1%2c0.1c-0.7%2c0-2.4-0.1-3.8-0.6c-2.5-1-5-0.5-6.2-0.1v-4.9c0.9-0.5%2c2.2-0.7%2c3.2-0.7c0.1%2c0%2c0.3%2c0%2c0.4%2c0 c0.7%2c0%2c1.5%2c0.2%2c2.2%2c0.4c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.2%2c0%2c0.8%2c0%2c1-0.1V30.2z'/%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' d='M48.1%2c23.5h3.7c2.5%2c0%2c4.5%2c2%2c4.5%2c4.5c0%2c0.5-0.4%2c0.9-0.9%2c0.9H44.5c-0.5%2c0-0.9-0.4-0.9-0.9 C43.6%2c25.5%2c45.6%2c23.5%2c48.1%2c23.5z'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5%2c28.8c-0.2%2c0.1-0.5%2c1.2%2c0%2c1.5c1.4%2c1%2c8.5%2c0.8%2c11.3%2c0.6 c0.8-0.1%2c1.6-0.4%2c1.7-1.2c0-0.3-0.1-0.6-0.6-0.9'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5%2c30.6L43.3%2c31c-0.2%2c0.5%2c0.2%2c1%2c0.7%2c0.9c0.3-0.1%2c0.5%2c0%2c0.7%2c0.3 l0.1%2c0.2c0.3%2c0.5%2c1%2c0.6%2c1.5%2c0.2l0%2c0c0.3-0.2%2c0.7-0.3%2c1-0.2l0.8%2c0.3c0.4%2c0.2%2c0.8%2c0.1%2c1.2%2c0l0.5-0.2c0.4-0.2%2c0.9-0.2%2c1.3%2c0l0.5%2c0.2 c0.4%2c0.2%2c0.8%2c0.2%2c1.2%2c0l0.2-0.1c0.3-0.2%2c0.8-0.2%2c1.1%2c0.1l0.2%2c0.2c0.3%2c0.3%2c0.8%2c0.2%2c1-0.2l0.1-0.2c0.1-0.2%2c0-0.3%2c0.2-0.3 c0.5%2c0%2c1.2-0.3%2c1.1-0.7l-0.4-1.1'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5%2c32.2c-0.1%2c0.2-0.3%2c0.8%2c0%2c1.1c0.3%2c0.4%2c3%2c1.1%2c6.4%2c1.1 c2.2%2c0%2c4.6-0.3%2c6-0.6c0.5-0.1%2c0.9-0.5%2c0.8-0.9c0-0.2-0.2-0.5-0.4-0.7'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5%2c33.3c0%2c0.5%2c0.6%2c2.3%2c1.3%2c2.7c1.8%2c0.8%2c5.7%2c0.7%2c8.1%2c0.5 c1.3-0.1%2c2.5-0.7%2c3.2-1.8c0.3-0.5%2c0.5-1%2c0.5-1.4'/%3e %3cellipse fill='%233371B7' cx='51.6' cy='26.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%233371B7' cx='53' cy='25' rx='0.3' ry='0.4'/%3e %3cellipse fill='%233371B7' cx='53' cy='27.2' rx='0.3' ry='0.4'/%3e %3cellipse fill='%233371B7' cx='54.3' cy='26.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%233371B7' cx='50.9' cy='25' rx='0.3' ry='0.4'/%3e %3c/g%3e %3cg%3e %3cpath fill='none' stroke='%233371B7' d='M24.2%2c31v-7.6c0.1%2c0.1%2c0.8%2c0.9%2c2.8%2c3.1c2.5-1.6%2c5.6-0.7%2c6.9%2c0l2.4-3.1v7.1 c0%2c1.2-0.1%2c2.5-0.9%2c3.4c-1%2c1.2-2.7%2c2.5-5.3%2c2.5c-2.9%2c0-4.5-1.5-5.3-2.9C24.2%2c32.9%2c24.2%2c32%2c24.2%2c31z'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M21.2%2c30l5.4%2c1.2'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M21.2%2c34.1l5.4-1.2'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M38.8%2c30l-5.4%2c1.2'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M38.8%2c34.1l-5.4-1.2'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='M29.5%2c32.4L29%2c31.7c-0.2-0.3%2c0-0.6%2c0.3-0.6h1.4 c0.3%2c0%2c0.5%2c0.4%2c0.3%2c0.6l-0.7%2c1l0%2c0c-0.7%2c1.2-2.6%2c1.1-3.1-0.3l-0.1-0.2c-0.1-0.2%2c0-0.4%2c0.2-0.5s0.4%2c0%2c0.5%2c0.2l0.1%2c0.2 C28.3%2c32.8%2c29.1%2c32.9%2c29.5%2c32.4z'/%3e %3cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M32.4%2c32.1l-0.1%2c0.2c-0.4%2c1-1.8%2c1.1-2.3%2c0.2'/%3e %3cellipse fill='%233371B7' cx='27.6' cy='29.7' rx='0.7' ry='0.7'/%3e %3cellipse fill='%233371B7' cx='32.4' cy='29.7' rx='0.7' ry='0.7'/%3e %3c/g%3e %3cg%3e %3cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='0.1' stroke-miterlimit='10' d='M12.8%2c49.5c0.6%2c0%2c1.1-0.5%2c1.1-1.1 c0-0.6-0.5-1.2-1.1-1.2c-0.6%2c0-1.2%2c0.5-1.2%2c1.2C11.6%2c49%2c12.2%2c49.5%2c12.8%2c49.5z M12.8%2c48c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4 c0%2c0.2-0.2%2c0.4-0.4%2c0.4c-0.2%2c0-0.4-0.2-0.4-0.4C12.4%2c48.1%2c12.6%2c48%2c12.8%2c48z'/%3e %3cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='0.1' stroke-miterlimit='10' d='M14.6%2c51.2c-0.1-0.1-0.2-0.2-0.3-0.2H5.7 c-0.1%2c0-0.2%2c0.1-0.3%2c0.2c-0.1%2c0.1-0.1%2c0.2%2c0%2c0.4c0.7%2c2%2c2.5%2c3.3%2c4.6%2c3.3s3.9-1.3%2c4.6-3.3C14.7%2c51.5%2c14.7%2c51.3%2c14.6%2c51.2z M10%2c54.1 c-1.6%2c0-3-0.9-3.7-2.2h7.3C13%2c53.2%2c11.6%2c54.1%2c10%2c54.1z'/%3e %3cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='0.1' stroke-miterlimit='10' d='M7.2%2c49.5c0.6%2c0%2c1.2-0.5%2c1.2-1.1 c0-0.6-0.5-1.2-1.2-1.2c-0.6%2c0-1.1%2c0.5-1.1%2c1.2C6.1%2c49%2c6.6%2c49.5%2c7.2%2c49.5z M7.2%2c48c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4c0%2c0.2-0.2%2c0.4-0.4%2c0.4 c-0.2%2c0-0.4-0.2-0.4-0.4C6.8%2c48.1%2c7%2c48%2c7.2%2c48z'/%3e %3cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='0.1' stroke-miterlimit='10' d='M10%2c43c-3.8%2c0-7%2c3.1-7%2c7c0%2c3.8%2c3.1%2c7%2c7%2c7 s7-3.1%2c7-7C17%2c46.2%2c13.8%2c43%2c10%2c43z M10%2c56.2c-3.4%2c0-6.2-2.8-6.2-6.2c0-3.4%2c2.8-6.2%2c6.2-6.2s6.2%2c2.8%2c6.2%2c6.2 C16.2%2c53.4%2c13.4%2c56.2%2c10%2c56.2z'/%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' d='M64.1%2c53.4l2.3%2c0c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2.1c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.3 c-0.2%2c0-0.4-0.2-0.4-0.4v-2.1C63.7%2c53.6%2c63.8%2c53.4%2c64.1%2c53.4z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M73.5%2c53.5h2.4c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.4 c-0.2%2c0-0.4-0.2-0.4-0.4l0-2C73.1%2c53.6%2c73.3%2c53.5%2c73.5%2c53.5z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M63.7%2c48.4h12.6v5H63.7V48.4z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M65.5%2c43.6h8.9c1%2c0%2c1.9%2c0.8%2c1.9%2c1.9v3.1H63.7v-3.1C63.7%2c44.5%2c64.5%2c43.6%2c65.5%2c43.6z'/%3e %3cellipse fill='%23C0C0BF' cx='66.2' cy='50.9' rx='0.9' ry='1'/%3e %3cellipse fill='%23C0C0BF' cx='73.8' cy='50.9' rx='0.9' ry='1'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' d='M96.4%2c50c0%2c3.6-2.9%2c6.5-6.4%2c6.5s-6.4-2.9-6.4-6.5s2.9-6.5%2c6.4-6.5S96.4%2c46.4%2c96.4%2c50z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M96.3%2c48.6c0%2c0%2c0%2c0.1%2c0%2c0.1c-0.9%2c0.1-2.9%2c0.1-4.6-1.2c-1.1-0.8-2-1.7-2.6-2.5 c-0.3-0.4-0.6-0.8-0.7-1c-0.1-0.1-0.1-0.2-0.1-0.2c0.5-0.1%2c1.2-0.2%2c2-0.2c1.2%2c0%2c2.5%2c0.3%2c3.5%2c1.1c1%2c0.8%2c1.7%2c1.8%2c2.1%2c2.8 C96.1%2c47.9%2c96.2%2c48.3%2c96.3%2c48.6z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M84%2c52.2c0%2c0%2c0-0.1%2c0-0.1c0.9-0.2%2c2.9-0.4%2c4.7%2c0.6c1.1%2c0.7%2c1.9%2c1.5%2c2.4%2c2.3 c0.4%2c0.5%2c0.6%2c1%2c0.7%2c1.3c-0.4%2c0.1-1%2c0.2-1.7%2c0.3c-1%2c0-2.1-0.1-3.2-0.8s-1.9-1.6-2.4-2.5C84.2%2c52.8%2c84.1%2c52.5%2c84%2c52.2z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M116.3%2c46.8l-1.4%2c2l-0.8-0.8l-0.6-0.7l0%2c0.9l-0.1%2c8.2h-6.8 l-0.1-8.2l0-0.9l-0.6%2c0.7l-0.8%2c0.8l-1.4-2l2.6-2.9c0.1-0.1%2c0.2-0.1%2c0.3-0.1h1.3l0.4%2c0.7c0.7%2c1.3%2c2.6%2c1.3%2c3.3-0.1l0.3-0.6h1.2 c0.1%2c0%2c0.2%2c0%2c0.3%2c0.1l0.3-0.3l-0.3%2c0.3L116.3%2c46.8z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M110.1%2c47.7h2v0.9c0%2c0.4-0.4%2c0.7-1%2c0.7c-0.6%2c0-1-0.3-1-0.7L110.1%2c47.7L110.1%2c47.7z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' d='M126.8%2c54.3c0%2c1.2-1%2c2.2-2.2%2c2.2s-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2S126.8%2c53.1%2c126.8%2c54.3z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M137.6%2c54.3c0%2c1.2-1%2c2.2-2.2%2c2.2c-1.2%2c0-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2 C136.6%2c52.1%2c137.6%2c53.1%2c137.6%2c54.3z'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M126.8%2c44.4v9.9'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M137.7%2c44.4v9.9'/%3e %3cpath fill='none' stroke='%23C0C0BF' d='M126.8%2c43.5h10.8v2.7h-10.8C126.8%2c46.2%2c126.8%2c43.5%2c126.8%2c43.5z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='%23C0C0BF' d='M170.8%2c43.1L170.8%2c43.1c-0.3%2c0-0.5%2c0-0.8%2c0c-2.1%2c0-4%2c1-5.3%2c2.5l-0.1%2c0l-0.1-0.1l-1-1.2l-0.3%2c3.4l3.4%2c0.3 l-1.1-1.3l-0.1-0.1l0.1-0.1c1.1-1.5%2c3-2.3%2c5-2.1l0%2c0c3.2%2c0.3%2c5.5%2c3.1%2c5.2%2c6.3c-0.3%2c3-3.1%2c5.3-6.1%2c5.1c-3.1-0.2-5.4-2.9-5.3-6 l-1.3-0.1c-0.2%2c3.8%2c2.6%2c7.1%2c6.3%2c7.4c3.9%2c0.3%2c7.3-2.6%2c7.6-6.5C177.2%2c46.8%2c174.4%2c43.5%2c170.8%2c43.1z'/%3e %3cpath fill='%23C0C0BF' d='M170.3%2c47.4c0-0.3-0.3-0.6-0.6-0.6s-0.6%2c0.3-0.6%2c0.6v3.2c0%2c0.2%2c0.1%2c0.3%2c0.2%2c0.4c0.1%2c0.1%2c0.3%2c0.2%2c0.4%2c0.2 h2.4c0.4%2c0%2c0.6-0.3%2c0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-1.6h-0.2v-0.2L170.3%2c47.4L170.3%2c47.4z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' d='M186.2%2c43.4h7.7c1.5%2c0%2c2.7%2c1.2%2c2.7%2c2.7v7.7c0%2c1.5-1.2%2c2.7-2.7%2c2.7h-7.7 c-1.5%2c0-2.7-1.2-2.7-2.7v-7.7C183.4%2c44.7%2c184.7%2c43.4%2c186.2%2c43.4z'/%3e %3cellipse fill='%23C0C0BF' cx='186' cy='48.9' rx='0.7' ry='0.7'/%3e %3cellipse fill='%23C0C0BF' cx='194' cy='46.7' rx='0.7' ry='0.7'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M186%2c53.3l0.4-0.3c0.4-0.3%2c1-0.3%2c1.5-0.1l1%2c0.4 c0.5%2c0.2%2c1%2c0.2%2c1.5-0.1l0.8-0.5c0.4-0.3%2c1-0.3%2c1.5-0.1l1.8%2c0.8'/%3e %3c/g%3e %3c/g%3e %3cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='0.25' stroke-miterlimit='10' d='M156%2c44.3c-0.2-0.1-0.4-0.1-0.5%2c0 c0%2c0-0.2%2c0.1-0.9%2c0.2c-0.7%2c0-2.4-0.1-3.8-0.6c-0.8-0.3-1.7-0.5-2.5-0.5c-0.2%2c0-0.4%2c0-0.5%2c0c-1.3%2c0-2.5%2c0.3-3.6%2c1 c-0.2%2c0.1-0.2%2c0.2-0.2%2c0.4v11.6c0%2c0.3%2c0.1%2c0.5%2c0.3%2c0.5c0.6%2c0%2c0.5-0.4%2c0.5-0.6v-5.7c0.7-0.3%2c3.2-1.1%2c5.8-0.1 c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.8%2c0%2c1.3-0.3%2c1.3-0.3c0.2-0.1%2c0.3-0.2%2c0.3-0.4v-5.7C156.2%2c44.6%2c156.1%2c44.4%2c156%2c44.3z M155.6%2c50.2 c-0.1%2c0-0.7%2c0.1-1%2c0.1c-0.7%2c0-2.4-0.1-3.8-0.6c-2.5-1-5-0.5-6.2-0.1v-4.9c0.9-0.5%2c2.2-0.7%2c3.2-0.7c0.1%2c0%2c0.3%2c0%2c0.4%2c0 c0.7%2c0%2c1.5%2c0.2%2c2.2%2c0.4c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.2%2c0%2c0.8%2c0%2c1-0.1V50.2z'/%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' d='M48.1%2c43.5h3.7c2.5%2c0%2c4.5%2c2%2c4.5%2c4.5c0%2c0.5-0.4%2c0.9-0.9%2c0.9H44.5c-0.5%2c0-0.9-0.4-0.9-0.9 C43.6%2c45.5%2c45.6%2c43.5%2c48.1%2c43.5z'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5%2c48.8c-0.2%2c0.1-0.5%2c1.2%2c0%2c1.5c1.4%2c1%2c8.5%2c0.8%2c11.3%2c0.6 c0.8-0.1%2c1.6-0.4%2c1.7-1.2c0-0.3-0.1-0.6-0.6-0.9'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5%2c50.6L43.3%2c51c-0.2%2c0.5%2c0.2%2c1%2c0.7%2c0.9c0.3-0.1%2c0.5%2c0%2c0.7%2c0.3 l0.1%2c0.2c0.3%2c0.5%2c1%2c0.6%2c1.5%2c0.2l0%2c0c0.3-0.2%2c0.7-0.3%2c1-0.2l0.8%2c0.3c0.4%2c0.2%2c0.8%2c0.1%2c1.2%2c0l0.5-0.2c0.4-0.2%2c0.9-0.2%2c1.3%2c0l0.5%2c0.2 c0.4%2c0.2%2c0.8%2c0.2%2c1.2%2c0l0.2-0.1c0.3-0.2%2c0.8-0.2%2c1.1%2c0.1l0.2%2c0.2c0.3%2c0.3%2c0.8%2c0.2%2c1-0.2l0.1-0.2c0.1-0.2%2c0-0.3%2c0.2-0.3 c0.5%2c0%2c1.2-0.3%2c1.1-0.7l-0.4-1.1'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5%2c52.2c-0.1%2c0.2-0.3%2c0.8%2c0%2c1.1c0.3%2c0.4%2c3%2c1.1%2c6.4%2c1.1 c2.2%2c0%2c4.6-0.3%2c6-0.6c0.5-0.1%2c0.9-0.5%2c0.8-0.9c0-0.2-0.2-0.5-0.4-0.7'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5%2c53.3c0%2c0.5%2c0.6%2c2.3%2c1.3%2c2.7c1.8%2c0.8%2c5.7%2c0.7%2c8.1%2c0.5 c1.3-0.1%2c2.5-0.7%2c3.2-1.8c0.3-0.5%2c0.5-1%2c0.5-1.4'/%3e %3cellipse fill='%23C0C0BF' cx='51.6' cy='46.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23C0C0BF' cx='53' cy='45' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23C0C0BF' cx='53' cy='47.2' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23C0C0BF' cx='54.3' cy='46.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23C0C0BF' cx='50.9' cy='45' rx='0.3' ry='0.4'/%3e %3c/g%3e %3cg%3e %3cpath fill='none' stroke='%23C0C0BF' d='M24.2%2c51v-7.6c0.1%2c0.1%2c0.8%2c0.9%2c2.8%2c3.1c2.5-1.7%2c5.6-0.7%2c6.9%2c0l2.4-3.1v7.1 c0%2c1.2-0.1%2c2.5-0.9%2c3.4c-1%2c1.2-2.7%2c2.5-5.3%2c2.5c-2.9%2c0-4.5-1.5-5.3-2.9C24.2%2c52.9%2c24.2%2c52%2c24.2%2c51z'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M21.2%2c50l5.4%2c1.2'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M21.2%2c54.1l5.4-1.2'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M38.8%2c50l-5.4%2c1.2'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M38.8%2c54.1l-5.4-1.2'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M29.5%2c52.4L29%2c51.7c-0.2-0.3%2c0-0.6%2c0.3-0.6h1.4 c0.3%2c0%2c0.5%2c0.4%2c0.3%2c0.6l-0.7%2c1l0%2c0c-0.7%2c1.2-2.6%2c1.1-3.1-0.3l-0.1-0.2c-0.1-0.2%2c0-0.4%2c0.2-0.5s0.4%2c0%2c0.5%2c0.2l0.1%2c0.2 C28.3%2c52.8%2c29.1%2c52.9%2c29.5%2c52.4z'/%3e %3cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M32.4%2c52.1l-0.1%2c0.2c-0.4%2c1-1.8%2c1.1-2.3%2c0.2'/%3e %3cellipse fill='%23C0C0BF' cx='27.6' cy='49.7' rx='0.7' ry='0.7'/%3e %3cellipse fill='%23C0C0BF' cx='32.4' cy='49.7' rx='0.7' ry='0.7'/%3e %3c/g%3e %3cg%3e %3cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='0.1' stroke-miterlimit='10' d='M14.6%2c71.2c-0.1-0.1-0.2-0.2-0.3-0.2H5.7 c-0.1%2c0-0.2%2c0.1-0.3%2c0.2c-0.1%2c0.1-0.1%2c0.2%2c0%2c0.4c0.7%2c2%2c2.5%2c3.3%2c4.6%2c3.3s3.9-1.3%2c4.6-3.3C14.7%2c71.5%2c14.7%2c71.3%2c14.6%2c71.2z M10%2c74.1 c-1.6%2c0-3-0.9-3.7-2.2h7.3C13%2c73.2%2c11.6%2c74.1%2c10%2c74.1z'/%3e %3cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='0.1' stroke-miterlimit='10' d='M12.8%2c69.5c0.6%2c0%2c1.1-0.5%2c1.1-1.1 c0-0.6-0.5-1.2-1.1-1.2c-0.6%2c0-1.2%2c0.5-1.2%2c1.2C11.6%2c69%2c12.2%2c69.5%2c12.8%2c69.5z M12.8%2c68c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4 c0%2c0.2-0.2%2c0.4-0.4%2c0.4c-0.2%2c0-0.4-0.2-0.4-0.4C12.4%2c68.1%2c12.6%2c68%2c12.8%2c68z'/%3e %3cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='0.1' stroke-miterlimit='10' d='M7.2%2c69.5c0.6%2c0%2c1.2-0.5%2c1.2-1.1 c0-0.6-0.5-1.2-1.2-1.2c-0.6%2c0-1.1%2c0.5-1.1%2c1.2C6.1%2c69%2c6.6%2c69.5%2c7.2%2c69.5z M7.2%2c68c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4c0%2c0.2-0.2%2c0.4-0.4%2c0.4 c-0.2%2c0-0.4-0.2-0.4-0.4C6.8%2c68.1%2c7%2c68%2c7.2%2c68z'/%3e %3cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='0.1' stroke-miterlimit='10' d='M10%2c63c-3.8%2c0-7%2c3.1-7%2c7c0%2c3.8%2c3.1%2c7%2c7%2c7 s7-3.1%2c7-7C17%2c66.2%2c13.8%2c63%2c10%2c63z M10%2c76.2c-3.4%2c0-6.2-2.8-6.2-6.2c0-3.4%2c2.8-6.2%2c6.2-6.2s6.2%2c2.8%2c6.2%2c6.2 C16.2%2c73.4%2c13.4%2c76.2%2c10%2c76.2z'/%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' d='M64.1%2c73.4l2.3%2c0c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2.1c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.3 c-0.2%2c0-0.4-0.2-0.4-0.4v-2.1C63.7%2c73.6%2c63.8%2c73.4%2c64.1%2c73.4z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M73.5%2c73.5h2.4c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2.1c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.4 c-0.2%2c0-0.4-0.2-0.4-0.4l0-2.1C73.1%2c73.6%2c73.3%2c73.5%2c73.5%2c73.5z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M63.7%2c68.4h12.6v5H63.7V68.4z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M65.5%2c63.6h8.9c1%2c0%2c1.9%2c0.8%2c1.9%2c1.9v3.1H63.7v-3.1C63.7%2c64.5%2c64.5%2c63.6%2c65.5%2c63.6z'/%3e %3cellipse fill='%236AA9DD' cx='66.2' cy='70.9' rx='0.9' ry='0.9'/%3e %3cellipse fill='%236AA9DD' cx='73.8' cy='70.9' rx='0.9' ry='0.9'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' d='M96.4%2c70c0%2c3.6-2.9%2c6.5-6.4%2c6.5s-6.4-2.9-6.4-6.5s2.9-6.5%2c6.4-6.5S96.4%2c66.4%2c96.4%2c70z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M96.3%2c68.6c0%2c0%2c0%2c0.1%2c0%2c0.1c-0.9%2c0.1-2.9%2c0.1-4.6-1.2c-1.1-0.8-2-1.7-2.6-2.5 c-0.3-0.4-0.6-0.8-0.7-1.1c-0.1-0.1-0.1-0.2-0.1-0.2c0.5-0.1%2c1.2-0.2%2c2-0.2c1.2%2c0%2c2.5%2c0.3%2c3.5%2c1.1c1%2c0.8%2c1.7%2c1.8%2c2.1%2c2.8 C96.1%2c67.9%2c96.2%2c68.3%2c96.3%2c68.6z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M84%2c72.2c0%2c0%2c0-0.1%2c0-0.1c0.9-0.2%2c2.9-0.4%2c4.7%2c0.6c1.1%2c0.7%2c1.9%2c1.5%2c2.4%2c2.3 c0.4%2c0.5%2c0.6%2c1%2c0.7%2c1.3c-0.4%2c0.1-1%2c0.2-1.7%2c0.3c-1%2c0-2.1-0.1-3.2-0.8s-1.9-1.6-2.4-2.5C84.2%2c72.8%2c84.1%2c72.4%2c84%2c72.2z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M116.3%2c66.8l-1.4%2c2l-0.8-0.8l-0.6-0.7l0%2c0.9l-0.1%2c8.2h-6.8 l-0.1-8.2l0-0.9l-0.6%2c0.7l-0.8%2c0.8l-1.4-2l2.6-2.9c0.1-0.1%2c0.2-0.1%2c0.3-0.1h1.3l0.4%2c0.7c0.7%2c1.3%2c2.6%2c1.3%2c3.3-0.1l0.3-0.6h1.2 c0.1%2c0%2c0.2%2c0%2c0.3%2c0.1l0.3-0.3l-0.3%2c0.3L116.3%2c66.8z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M110.1%2c67.7h2v0.9c0%2c0.4-0.4%2c0.7-1%2c0.7c-0.6%2c0-1-0.3-1-0.7L110.1%2c67.7L110.1%2c67.7z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' d='M126.8%2c74.3c0%2c1.2-1%2c2.2-2.2%2c2.2s-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2S126.8%2c73.1%2c126.8%2c74.3z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M137.6%2c74.3c0%2c1.2-1%2c2.2-2.2%2c2.2c-1.2%2c0-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2 C136.6%2c72.1%2c137.6%2c73.1%2c137.6%2c74.3z'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M126.8%2c64.4v9.9'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M137.7%2c64.4v9.9'/%3e %3cpath fill='none' stroke='%236AA9DD' d='M126.8%2c63.5h10.8v2.7h-10.8C126.8%2c66.2%2c126.8%2c63.5%2c126.8%2c63.5z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='%236AA9DD' d='M170.8%2c63.1L170.8%2c63.1c-0.3%2c0-0.5%2c0-0.8%2c0c-2.1%2c0-4%2c1-5.3%2c2.5l-0.1%2c0l-0.1-0.1l-1-1.2l-0.3%2c3.4l3.4%2c0.3 l-1.1-1.3l-0.1-0.1l0.1-0.1c1.1-1.4%2c3-2.3%2c5-2.1l0%2c0c3.2%2c0.3%2c5.5%2c3.1%2c5.2%2c6.3c-0.3%2c3-3.1%2c5.3-6.1%2c5.1c-3.1-0.2-5.4-2.9-5.3-6 l-1.3-0.1c-0.2%2c3.8%2c2.6%2c7.1%2c6.3%2c7.4c3.9%2c0.3%2c7.3-2.6%2c7.6-6.5C177.2%2c66.8%2c174.4%2c63.5%2c170.8%2c63.1z'/%3e %3cpath fill='%236AA9DD' d='M170.3%2c67.4c0-0.3-0.3-0.6-0.6-0.6s-0.6%2c0.3-0.6%2c0.6v3.2c0%2c0.2%2c0.1%2c0.3%2c0.2%2c0.4c0.1%2c0.1%2c0.3%2c0.2%2c0.4%2c0.2 h2.4c0.4%2c0%2c0.6-0.3%2c0.6-0.6S172.4%2c70%2c172%2c70h-1.6h-0.2v-0.2L170.3%2c67.4L170.3%2c67.4z'/%3e %3c/g%3e %3c/g%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' d='M186.2%2c63.4h7.7c1.5%2c0%2c2.7%2c1.2%2c2.7%2c2.7v7.7c0%2c1.5-1.2%2c2.7-2.7%2c2.7h-7.7 c-1.5%2c0-2.7-1.2-2.7-2.7v-7.7C183.4%2c64.7%2c184.7%2c63.4%2c186.2%2c63.4z'/%3e %3cellipse fill='%236AA9DD' cx='186' cy='68.9' rx='0.7' ry='0.7'/%3e %3cellipse fill='%236AA9DD' cx='194' cy='66.7' rx='0.7' ry='0.7'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M186%2c73.3l0.4-0.3c0.4-0.3%2c1-0.3%2c1.5-0.1l1%2c0.4 c0.5%2c0.2%2c1%2c0.2%2c1.5-0.1l0.8-0.5c0.4-0.3%2c1-0.3%2c1.5-0.1l1.8%2c0.8'/%3e %3c/g%3e %3c/g%3e %3cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='0.25' stroke-miterlimit='10' d='M156%2c64.3c-0.2-0.1-0.4-0.1-0.5%2c0 c0%2c0-0.2%2c0.1-0.9%2c0.2c-0.7%2c0-2.4-0.1-3.8-0.6c-0.8-0.3-1.7-0.5-2.5-0.5c-0.2%2c0-0.4%2c0-0.5%2c0c-1.3%2c0-2.5%2c0.3-3.6%2c1 c-0.2%2c0.1-0.2%2c0.2-0.2%2c0.4v11.6c0%2c0.3%2c0.1%2c0.5%2c0.3%2c0.5c0.6%2c0%2c0.5-0.4%2c0.5-0.6v-5.7c0.7-0.3%2c3.2-1.1%2c5.8-0.1 c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.8%2c0%2c1.3-0.3%2c1.3-0.3c0.2-0.1%2c0.3-0.2%2c0.3-0.4v-5.7C156.2%2c64.6%2c156.1%2c64.4%2c156%2c64.3z M155.6%2c70.2 c-0.1%2c0-0.7%2c0.1-1%2c0.1c-0.7%2c0-2.4-0.1-3.8-0.6c-2.5-1-5-0.5-6.2-0.1v-4.9c0.9-0.5%2c2.2-0.7%2c3.2-0.7c0.1%2c0%2c0.3%2c0%2c0.4%2c0 c0.7%2c0%2c1.5%2c0.2%2c2.2%2c0.4c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.2%2c0%2c0.8%2c0%2c1-0.1V70.2z'/%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' d='M48.1%2c63.5h3.7c2.5%2c0%2c4.5%2c2%2c4.5%2c4.5c0%2c0.5-0.4%2c0.9-0.9%2c0.9H44.5c-0.5%2c0-0.9-0.4-0.9-0.9 C43.6%2c65.5%2c45.6%2c63.5%2c48.1%2c63.5z'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5%2c68.8c-0.2%2c0.1-0.5%2c1.2%2c0%2c1.5c1.4%2c0.9%2c8.5%2c0.8%2c11.3%2c0.6 c0.8-0.1%2c1.6-0.4%2c1.7-1.2c0-0.3-0.1-0.6-0.6-0.9'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5%2c70.6L43.3%2c71c-0.2%2c0.5%2c0.2%2c1%2c0.7%2c0.9c0.3-0.1%2c0.5%2c0.1%2c0.7%2c0.3 l0.1%2c0.2c0.3%2c0.5%2c1%2c0.6%2c1.5%2c0.2l0%2c0c0.3-0.2%2c0.7-0.3%2c1-0.2l0.8%2c0.3c0.4%2c0.2%2c0.8%2c0.1%2c1.2%2c0l0.5-0.2c0.4-0.2%2c0.9-0.2%2c1.3%2c0l0.5%2c0.2 c0.4%2c0.2%2c0.8%2c0.2%2c1.2-0.1l0.2-0.1c0.3-0.2%2c0.8-0.2%2c1.1%2c0.1l0.2%2c0.2c0.3%2c0.3%2c0.8%2c0.2%2c1-0.2l0.1-0.2c0.1-0.2%2c0-0.3%2c0.2-0.3 c0.5%2c0%2c1.2-0.3%2c1.1-0.7l-0.4-1.1'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5%2c72.2c-0.1%2c0.2-0.3%2c0.8%2c0%2c1.1c0.3%2c0.4%2c3%2c1.1%2c6.4%2c1.1 c2.2%2c0%2c4.6-0.3%2c6-0.6c0.5-0.1%2c0.9-0.4%2c0.8-0.9c0-0.2-0.2-0.5-0.4-0.7'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5%2c73.3c0%2c0.5%2c0.6%2c2.3%2c1.3%2c2.7c1.8%2c0.8%2c5.7%2c0.7%2c8.1%2c0.5 c1.3-0.1%2c2.5-0.7%2c3.2-1.8c0.3-0.5%2c0.5-1%2c0.5-1.4'/%3e %3cellipse fill='%236AA9DD' cx='51.6' cy='66.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%236AA9DD' cx='53' cy='65' rx='0.3' ry='0.4'/%3e %3cellipse fill='%236AA9DD' cx='53' cy='67.2' rx='0.3' ry='0.4'/%3e %3cellipse fill='%236AA9DD' cx='54.3' cy='66.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%236AA9DD' cx='50.9' cy='65' rx='0.3' ry='0.4'/%3e %3c/g%3e %3cg%3e %3cpath fill='none' stroke='%236AA9DD' d='M24.2%2c71v-7.6c0.1%2c0.1%2c0.8%2c0.9%2c2.8%2c3.1c2.5-1.7%2c5.6-0.7%2c6.9%2c0l2.4-3.1v7.1 c0%2c1.2-0.1%2c2.5-0.9%2c3.4c-1%2c1.2-2.7%2c2.5-5.3%2c2.5c-2.9%2c0-4.5-1.5-5.3-2.9C24.2%2c72.9%2c24.2%2c72%2c24.2%2c71z'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M21.2%2c70.1l5.4%2c1.2'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M21.2%2c74.1l5.4-1.2'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M38.8%2c70.1l-5.4%2c1.2'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M38.8%2c74.1l-5.4-1.2'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='M29.5%2c72.4L29%2c71.7c-0.2-0.3%2c0-0.6%2c0.3-0.6h1.4 c0.3%2c0%2c0.5%2c0.4%2c0.3%2c0.6l-0.7%2c1l0%2c0c-0.7%2c1.2-2.6%2c1.1-3.1-0.3l-0.1-0.2c-0.1-0.2%2c0-0.4%2c0.2-0.5c0.2-0.1%2c0.4%2c0%2c0.5%2c0.2l0.1%2c0.2 C28.3%2c72.8%2c29.1%2c72.9%2c29.5%2c72.4z'/%3e %3cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M32.4%2c72.1l-0.1%2c0.2c-0.4%2c1-1.8%2c1.1-2.3%2c0.2'/%3e %3cellipse fill='%236AA9DD' cx='27.6' cy='69.7' rx='0.7' ry='0.7'/%3e %3cellipse fill='%236AA9DD' cx='32.4' cy='69.7' rx='0.7' ry='0.7'/%3e %3c/g%3e%3c/g%3e%3cg%3e %3cpath fill='%23868686' stroke='%23868686' stroke-width='0.1' stroke-miterlimit='10' d='M12.8%2c9.5c0.6%2c0%2c1.1-0.5%2c1.1-1.2 c0-0.6-0.5-1.1-1.1-1.1c-0.6%2c0-1.2%2c0.5-1.2%2c1.1S12.2%2c9.5%2c12.8%2c9.5z M12.8%2c7.9c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4c0%2c0.2-0.2%2c0.4-0.4%2c0.4 c-0.2%2c0-0.4-0.2-0.4-0.4C12.4%2c8.1%2c12.6%2c7.9%2c12.8%2c7.9z'/%3e %3cpath fill='%23868686' stroke='%23868686' stroke-width='0.1' stroke-miterlimit='10' d='M7.2%2c9.5c0.6%2c0%2c1.2-0.5%2c1.2-1.2 c0-0.6-0.5-1.1-1.2-1.1c-0.6%2c0-1.1%2c0.5-1.1%2c1.1S6.6%2c9.5%2c7.2%2c9.5z M7.2%2c7.9c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4c0%2c0.2-0.2%2c0.4-0.4%2c0.4 C7%2c8.7%2c6.8%2c8.5%2c6.8%2c8.3C6.8%2c8.1%2c7%2c7.9%2c7.2%2c7.9z'/%3e %3cpath fill='%23868686' stroke='%23868686' stroke-width='0.1' stroke-miterlimit='10' d='M14.6%2c11.2c-0.1-0.1-0.2-0.2-0.3-0.2H5.7 c-0.1%2c0-0.2%2c0.1-0.3%2c0.2c-0.1%2c0.1-0.1%2c0.2%2c0%2c0.4c0.7%2c2%2c2.5%2c3.3%2c4.6%2c3.3s3.9-1.3%2c4.6-3.3C14.7%2c11.4%2c14.7%2c11.3%2c14.6%2c11.2z M10%2c14.1 c-1.6%2c0-3-0.9-3.7-2.2h7.3C13%2c13.2%2c11.6%2c14.1%2c10%2c14.1z'/%3e %3cpath fill='%23868686' stroke='%23868686' stroke-width='0.1' stroke-miterlimit='10' d='M10%2c3c-3.8%2c0-7%2c3.1-7%2c7s3.1%2c7%2c7%2c7s7-3.1%2c7-7 S13.8%2c3%2c10%2c3z M10%2c16.2c-3.4%2c0-6.2-2.8-6.2-6.2S6.6%2c3.8%2c10%2c3.8s6.2%2c2.8%2c6.2%2c6.2S13.4%2c16.2%2c10%2c16.2z'/%3e%3c/g%3e%3cg id='Car_00000018935395085413413750000000825273877842775715_'%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23868686' d='M64.1%2c13.4l2.3%2c0c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2.1c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.3 c-0.2%2c0-0.4-0.2-0.4-0.4v-2.1C63.7%2c13.6%2c63.8%2c13.4%2c64.1%2c13.4z'/%3e %3cpath fill='none' stroke='%23868686' d='M73.5%2c13.4h2.4c0.2%2c0%2c0.4%2c0.2%2c0.4%2c0.4v2.1c0%2c0.2-0.2%2c0.4-0.4%2c0.4h-2.4 c-0.2%2c0-0.4-0.2-0.4-0.4l0-2.1C73.1%2c13.6%2c73.3%2c13.4%2c73.5%2c13.4z'/%3e %3cpath fill='none' stroke='%23868686' d='M63.7%2c8.4h12.6v5H63.7V8.4z'/%3e %3cpath fill='none' stroke='%23868686' d='M65.5%2c3.6h8.9c1%2c0%2c1.9%2c0.8%2c1.9%2c1.9v3.1H63.7V5.5C63.7%2c4.4%2c64.5%2c3.6%2c65.5%2c3.6z'/%3e %3cellipse fill='%23868686' cx='66.2' cy='10.9' rx='0.9' ry='0.9'/%3e %3cellipse fill='%23868686' cx='73.8' cy='10.9' rx='0.9' ry='0.9'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cg id='Activities'%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23868686' d='M96.4%2c10c0%2c3.6-2.9%2c6.5-6.4%2c6.5s-6.4-2.9-6.4-6.5s2.9-6.5%2c6.4-6.5S96.4%2c6.4%2c96.4%2c10z'/%3e %3cpath fill='none' stroke='%23868686' d='M96.3%2c8.6c0%2c0%2c0%2c0.1%2c0%2c0.1c-0.9%2c0.1-2.9%2c0.1-4.6-1.2c-1.1-0.8-2-1.7-2.6-2.5 c-0.3-0.4-0.6-0.8-0.7-1.1c-0.1-0.1-0.1-0.2-0.1-0.2c0.5-0.1%2c1.2-0.2%2c2-0.2c1.2%2c0%2c2.5%2c0.3%2c3.5%2c1.1c1%2c0.8%2c1.7%2c1.8%2c2.1%2c2.8 C96.1%2c7.9%2c96.2%2c8.3%2c96.3%2c8.6z'/%3e %3cpath fill='none' stroke='%23868686' d='M84%2c12.1c0%2c0%2c0-0.1%2c0-0.1c0.9-0.2%2c2.9-0.4%2c4.7%2c0.6c1.1%2c0.6%2c1.9%2c1.5%2c2.4%2c2.3 c0.4%2c0.5%2c0.6%2c1%2c0.7%2c1.3c-0.4%2c0.1-1%2c0.2-1.7%2c0.3c-1%2c0-2.1-0.1-3.2-0.8c-1.1-0.6-1.9-1.6-2.4-2.5C84.2%2c12.8%2c84.1%2c12.4%2c84%2c12.1z'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cg id='Objects_00000064312371739130315250000010225889032228632975_'%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M116.3%2c6.8l-1.4%2c2L114.1%2c8l-0.6-0.7l0%2c0.9l-0.1%2c8.2h-6.8l-0.1-8.2 l0-0.9L105.9%2c8l-0.8%2c0.8l-1.4-2l2.6-2.9c0.1-0.1%2c0.2-0.1%2c0.3-0.1h1.3l0.4%2c0.7c0.7%2c1.3%2c2.6%2c1.3%2c3.3-0.1l0.3-0.6h1.2 c0.1%2c0%2c0.2%2c0%2c0.3%2c0.1l0.3-0.3l-0.3%2c0.3L116.3%2c6.8z'/%3e %3cpath fill='none' stroke='%23868686' d='M110.1%2c7.7h2v0.9c0%2c0.4-0.4%2c0.7-1%2c0.7c-0.6%2c0-1-0.3-1-0.7L110.1%2c7.7L110.1%2c7.7z'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cg id='Symbols_00000096746907869929921180000006484812830282582416_'%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23868686' d='M126.8%2c14.3c0%2c1.2-1%2c2.2-2.2%2c2.2s-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2S126.8%2c13.1%2c126.8%2c14.3z'/%3e %3cpath fill='none' stroke='%23868686' d='M137.6%2c14.3c0%2c1.2-1%2c2.2-2.2%2c2.2c-1.2%2c0-2.2-1-2.2-2.2s1-2.2%2c2.2-2.2 C136.6%2c12.1%2c137.6%2c13.1%2c137.6%2c14.3z'/%3e %3cpath fill='none' stroke='%23868686' d='M126.8%2c4.4v9.9'/%3e %3cpath fill='none' stroke='%23868686' d='M137.7%2c4.4v9.9'/%3e %3cpath fill='none' stroke='%23868686' d='M126.8%2c3.5h10.8v2.7h-10.8C126.8%2c6.2%2c126.8%2c3.5%2c126.8%2c3.5z'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cg id='Recents'%3e %3cg%3e %3cg%3e %3cpath fill='%23868686' d='M170.8%2c3.1L170.8%2c3.1c-0.3%2c0-0.5%2c0-0.8%2c0c-2.1%2c0-4%2c1-5.3%2c2.5l-0.1%2c0l-0.1-0.1l-1-1.2l-0.3%2c3.4l3.4%2c0.3 l-1.1-1.3l-0.1-0.1l0.1-0.1c1.1-1.4%2c3-2.3%2c5-2.1l0%2c0c3.2%2c0.3%2c5.5%2c3.1%2c5.2%2c6.3c-0.3%2c3-3.1%2c5.3-6.1%2c5.1c-3.1-0.2-5.4-2.9-5.3-6 L163%2c9.5c-0.2%2c3.8%2c2.6%2c7.1%2c6.3%2c7.4c3.9%2c0.4%2c7.3-2.6%2c7.6-6.5C177.2%2c6.8%2c174.4%2c3.5%2c170.8%2c3.1z'/%3e %3cpath fill='%23868686' d='M170.3%2c7.4c0-0.3-0.3-0.6-0.6-0.6S169%2c7.1%2c169%2c7.4v3.2c0%2c0.2%2c0.1%2c0.3%2c0.2%2c0.4c0.1%2c0.1%2c0.3%2c0.2%2c0.4%2c0.2 h2.4c0.4%2c0%2c0.6-0.3%2c0.6-0.6s-0.3-0.6-0.6-0.6h-1.6h-0.2V9.8L170.3%2c7.4L170.3%2c7.4z'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cg id='Custom_00000181087229434302336780000005152277945940674488_'%3e %3cg%3e %3cg%3e %3cpath fill='none' stroke='%23868686' d='M186.2%2c3.4h7.7c1.5%2c0%2c2.7%2c1.2%2c2.7%2c2.7v7.7c0%2c1.5-1.2%2c2.7-2.7%2c2.7h-7.7 c-1.5%2c0-2.7-1.2-2.7-2.7V6.1C183.4%2c4.6%2c184.7%2c3.4%2c186.2%2c3.4z'/%3e %3cellipse fill='%23868686' cx='186' cy='8.9' rx='0.7' ry='0.7'/%3e %3cellipse fill='%23868686' cx='194' cy='6.7' rx='0.7' ry='0.7'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M186%2c13.3l0.4-0.3c0.4-0.3%2c1-0.3%2c1.5-0.1l1%2c0.4 c0.5%2c0.2%2c1%2c0.2%2c1.5-0.1l0.8-0.5c0.4-0.3%2c1-0.3%2c1.5-0.1l1.8%2c0.8'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cpath fill='%23868686' stroke='%23868686' stroke-width='0.25' stroke-miterlimit='10' d='M156%2c4.3c-0.2-0.1-0.4-0.1-0.5%2c0 c0%2c0-0.2%2c0.1-0.9%2c0.1c-0.7%2c0-2.4-0.1-3.8-0.6c-0.8-0.3-1.7-0.5-2.5-0.5c-0.2%2c0-0.4%2c0-0.5%2c0c-1.3%2c0-2.5%2c0.3-3.6%2c1 c-0.2%2c0.1-0.2%2c0.2-0.2%2c0.4v11.6c0%2c0.3%2c0.1%2c0.5%2c0.3%2c0.5c0.6%2c0%2c0.5-0.4%2c0.5-0.6v-5.7c0.7-0.3%2c3.2-1.1%2c5.8-0.1c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7 c0.8%2c0%2c1.3-0.3%2c1.3-0.3c0.2-0.1%2c0.3-0.2%2c0.3-0.4V4.7C156.2%2c4.5%2c156.1%2c4.4%2c156%2c4.3z M155.6%2c10.2c-0.1%2c0-0.7%2c0.1-1%2c0.1 c-0.7%2c0-2.4-0.1-3.8-0.6c-2.5-1-5-0.5-6.2-0.1V4.7c0.9-0.5%2c2.2-0.7%2c3.2-0.7c0.1%2c0%2c0.3%2c0%2c0.4%2c0c0.7%2c0%2c1.5%2c0.2%2c2.2%2c0.4 c1.6%2c0.6%2c3.5%2c0.7%2c4.3%2c0.7c0.2%2c0%2c0.8%2c0%2c1-0.1V10.2z'/%3e%3cg id='Food'%3e %3cg id='Layer_12'%3e %3cg%3e %3cpath fill='none' stroke='%23868686' d='M48.1%2c3.5h3.7c2.5%2c0%2c4.5%2c2%2c4.5%2c4.5c0%2c0.5-0.4%2c0.9-0.9%2c0.9H44.5c-0.5%2c0-0.9-0.4-0.9-0.9 C43.6%2c5.5%2c45.6%2c3.5%2c48.1%2c3.5z'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5%2c8.7c-0.2%2c0.1-0.5%2c1.2%2c0%2c1.5c1.4%2c0.9%2c8.5%2c0.8%2c11.3%2c0.6 c0.8-0.1%2c1.6-0.4%2c1.7-1.2c0-0.3-0.1-0.6-0.6-0.9'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5%2c10.6L43.3%2c11c-0.2%2c0.5%2c0.2%2c1%2c0.7%2c0.9 c0.3-0.1%2c0.5%2c0.1%2c0.7%2c0.3l0.1%2c0.2c0.3%2c0.5%2c1%2c0.6%2c1.5%2c0.2l0%2c0c0.3-0.2%2c0.7-0.3%2c1-0.2l0.8%2c0.3c0.4%2c0.1%2c0.8%2c0.1%2c1.2%2c0l0.5-0.2 c0.4-0.2%2c0.9-0.2%2c1.3%2c0l0.5%2c0.2c0.4%2c0.2%2c0.8%2c0.1%2c1.2-0.1l0.2-0.1c0.3-0.2%2c0.8-0.1%2c1.1%2c0.1l0.2%2c0.2c0.3%2c0.3%2c0.8%2c0.2%2c1-0.2l0.1-0.2 c0.1-0.2%2c0-0.3%2c0.2-0.4c0.5%2c0%2c1.2-0.3%2c1.1-0.7l-0.4-1.1'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5%2c12.1c-0.1%2c0.2-0.3%2c0.8%2c0%2c1.1c0.3%2c0.4%2c3%2c1.1%2c6.4%2c1.1 c2.2%2c0%2c4.6-0.3%2c6-0.6c0.5-0.1%2c0.9-0.4%2c0.8-0.9c0-0.2-0.2-0.5-0.4-0.7'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5%2c13.3c0%2c0.5%2c0.6%2c2.4%2c1.3%2c2.6c1.8%2c0.8%2c5.7%2c0.7%2c8.1%2c0.5 c1.3-0.1%2c2.5-0.7%2c3.2-1.8c0.3-0.5%2c0.5-1%2c0.5-1.4'/%3e %3cellipse fill='%23868686' cx='51.6' cy='6.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23868686' cx='53' cy='4.9' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23868686' cx='53' cy='7.2' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23868686' cx='54.3' cy='6.5' rx='0.3' ry='0.4'/%3e %3cellipse fill='%23868686' cx='50.9' cy='4.9' rx='0.3' ry='0.4'/%3e %3c/g%3e %3c/g%3e%3c/g%3e%3cg id='Animals'%3e %3cg%3e %3cpath fill='none' stroke='%23868686' d='M24.2%2c11V3.5c0.1%2c0.1%2c0.8%2c0.9%2c2.8%2c3.1c2.5-1.7%2c5.6-0.7%2c6.9%2c0l2.4-3.1v7.1 c0%2c1.2-0.1%2c2.5-0.9%2c3.4c-1%2c1.2-2.7%2c2.5-5.3%2c2.5c-2.9%2c0-4.5-1.5-5.3-2.9C24.2%2c12.9%2c24.2%2c11.9%2c24.2%2c11z'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M21.2%2c10l5.4%2c1.2'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M21.2%2c14.1l5.4-1.2'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M38.8%2c10l-5.4%2c1.2'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M38.8%2c14.1l-5.4-1.2'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M29.5%2c12.4L29%2c11.7c-0.2-0.3%2c0-0.6%2c0.3-0.6h1.4 c0.3%2c0%2c0.5%2c0.4%2c0.3%2c0.6l-0.7%2c1l0%2c0c-0.7%2c1.2-2.6%2c1.1-3.1-0.3l-0.1-0.2c-0.1-0.2%2c0-0.4%2c0.2-0.5s0.4%2c0%2c0.5%2c0.2l0.1%2c0.2 C28.3%2c12.7%2c29.1%2c12.9%2c29.5%2c12.4z'/%3e %3cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M32.4%2c12.1l-0.1%2c0.2c-0.4%2c1-1.8%2c1.1-2.3%2c0.2'/%3e %3cellipse fill='%23868686' cx='27.6' cy='9.7' rx='0.7' ry='0.7'/%3e %3cellipse fill='%23868686' cx='32.4' cy='9.7' rx='0.7' ry='0.7'/%3e %3c/g%3e%3c/g%3e%3c/svg%3e";
18886
-
18887
19028
  function CategoryNavigation() {
18888
19029
  var _useState = React.useState(null),
18889
19030
  activeCategory = _useState[0],
@@ -18895,7 +19036,7 @@ function CategoryNavigation() {
18895
19036
  var CategoryNavigationRef = useCategoryNavigationRef();
18896
19037
  var hideCustomCategory = useShouldHideCustomEmojis();
18897
19038
  return React.createElement("div", {
18898
- className: flairup.cx(styles$6.nav),
19039
+ className: flairup.cx(styles$a.nav),
18899
19040
  role: "tablist",
18900
19041
  "aria-label": "Category navigation",
18901
19042
  id: "epr-category-nav-id",
@@ -18909,7 +19050,7 @@ function CategoryNavigation() {
18909
19050
  }
18910
19051
  return React.createElement(Button, {
18911
19052
  tabIndex: isSearchMode || isActiveCategory ? -1 : 0,
18912
- className: flairup.cx(styles$6.catBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
19053
+ className: flairup.cx(styles$a.catBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
18913
19054
  key: category,
18914
19055
  onClick: function onClick() {
18915
19056
  setActiveCategory(category);
@@ -18922,7 +19063,7 @@ function CategoryNavigation() {
18922
19063
  });
18923
19064
  }));
18924
19065
  }
18925
- var styles$6 = /*#__PURE__*/stylesheet.create({
19066
+ var styles$a = /*#__PURE__*/stylesheet.create({
18926
19067
  nav: {
18927
19068
  '.': 'epr-category-nav',
18928
19069
  display: 'flex',
@@ -18952,7 +19093,6 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
18952
19093
  height: 'var(--epr-category-navigation-button-size)',
18953
19094
  width: 'var(--epr-category-navigation-button-size)',
18954
19095
  backgroundSize: 'calc(var(--epr-category-navigation-button-size) * 10)',
18955
- backgroundImage: "url(" + img + ")",
18956
19096
  outline: 'none',
18957
19097
  backgroundPosition: '0 0',
18958
19098
  ':focus:before': {
@@ -18990,15 +19130,9 @@ function SearchContainer() {
18990
19130
  return null;
18991
19131
  }
18992
19132
  return React.createElement(Flex, {
18993
- className: flairup.cx(styles$7.overlay)
19133
+ className: flairup.cx(styles$b.overlay)
18994
19134
  }, React.createElement(Search, null), isSkinToneInSearch ? React.createElement(SkinTonePicker, null) : null);
18995
19135
  }
18996
- var styles$7 = /*#__PURE__*/stylesheet.create({
18997
- overlay: {
18998
- padding: 'var(--epr-header-padding)',
18999
- zIndex: 'var(--epr-header-overlay-z-index)'
19000
- }
19001
- });
19002
19136
  function Search() {
19003
19137
  var _useState = React.useState(0),
19004
19138
  inc = _useState[0],
@@ -19015,7 +19149,7 @@ function Search() {
19015
19149
  var input = SearchInputRef == null ? void 0 : SearchInputRef.current;
19016
19150
  var value = input == null ? void 0 : input.value;
19017
19151
  return React.createElement(Relative, {
19018
- className: "epr-search-container"
19152
+ className: flairup.cx(styles$b.searchContainer)
19019
19153
  }, React.createElement(CssSearch, {
19020
19154
  value: value
19021
19155
  }), React.createElement("input", {
@@ -19023,7 +19157,7 @@ function Search() {
19023
19157
  autoFocus: autoFocus,
19024
19158
  "aria-label": 'Type to search for an emoji',
19025
19159
  onFocus: closeAllOpenToggles,
19026
- className: "epr-search",
19160
+ className: flairup.cx(styles$b.search),
19027
19161
  type: "text",
19028
19162
  "aria-controls": "epr-search-id",
19029
19163
  placeholder: placeholder,
@@ -19037,21 +19171,143 @@ function Search() {
19037
19171
  ref: SearchInputRef
19038
19172
  }), searchTerm ? React.createElement("div", {
19039
19173
  role: "status",
19040
- className: flairup.cx('epr-status-search-results', 'epr-status-visually-hidden'),
19174
+ className: flairup.cx('epr-status-search-results', styles$b.visuallyHidden),
19041
19175
  "aria-live": "polite",
19042
19176
  id: "epr-search-id",
19043
19177
  "aria-atomic": "true"
19044
19178
  }, statusSearchResults) : null, React.createElement("div", {
19045
- className: "epr-icn-search"
19179
+ className: flairup.cx(styles$b.icnSearch)
19046
19180
  }), React.createElement(Button, {
19047
- className: flairup.cx('epr-btn-clear-search', 'epr-visible-on-search-only'),
19181
+ className: flairup.cx(styles$b.btnClearSearch, 'epr-visible-on-search-only'),
19048
19182
  onClick: clearSearch,
19049
19183
  "aria-label": "Clear",
19050
19184
  title: "Clear"
19051
19185
  }, React.createElement("div", {
19052
- className: "epr-icn-clear-search"
19186
+ className: flairup.cx(styles$b.icnClearnSearch)
19053
19187
  })));
19054
19188
  }
19189
+ var styles$b = /*#__PURE__*/stylesheet.create({
19190
+ overlay: {
19191
+ padding: 'var(--epr-header-padding)',
19192
+ zIndex: 'var(--epr-header-overlay-z-index)'
19193
+ },
19194
+ searchContainer: {
19195
+ '.': 'epr-search-container',
19196
+ flex: '1',
19197
+ display: 'block',
19198
+ minWidth: '0'
19199
+ },
19200
+ visuallyHidden: {
19201
+ clip: 'rect(0 0 0 0)',
19202
+ clipPath: 'inset(50%)',
19203
+ height: '1px',
19204
+ overflow: 'hidden',
19205
+ position: 'absolute',
19206
+ whiteSpace: 'nowrap',
19207
+ width: '1px'
19208
+ },
19209
+ search: {
19210
+ outline: 'none',
19211
+ transition: 'all 0.2s ease-in-out',
19212
+ color: 'var(--epr-search-input-text-color)',
19213
+ borderRadius: 'var(--epr-search-input-border-radius)',
19214
+ padding: 'var(--epr-search-input-padding)',
19215
+ height: 'var(--epr-search-input-height)',
19216
+ backgroundColor: 'var(--epr-search-input-bg-color)',
19217
+ border: '1px solid var(--epr-search-input-bg-color)',
19218
+ width: '100%',
19219
+ ':focus': {
19220
+ backgroundColor: 'var(--epr-search-input-bg-color-active)',
19221
+ border: '1px solid var(--epr-search-border-color)'
19222
+ },
19223
+ '::placeholder': {
19224
+ color: 'var(--epr-search-input-placeholder-color)'
19225
+ }
19226
+ },
19227
+ icnSearch: {
19228
+ '.': 'epr-icn-search',
19229
+ content: '',
19230
+ position: 'absolute',
19231
+ top: '50%',
19232
+ left: 'var(--epr-search-bar-inner-padding)',
19233
+ transform: 'translateY(-50%)',
19234
+ width: '20px',
19235
+ height: '20px',
19236
+ backgroundRepeat: 'no-repeat',
19237
+ backgroundPosition: '0 0',
19238
+ backgroundSize: '20px'
19239
+ },
19240
+ btnClearSearch: {
19241
+ '.': 'epr-btn-clear-search',
19242
+ position: 'absolute',
19243
+ right: 'var(--epr-search-bar-inner-padding)',
19244
+ height: '30px',
19245
+ width: '30px',
19246
+ display: 'flex',
19247
+ alignItems: 'center',
19248
+ justifyContent: 'center',
19249
+ top: '50%',
19250
+ transform: 'translateY(-50%)',
19251
+ padding: '0',
19252
+ borderRadius: '50%',
19253
+ ':hover': {
19254
+ background: 'var(--epr-hover-bg-color)'
19255
+ },
19256
+ ':focus': {
19257
+ background: 'var(--epr-hover-bg-color)'
19258
+ }
19259
+ },
19260
+ icnClearnSearch: {
19261
+ '.': 'epr-icn-clear-search',
19262
+ backgroundColor: 'transparent',
19263
+ backgroundRepeat: 'no-repeat',
19264
+ backgroundSize: '20px',
19265
+ height: '20px',
19266
+ width: '20px',
19267
+ ':hover': {
19268
+ backgroundPositionY: '-20px'
19269
+ },
19270
+ ':focus': {
19271
+ backgroundPositionY: '-20px'
19272
+ }
19273
+ },
19274
+ '.epr-dark-theme': {
19275
+ icnSearch: {
19276
+ backgroundPositionY: '-20px'
19277
+ },
19278
+ icnClearnSearch: {
19279
+ backgroundPositionY: '-40px'
19280
+ },
19281
+ btnClearSearch: {
19282
+ ':hover > .epr-icn-clear-search': {
19283
+ backgroundPositionY: '-60px'
19284
+ }
19285
+ }
19286
+ },
19287
+ '.epr-auto-theme': {
19288
+ icnSearch: {
19289
+ // @ts-ignore
19290
+ '@media (prefers-color-scheme: dark)': {
19291
+ backgroundPositionY: '-20px'
19292
+ }
19293
+ },
19294
+ icnClearnSearch: {
19295
+ // @ts-ignore
19296
+ '@media (prefers-color-scheme: dark)': {
19297
+ backgroundPositionY: '-40px'
19298
+ }
19299
+ },
19300
+ btnClearSearch: {
19301
+ // @ts-ignore
19302
+ '@media (prefers-color-scheme: dark)': {
19303
+ // @ts-ignore
19304
+ ':hover > .epr-icn-clear-search': {
19305
+ backgroundPositionY: '-60px'
19306
+ }
19307
+ }
19308
+ }
19309
+ }
19310
+ });
19055
19311
 
19056
19312
  function Header() {
19057
19313
  return React.createElement(Relative, {
@@ -19475,7 +19731,7 @@ function PickerRootElement(_ref2) {
19475
19731
  useKeyboardNavigation();
19476
19732
  useOnFocus();
19477
19733
  return React.createElement("aside", {
19478
- className: flairup.cx(styles$8.main, styles$8.baseVariables, theme === exports.Theme.DARK && styles$8.darkTheme, theme === exports.Theme.AUTO && styles$8.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
19734
+ className: flairup.cx(styles$c.main, styles$c.baseVariables, theme === exports.Theme.DARK && styles$c.darkTheme, theme === exports.Theme.AUTO && styles$c.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
19479
19735
  ref: PickerMainRef,
19480
19736
  style: style
19481
19737
  }, children);
@@ -19495,7 +19751,7 @@ var DarkTheme = {
19495
19751
  '--epr-category-icon-active-color': 'var(--epr-dark-category-icon-active-color)',
19496
19752
  '--epr-skin-tone-picker-menu-color': 'var(--epr-dark-skin-tone-picker-menu-color)'
19497
19753
  };
19498
- var styles$8 = /*#__PURE__*/stylesheet.create({
19754
+ var styles$c = /*#__PURE__*/stylesheet.create({
19499
19755
  main: {
19500
19756
  '.': ['epr-main', ClassNames.emojiPicker],
19501
19757
  position: 'relative',