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.
- package/dist/components/emoji/ClickableEmojiButton.d.ts +0 -1
- package/dist/components/emoji/Emoji.d.ts +1 -1
- package/dist/components/emoji/emojiStyles.d.ts +1 -0
- package/dist/emoji-picker-react.cjs.development.css +3 -4
- package/dist/emoji-picker-react.cjs.development.js +300 -44
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +337 -84
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +2 -3
- package/src/components/body/EmojiVariationPicker.css +0 -78
- package/src/components/body/EmojiVariationPicker.tsx +80 -9
- package/src/components/emoji/ClickableEmojiButton.tsx +49 -7
- package/src/components/emoji/Emoji.tsx +1 -1
- package/src/components/emoji/EmojiImg.tsx +15 -2
- package/src/components/emoji/NativeEmoji.tsx +24 -2
- package/src/components/emoji/emojiStyles.ts +14 -0
- package/src/components/header/Search.css +0 -122
- package/src/components/header/Search.tsx +129 -16
- package/src/components/navigation/CategoryNavigation.css +4 -0
- package/src/components/navigation/CategoryNavigation.tsx +0 -3
- package/src/components/emoji/Emoji.css +0 -80
|
@@ -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(
|
|
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(
|
|
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(
|
|
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$
|
|
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$
|
|
18232
|
+
className: flairup.cx(styles$4.label)
|
|
18154
18233
|
}, categoryName), React.createElement("div", {
|
|
18155
|
-
className: flairup.cx(styles$
|
|
18234
|
+
className: flairup.cx(styles$4.categoryContent)
|
|
18156
18235
|
}, children));
|
|
18157
18236
|
}
|
|
18158
|
-
var styles$
|
|
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$
|
|
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$
|
|
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(
|
|
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:
|
|
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$
|
|
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$
|
|
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$
|
|
18764
|
+
className: flairup.cx(styles$8.flex, className, styles$8[direction])
|
|
18622
18765
|
}, children);
|
|
18623
18766
|
}
|
|
18624
|
-
var styles$
|
|
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$
|
|
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$
|
|
18932
|
+
className: flairup.cx(styles$9.label)
|
|
18790
18933
|
}, emojiName(emoji)) : React.createElement("div", {
|
|
18791
|
-
className: flairup.cx(styles$
|
|
18934
|
+
className: flairup.cx(styles$9.label)
|
|
18792
18935
|
}, defaultText));
|
|
18793
18936
|
}
|
|
18794
18937
|
}
|
|
18795
|
-
var styles$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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:
|
|
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:
|
|
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',
|
|
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:
|
|
19179
|
+
className: flairup.cx(styles$b.icnSearch)
|
|
19046
19180
|
}), React.createElement(Button, {
|
|
19047
|
-
className: flairup.cx(
|
|
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:
|
|
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$
|
|
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$
|
|
19754
|
+
var styles$c = /*#__PURE__*/stylesheet.create({
|
|
19499
19755
|
main: {
|
|
19500
19756
|
'.': ['epr-main', ClassNames.emojiPicker],
|
|
19501
19757
|
position: 'relative',
|