emoji-picker-react 4.0.0-rc.21 → 4.0.0-rc.24
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/Emoji.d.ts +8 -5
- package/dist/emoji-picker-react.cjs.development.css +2 -2
- package/dist/emoji-picker-react.cjs.development.js +74 -58
- 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 +77 -61
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/body/EmojiList.tsx +2 -2
- package/src/components/body/EmojiVariationPicker.tsx +2 -2
- package/src/components/body/Suggested.tsx +2 -2
- package/src/components/emoji/Emoji.css +3 -1
- package/src/components/emoji/Emoji.tsx +41 -20
- package/src/components/footer/Preview.tsx +3 -7
- package/src/components/header/SkinTonePicker.css +1 -1
- package/src/components/header/SkinTonePicker.tsx +6 -1
|
@@ -3,15 +3,18 @@ import { EmojiRef } from '../../DomUtils/emojiElementRef';
|
|
|
3
3
|
import { DataEmoji } from '../../dataUtils/DataTypes';
|
|
4
4
|
import { EmojiStyle } from '../../types/exposedTypes';
|
|
5
5
|
import './Emoji.css';
|
|
6
|
-
declare type
|
|
6
|
+
declare type ClickableEmojiProps = Readonly<BaseProps & {
|
|
7
7
|
hidden?: boolean;
|
|
8
|
+
showVariations?: boolean;
|
|
9
|
+
emojiRef?: EmojiRef;
|
|
10
|
+
}>;
|
|
11
|
+
declare type BaseProps = {
|
|
8
12
|
emojiStyle: EmojiStyle;
|
|
9
13
|
emoji: DataEmoji;
|
|
10
14
|
unified: string;
|
|
11
|
-
showVariations?: boolean;
|
|
12
15
|
size?: number;
|
|
13
|
-
emojiRef?: EmojiRef;
|
|
14
16
|
lazyLoad?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare function
|
|
17
|
+
};
|
|
18
|
+
export declare function ClickableEmoji({ emoji, unified, hidden, emojiStyle, showVariations, size, emojiRef, lazyLoad }: ClickableEmojiProps): JSX.Element;
|
|
19
|
+
export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad }: BaseProps): JSX.Element;
|
|
17
20
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.EmojiPickerReact button.epr-emoji{border-radius:8px;padding:var(--epr-emoji-padding);position:relative}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color);border-left:4px solid transparent;border-right:4px solid transparent;bottom:0;content:"";display:block;height:0;position:absolute;right:-2px;transform:rotate(135deg);width:0;z-index:var(--epr-emoji-variations-indictator-z-index)}.EmojiPickerReact button.epr-emoji>*{display:block;height:var(--epr-emoji-size);width:var(--epr-emoji-size)}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:hover:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color-hover)}.EmojiPickerReact button.epr-emoji>.epr-emoji-img{font-size:0}.EmojiPickerReact button.epr-emoji>.epr-emoji-native{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,Times,Symbola,Aegyptus,Code2000,Code2001,Code2002,Musica,serif,LastResort;font-size:var(--epr-emoji-size);line-height:100%}.EmojiPickerReact button.epr-emoji:hover{background-color:var(--epr-emoji-hover-color)}.EmojiPickerReact button.epr-emoji:focus
|
|
1
|
+
.EmojiPickerReact button.epr-emoji{border-radius:8px;height:var(--epr-emoji-fullsize);padding:var(--epr-emoji-padding);position:relative;width:var(--epr-emoji-fullsize)}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color);border-left:4px solid transparent;border-right:4px solid transparent;bottom:0;content:"";display:block;height:0;position:absolute;right:-2px;transform:rotate(135deg);width:0;z-index:var(--epr-emoji-variations-indictator-z-index)}.EmojiPickerReact button.epr-emoji>*{display:block;height:var(--epr-emoji-size);width:var(--epr-emoji-size)}.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:hover:after{border-bottom:4px solid var(--epr-emoji-variation-indicator-color-hover)}.EmojiPickerReact button.epr-emoji>.epr-emoji-img{font-size:0}.EmojiPickerReact button.epr-emoji>.epr-emoji-native{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,Times,Symbola,Aegyptus,Code2000,Code2001,Code2002,Musica,serif,LastResort;font-size:var(--epr-emoji-size);line-height:100%}.EmojiPickerReact button.epr-emoji:hover{background-color:var(--epr-emoji-hover-color)}.EmojiPickerReact button.epr-emoji:focus{background-color:var(--epr-focus-bg-color)}
|
|
2
2
|
.EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-content{grid-gap:0;display:grid;grid-template-columns:repeat(auto-fill,var(--epr-emoji-fullsize));justify-content:space-between;padding:var(--epr-category-padding);position:relative}.EmojiPickerReact li.epr-emoji-category:not(:has(.epr-visible)){display:none}.EmojiPickerReact li.epr-emoji-category>.epr-emoji-category-label{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--epr-category-label-bg-color);color:var(--epr-category-label-text-color);display:flex;font-weight:700;height:var(--epr-category-label-height);padding:var(--epr-category-label-padding);position:-webkit-sticky;position:sticky;text-transform:capitalize;top:0;width:100%;z-index:var(--epr-category-label-z-index)}.EmojiPickerReact.epr-search-active li.epr-emoji-category>.epr-emoji-category-label{opacity:.4;position:relative}
|
|
3
3
|
.EmojiPickerReact ul.epr-emoji-list{list-style:none;margin:0;padding:0}
|
|
4
4
|
.EmojiPickerReact .epr-emoji-variation-picker{align-items:center;background:var(--epr-emoji-variation-picker-bg-color);border:1px solid var(--epr-picker-border-color);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;height:0;height:var(--epr-emoji-variation-picker-height);justify-content:space-around;left:5px;opacity:0;padding:5px;pointer-events:none;position:absolute;right:5px;top:0;top:-100%;visibility:hidden;z-index:var(--epr-skin-variation-picker-z-index)}.EmojiPickerReact .epr-emoji-variation-picker.visible{opacity:1;pointer-events:all;visibility:visible}.EmojiPickerReact .epr-emoji-variation-picker .EmojiPickerReact .epr-emoji-variation-picker button.epr-emoji:hover{background:none}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='15' xml:space='preserve'%3E%3Cg stroke-miterlimit='10'%3E%3Cpath fill='%23FFF' stroke='%23E8E7E7' d='m1.86-.43 9.83 11.53c.59.69 1.56.69 2.14 0L23.66-.43'/%3E%3Cpath fill='%23010202' stroke='%23151617' d='m26.86-.43 9.83 11.53c.59.69 1.56.69 2.14 0L48.66-.43'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:50px 15px;content:"";height:15px;position:absolute;top:-10px;width:25px}.EmojiPickerReact.epr-dark-theme .epr-emoji-variation-picker .epr-emoji-pointer{background-position:-25px 0}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer{top:100%;transform:translateX(-7px)}.EmojiPickerReact .epr-emoji-variation-picker .epr-emoji-pointer.pointing-up{top:0;transform:rotate(180deg) translateY(100%) translateX(7px)}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
.EmojiPickerReact .epr-preview{align-items:center;border-top:1px solid var(--epr-preview-border-color);height:var(--epr-preview-height);padding:0 var(--epr-horizontal-padding);z-index:1}.EmojiPickerReact .epr-preview .epr-preview-emoji-label{color:var(--epr-preview-text-color);font-size:var(--epr-preview-text-size);padding:var(--epr-preview-text-padding);text-transform:capitalize}
|
|
8
8
|
.EmojiPickerReact .epr-category-nav{display:flex;flex-direction:row;justify-content:space-around;padding:var(--epr-header-padding)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-size:calc(var(--epr-category-navigation-button-size)*10);display:inline-block;height:var(--epr-category-navigation-button-size);outline:none;position:relative;transition:opacity .2s ease-in-out;width:var(--epr-category-navigation-button-size)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn:focus:before{border:2px solid var(--epr-category-icon-active-color);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn,.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-search-active .epr-category-nav>button.epr-cat-btn:hover{cursor:default;opacity:.3;pointer-events:none}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cpath fill='%233371B7' d='M10 23.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 34.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 34.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 34.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%233371B7' d='m64.06 33.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.54 23.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%233371B7' cx='66.18' cy='30.9' r='.95'/%3E%3Ccircle fill='%233371B7' cx='73.81' cy='30.9' r='.95'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.45 30.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 28.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.26 26.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 27.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 34.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='m170.77 23.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 27.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.16 23.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%233371B7' cx='185.98' cy='28.91' r='.73'/%3E%3Ccircle fill='%233371B7' cx='194.02' cy='26.72' r='.73'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m185.98 33.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%233371B7' d='M147.66 23.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.07 23.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%233371B7' cx='51.62' cy='26.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='52.97' cy='24.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='52.97' cy='27.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='54.32' cy='26.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%233371B7' cx='50.94' cy='24.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.17 31.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.22 30.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.51 32.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.67' r='.69'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.67' r='.69'/%3E%3Cpath fill='%23C0C0BF' d='M10 43.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 54.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 54.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 54.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='m64.06 53.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.54 43.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%23C0C0BF' cx='66.18' cy='50.9' r='.95'/%3E%3Ccircle fill='%23C0C0BF' cx='73.81' cy='50.9' r='.95'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.45 50.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 48.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.26 46.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 47.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 54.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='m170.77 43.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 47.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.16 43.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%23C0C0BF' cx='185.98' cy='48.91' r='.73'/%3E%3Ccircle fill='%23C0C0BF' cx='194.02' cy='46.72' r='.73'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m185.98 53.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%23C0C0BF' d='M147.66 43.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.07 43.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%23C0C0BF' cx='51.62' cy='46.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='52.97' cy='44.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='52.97' cy='47.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='54.32' cy='46.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%23C0C0BF' cx='50.94' cy='44.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.17 51.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.22 50.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.51 52.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.67' r='.69'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.67' r='.69'/%3E%3Cpath fill='%236AA9DD' d='M10 63.05c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96-3.12-6.96-6.96-6.96zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 74.87c2.08 0 3.94-1.32 4.63-3.29a.42.42 0 0 0-.05-.36zM10 74.08c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 74.08zm-2.78-4.61a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.19.17-.36.37-.36zm5.56 1.52a1.15 1.15 0 1 0-1.15-1.15c0 .63.52 1.15 1.15 1.15zm0-1.52c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.19.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='m64.06 73.42 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.21.16-.37.37-.37zm9.43.04h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69v-4.99z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.54 63.63h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69v-3.13c0-1.02.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%236AA9DD' cx='66.18' cy='70.9' r='.95'/%3E%3Ccircle fill='%236AA9DD' cx='73.81' cy='70.9' r='.95'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.45 70.02c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 68.64.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.45.34.86.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.84-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.26 66.8-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 67.73h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 74.34c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24-.01 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92m-10.82-10.82h10.82v2.7h-10.82v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='m170.77 63.08-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.94-6.17-7.35z'/%3E%3Cpath d='M170.27 67.42c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74v-2.54z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.16 63.44h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71v-7.74c0-1.5 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%236AA9DD' cx='185.98' cy='68.91' r='.73'/%3E%3Ccircle fill='%236AA9DD' cx='194.02' cy='66.72' r='.73'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m185.98 73.31.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%236AA9DD' d='M147.66 63.33c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41v-5.65c0-.16-.1-.32-.26-.41s-.37-.09-.53-.01c0 0-.21.12-.86.15s-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51-.18-.02-.36-.03-.54-.02zm.07.68h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08v-4.9c.91-.45 2.19-.67 3.18-.69z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.07 63.47h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.48 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.75c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.64-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.15c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.29c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%236AA9DD' cx='51.62' cy='66.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='52.97' cy='64.96' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='52.97' cy='67.23' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='54.32' cy='66.48' rx='.34' ry='.38'/%3E%3Cellipse fill='%236AA9DD' cx='50.94' cy='64.96' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.17 71.03v-7.56c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.79-.54-1.74-.54-2.67z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.22 70.05 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.51 72.44-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18c.24.63 1.04.76 1.47.32z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.08-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.67' r='.69'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.67' r='.69'/%3E%3Cpath fill='%23868686' d='M10 3.04c-3.84 0-6.96 3.12-6.96 6.96s3.12 6.96 6.96 6.96 6.96-3.12 6.96-6.96S13.84 3.04 10 3.04zm0 13.14c-3.41 0-6.18-2.77-6.18-6.18 0-3.41 2.77-6.18 6.18-6.18 3.41 0 6.18 2.77 6.18 6.18 0 3.41-2.77 6.18-6.18 6.18zm4.58-4.97a.389.389 0 0 0-.32-.16H5.74c-.13 0-.25.06-.32.16s-.09.24-.05.36A4.912 4.912 0 0 0 10 14.86c2.08 0 3.94-1.32 4.63-3.29a.41.41 0 0 0-.05-.36zM10 14.07c-1.56 0-2.97-.88-3.67-2.24h7.34A4.132 4.132 0 0 1 10 14.07zM7.22 9.45a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3zm0-1.51c.2 0 .37.16.37.37 0 .2-.16.36-.37.36a.37.37 0 0 1-.37-.37c0-.2.17-.36.37-.36zm5.56 1.51a1.15 1.15 0 1 0 0-2.3 1.15 1.15 0 0 0 0 2.3zm0-1.51c.2 0 .37.16.37.37 0 .2-.16.36-.37.36s-.37-.16-.37-.37c.01-.2.17-.36.37-.36z'/%3E%3Cpath fill='none' stroke='%23868686' d='m64.06 13.4 2.33-.01c.21 0 .37.17.37.37v2.11c0 .21-.17.37-.37.37h-2.33a.37.37 0 0 1-.37-.37v-2.1c0-.2.16-.37.37-.37zm9.43.05h2.45c.21 0 .37.17.37.37v2.05c0 .21-.17.37-.37.37h-2.42a.37.37 0 0 1-.37-.37l-.03-2.05c0-.2.17-.37.37-.37zm-9.8-5.05H76.3v4.99H63.69V8.4z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.54 3.62h8.9c1.03 0 1.86.83 1.86 1.86v3.13H63.69V5.48c0-1.03.83-1.86 1.85-1.86z'/%3E%3Ccircle fill='%23868686' cx='66.18' cy='10.89' r='.95'/%3E%3Ccircle fill='%23868686' cx='73.81' cy='10.89' r='.95'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.45 10.01c0 3.58-2.89 6.48-6.45 6.48s-6.45-2.9-6.45-6.48c0-3.58 2.89-6.48 6.45-6.48s6.45 2.9 6.45 6.48z'/%3E%3Cpath d='m96.26 8.62.03.12c-.87.07-2.94.1-4.64-1.15-1.07-.79-1.96-1.72-2.59-2.52-.31-.4-.56-.76-.72-1.05-.05-.08-.08-.15-.12-.22.46-.09 1.2-.18 2.04-.15 1.17.04 2.48.31 3.49 1.06 1.03.76 1.7 1.83 2.1 2.75.22.46.34.87.41 1.16zm-12.28 3.53c-.02-.04-.03-.08-.04-.12.86-.17 2.91-.42 4.73.64 1.13.65 1.91 1.51 2.43 2.27.36.53.58 1.01.7 1.32-.38.12-.97.25-1.68.28-.96.04-2.12-.13-3.23-.77-1.11-.64-1.89-1.64-2.39-2.5-.25-.44-.42-.83-.52-1.12z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.26 6.78-1.39 1.99-.78-.8-.64-.65-.01.91-.07 8.25h-6.76l-.08-8.25-.01-.91-.63.65-.78.8-1.4-2.01 2.58-2.9c.07-.08.17-.13.28-.13h1.32l.39.7c.73 1.32 2.64 1.28 3.31-.07l.31-.63h1.15c.1 0 .2.04.27.11l.26-.26-.26.26 2.94 2.94z'/%3E%3Cpath d='M110.12 7.71h2.01v.94c0 .37-.45.67-1.01.67s-1.01-.3-1.01-.67v-.94z'/%3E%3C/g%3E%3Cpath d='M126.82 14.32c0 1.25-1.01 2.25-2.24 2.25s-2.24-1.01-2.24-2.25 1.01-2.25 2.24-2.25 2.24 1 2.24 2.25zm10.82 0c0 1.25-1.01 2.25-2.24 2.25-1.24 0-2.24-1.01-2.24-2.25s1.01-2.25 2.24-2.25c1.24 0 2.24 1 2.24 2.25zm-10.8-9.92v9.92m10.82-9.92v9.92M126.84 3.5h10.82v2.7h-10.82V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='m170.77 3.07-.05.02a6.93 6.93 0 0 0-6.06 2.45l-.05.02-.12-.14-.99-1.18-.3 3.4 3.4.3-1.08-1.29-.08-.1.08-.1a5.68 5.68 0 0 1 4.97-2.13c3.16.28 5.49 3.09 5.16 6.26-.31 3.01-3.07 5.32-6.09 5.1a5.693 5.693 0 0 1-5.26-6.03l-1.26-.11c-.25 3.76 2.55 7.06 6.33 7.39 3.9.35 7.33-2.58 7.57-6.51.23-3.65-2.54-6.95-6.17-7.35z'/%3E%3Cpath d='M170.27 7.4c0-.34-.28-.63-.63-.63s-.63.28-.63.63v3.18c0 .17.07.32.19.44.12.11.27.18.45.18h2.37c.35 0 .63-.28.63-.63s-.28-.63-.63-.63h-1.74V7.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.16 3.42h7.68c1.5 0 2.71 1.21 2.71 2.71v7.74c0 1.5-1.21 2.71-2.71 2.71h-7.68c-1.5 0-2.71-1.21-2.71-2.71V6.13c0-1.49 1.21-2.71 2.71-2.71z'/%3E%3Ccircle fill='%23868686' cx='185.98' cy='8.9' r='.73'/%3E%3Ccircle fill='%23868686' cx='194.02' cy='6.7' r='.73'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m185.98 13.3.4-.27c.44-.29.99-.34 1.47-.14l1.01.43c.48.21 1.04.16 1.47-.14l.79-.53c.44-.29.99-.34 1.47-.14l1.78.77'/%3E%3Cpath fill='%23868686' d='M147.66 3.31c-1.26.03-2.5.35-3.64.99-.15.08-.25.24-.25.4v11.6c0 .26.07.47.29.47.64 0 .48-.38.48-.64v-5.68c.66-.34 3.15-1.1 5.78-.09 1.57.6 3.48.72 4.31.68.82-.04 1.33-.27 1.33-.27.16-.08.27-.24.27-.41V4.69c0-.16-.1-.32-.26-.41a.616.616 0 0 0-.53-.01s-.21.12-.86.15-2.39-.06-3.84-.6c-.82-.3-1.68-.47-2.54-.51h-.54zm.07.69h.42c.73.03 1.47.18 2.18.44 1.58.58 3.49.71 4.31.67.22-.01.79-.05.96-.08v5.17c-.14.03-.74.06-1.02.08-.65.03-2.39-.06-3.83-.61-2.53-.96-5.05-.54-6.2-.08V4.7c.91-.47 2.19-.68 3.18-.7z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.07 3.46h3.72a4.5 4.5 0 0 1 4.5 4.5c0 .5-.41.91-.91.91H44.47c-.5 0-.91-.41-.91-.91 0-2.49 2.02-4.5 4.51-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.73c-.23.13-.52 1.16 0 1.51 1.41.95 8.46.84 11.35.56.77-.07 1.64-.43 1.72-1.19.03-.3-.1-.62-.56-.88'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.62-.15.34c-.22.49.21 1.01.73.9.26-.06.53.05.68.27l.14.21c.34.5 1.03.6 1.49.21l.02-.02c.29-.24.68-.31 1.03-.18l.85.32c.39.15.82.13 1.2-.04l.45-.2c.41-.18.88-.18 1.3 0l.45.2c.37.17.81.15 1.17-.05l.21-.12c.34-.19.77-.15 1.07.1l.23.19c.33.27.82.19 1.04-.18l.1-.16c.1-.16-.03-.33.16-.35.45-.04 1.25-.32 1.09-.74l-.41-1.08'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.14c-.11.25-.27.83 0 1.13.34.38 3.04 1.13 6.42 1.13 2.21 0 4.58-.34 5.98-.6.49-.09.94-.45.83-.94a1.59 1.59 0 0 0-.39-.73'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.27c0 .5.64 2.35 1.35 2.65 1.81.76 5.73.67 8.13.53 1.29-.08 2.5-.7 3.15-1.81.3-.51.55-1.03.55-1.37'/%3E%3Cellipse fill='%23868686' cx='51.62' cy='6.46' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='52.97' cy='4.95' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='52.97' cy='7.22' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='54.32' cy='6.46' rx='.34' ry='.38'/%3E%3Cellipse fill='%23868686' cx='50.94' cy='4.95' rx='.34' ry='.38'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.17 11.02V3.46c.11.11.82.9 2.75 3.1 2.47-1.65 5.61-.69 6.86 0l2.4-3.1v7.12c0 1.22-.14 2.48-.89 3.44-.97 1.25-2.67 2.53-5.29 2.53-2.85 0-4.49-1.51-5.29-2.86-.47-.8-.54-1.75-.54-2.67z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.22 10.04 5.38 1.2m-5.38 2.86 5.38-1.2m12.18-2.86-5.38 1.2m5.38 2.86-5.38-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.51 12.42-.54-.75c-.19-.27 0-.64.33-.64h1.39c.33 0 .52.37.33.64l-.69.96.02.01c-.72 1.24-2.56 1.09-3.07-.26l-.07-.18c-.08-.21.03-.44.24-.52.21-.08.44.03.52.24l.07.18a.89.89 0 0 0 1.47.32z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.07-.07.18c-.38 1.02-1.79 1.14-2.33.19'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.66' r='.69'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.66' r='.69'/%3E%3C/svg%3E");background-position:0 0}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}
|
|
9
9
|
.EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-input-bg-color);border:1px solid var(--epr-search-input-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-input-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px;height:20px;position:absolute;right:var(--epr-search-bar-inner-padding);top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background-position-y:-20px}.EmojiPickerReact..epr-dark-theme .epr-search-container button.epr-btn-clear-search{background-position-y:-40px}.EmojiPickerReact..epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover{background-position-y:-60px}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:"";height:20px;left:var(--epr-search-bar-inner-padding);position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-input-bg-color-active);border:1px solid var(--epr-search-border-color)}
|
|
10
|
-
.EmojiPickerReact .epr-skin-tones{--epr-skin-tone-size:16px;align-items:center;display:flex;flex-basis:30px;justify-content:flex-end;transition:all .3s ease-in-out}.EmojiPickerReact .epr-skin-tones.open{flex-basis:170px}.EmojiPickerReact .epr-skin-tone-select{height:var(--epr-skin-tone-size);position:relative;width:var(--epr-skin-tone-size)}.EmojiPickerReact .epr-skin-tones.open .epr-tone{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.EmojiPickerReact .epr-skin-tones:not(.open) .epr-tone{opacity:0;z-index:0}.EmojiPickerReact .epr-skin-tones .epr-tone{border-radius:4px;box-shadow:0 0 0 0 var(--epr-active-skin-hover-color);cursor:pointer;display:block;height:var(--epr-skin-tone-size);position:absolute;right:0;transition:transform .3s ease-in-out,opacity .5s ease-in-out;width:var(--epr-skin-tone-size);z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone:hover{box-shadow:0 0 0 5px var(--epr-active-skin-hover-color)}.EmojiPickerReact .epr-skin-tones .epr-tone:focus
|
|
10
|
+
.EmojiPickerReact .epr-skin-tones{--epr-skin-tone-size:16px;align-items:center;display:flex;flex-basis:30px;justify-content:flex-end;transition:all .3s ease-in-out}.EmojiPickerReact .epr-skin-tones.open{flex-basis:170px}.EmojiPickerReact .epr-skin-tone-select{height:var(--epr-skin-tone-size);position:relative;width:var(--epr-skin-tone-size)}.EmojiPickerReact .epr-skin-tones.open .epr-tone{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.EmojiPickerReact .epr-skin-tones:not(.open) .epr-tone{opacity:0;z-index:0}.EmojiPickerReact .epr-skin-tones .epr-tone{border-radius:4px;box-shadow:0 0 0 0 var(--epr-active-skin-hover-color);cursor:pointer;display:block;height:var(--epr-skin-tone-size);position:absolute;right:0;transition:transform .3s ease-in-out,opacity .5s ease-in-out;width:var(--epr-skin-tone-size);z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone:hover{box-shadow:0 0 0 5px var(--epr-active-skin-hover-color)}.EmojiPickerReact .epr-skin-tones .epr-tone:focus{box-shadow:0 0 0 5px var(--epr-focus-bg-color)}.EmojiPickerReact .epr-skin-tones.open .epr-skin-tone-select .epr-tone.epr-active:after{border:1px solid var(--epr-active-skin-tone-indicator-border-color);border-radius:5px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{opacity:1;z-index:1}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-neutral{background-color:#ffd225}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fb{background-color:#ffdfbd}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fc{background-color:#e9c197}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fd{background-color:#c88e62}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3fe{background-color:#a86637}.EmojiPickerReact .epr-skin-tones .epr-tone.epr-tone-1f3ff{background-color:#60463a}
|
|
11
11
|
.EmojiPickerReact .epr-header .epr-header-overlay{padding:var(--epr-header-padding);z-index:var(--epr-header-overlay-z-index)}
|
|
12
12
|
aside.EmojiPickerReact.epr-main{border-color:var(--epr-picker-border-color);border-radius:var(--epr-picker-border-radius);border-style:solid;border-width:1px;display:flex;flex-direction:column;height:var(--epr-picker-height);position:relative;width:var(--epr-picker-width)}
|
|
13
13
|
.EmojiPickerReact{--epr-highlight-color:#007aeb;--epr-hover-bg-color:#f1f8ff;--epr-focus-bg-color:#e0f0ff;--epr-text-color:#858585;--epr-search-input-bg-color:#f6f6f6;--epr-picker-border-color:#e7e7e7;--epr-bg-color:#fff;--epr-category-icon-active-color:#6aa8de;--epr-horizontal-padding:10px;--epr-picker-width:350px;--epr-picker-height:450px;--epr-picker-border-radius:8px;--epr-search-border-color:var(--epr-highlight-color);--epr-header-padding:15px var(--epr-horizontal-padding);--epr-active-skin-tone-indicator-border-color:var(--epr-highlight-color);--epr-active-skin-hover-color:var(--epr-hover-bg-color);--epr-search-input-bg-color-active:var(--epr-search-input-bg-color);--epr-search-input-padding:0 30px;--epr-search-input-border-radius:8px;--epr-search-input-height:40px;--epr-search-input-text-color:var(--epr-text-color);--epr-search-input-placeholder-color:var(--epr-text-color);--epr-search-bar-inner-padding:var(--epr-horizontal-padding);--epr-category-navigation-button-size:30px;--epr-emoji-variation-picker-height:55px;--epr-emoji-variation-picker-bg-color:var(--epr-bg-color);--epr-preview-height:70px;--epr-preview-text-size:14px;--epr-preview-text-padding:0 var(--epr-horizontal-padding);--epr-preview-border-color:var(--epr-picker-border-color);--epr-preview-text-color:var(--epr-text-color);--epr-category-padding:0 var(--epr-horizontal-padding);--epr-category-label-bg-color:#ffffffe6;--epr-category-label-text-color:var(--epr-text-color);--epr-category-label-padding:0 var(--epr-horizontal-padding);--epr-category-label-height:40px;--epr-emoji-size:30px;--epr-emoji-padding:5px;--epr-emoji-fullsize:calc(var(--epr-emoji-size) + var(--epr-emoji-padding)*2);--epr-emoji-hover-color:var(--epr-hover-bg-color);--epr-emoji-variation-indicator-color:var(--epr-picker-border-color);--epr-emoji-variation-indicator-color-hover:var(--epr-text-color);--epr-header-overlay-z-index:3;--epr-emoji-variations-indictator-z-index:1;--epr-category-label-z-index:2;--epr-skin-variation-picker-z-index:5}.EmojiPickerReact.epr-dark-theme{--epr-dark:#000;--epr-emoji-variation-picker-bg-color:var(--epr-dark);--epr-highlight-color:silver;--epr-text-color:var(--epr-highlight-color);--epr-hover-bg-color:#363636f6;--epr-focus-bg-color:#474747;--epr-search-input-bg-color:#333;--epr-category-label-bg-color:#222222e6;--epr-picker-border-color:#151617;--epr-bg-color:#222;--epr-search-input-bg-color-active:var(--epr-dark);--epr-emoji-variation-indicator-color:#444;--epr-category-icon-active-color:#3271b7}.EmojiPickerReact{background-color:var(--epr-bg-color);overflow:hidden}.EmojiPickerReact .epr-hidden,.EmojiPickerReact.epr-search-active .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}.EmojiPickerReact button{background:none;border:0;cursor:pointer;outline:none}
|
|
@@ -16050,7 +16050,7 @@ function useIsEmojiHidden() {
|
|
|
16050
16050
|
};
|
|
16051
16051
|
}
|
|
16052
16052
|
|
|
16053
|
-
function
|
|
16053
|
+
function ClickableEmoji(_ref) {
|
|
16054
16054
|
var _clsx;
|
|
16055
16055
|
|
|
16056
16056
|
var emoji = _ref.emoji,
|
|
@@ -16063,31 +16063,46 @@ function Emoji(_ref) {
|
|
|
16063
16063
|
emojiRef = _ref.emojiRef,
|
|
16064
16064
|
lazyLoad = _ref.lazyLoad;
|
|
16065
16065
|
var hasVariations = emojiHasVariations(emoji);
|
|
16066
|
+
return React.createElement("button", {
|
|
16067
|
+
className: clsx(ClassNames.emoji, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.visible] = !hidden, _clsx['epr-emoji-has-variations'] = hasVariations && showVariations, _clsx)),
|
|
16068
|
+
"data-unified": unified,
|
|
16069
|
+
// @ts-ignore - let's ignore the fact this is not a real react ref, ok?
|
|
16070
|
+
ref: emojiRef
|
|
16071
|
+
}, React.createElement(ViewOnlyEmoji, {
|
|
16072
|
+
unified: unified,
|
|
16073
|
+
emoji: emoji,
|
|
16074
|
+
size: size,
|
|
16075
|
+
emojiStyle: emojiStyle,
|
|
16076
|
+
lazyLoad: lazyLoad
|
|
16077
|
+
}));
|
|
16078
|
+
}
|
|
16079
|
+
function ViewOnlyEmoji(_ref2) {
|
|
16080
|
+
var emoji = _ref2.emoji,
|
|
16081
|
+
unified = _ref2.unified,
|
|
16082
|
+
emojiStyle = _ref2.emojiStyle,
|
|
16083
|
+
size = _ref2.size,
|
|
16084
|
+
lazyLoad = _ref2.lazyLoad;
|
|
16066
16085
|
var style = {};
|
|
16067
16086
|
|
|
16068
16087
|
if (size) {
|
|
16069
16088
|
style.width = style.height = style.fontSize = size + "px";
|
|
16070
16089
|
}
|
|
16071
16090
|
|
|
16072
|
-
|
|
16091
|
+
return React.createElement(React.Fragment, null, emojiStyle === exports.EmojiStyle.NATIVE ? React.createElement(NativeEmoji, {
|
|
16092
|
+
unified: unified,
|
|
16093
|
+
style: style
|
|
16094
|
+
}) : React.createElement(EmojiImg, {
|
|
16095
|
+
unified: unified,
|
|
16073
16096
|
style: style,
|
|
16074
|
-
unified: unified
|
|
16075
|
-
};
|
|
16076
|
-
return React.createElement("button", {
|
|
16077
|
-
className: clsx(ClassNames.emoji, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.visible] = !hidden, _clsx['epr-emoji-has-variations'] = hasVariations && showVariations, _clsx)),
|
|
16078
|
-
"data-unified": unified,
|
|
16079
|
-
// @ts-ignore - let's ignore the fact this is not a real react ref, ok?
|
|
16080
|
-
ref: emojiRef
|
|
16081
|
-
}, emojiStyle === exports.EmojiStyle.NATIVE ? React.createElement(NativeEmoji, Object.assign({}, base)) : React.createElement(EmojiImg, Object.assign({}, base, {
|
|
16082
16097
|
emoji: emoji,
|
|
16083
16098
|
emojiStyle: emojiStyle,
|
|
16084
16099
|
lazyLoad: lazyLoad
|
|
16085
|
-
}))
|
|
16100
|
+
}));
|
|
16086
16101
|
}
|
|
16087
16102
|
|
|
16088
|
-
function NativeEmoji(
|
|
16089
|
-
var unified =
|
|
16090
|
-
style =
|
|
16103
|
+
function NativeEmoji(_ref3) {
|
|
16104
|
+
var unified = _ref3.unified,
|
|
16105
|
+
style = _ref3.style;
|
|
16091
16106
|
return React.createElement("span", {
|
|
16092
16107
|
className: "epr-emoji-native",
|
|
16093
16108
|
"data-unified": unified,
|
|
@@ -16095,13 +16110,13 @@ function NativeEmoji(_ref2) {
|
|
|
16095
16110
|
}, parseNativeEmoji(unified));
|
|
16096
16111
|
}
|
|
16097
16112
|
|
|
16098
|
-
function EmojiImg(
|
|
16099
|
-
var emoji =
|
|
16100
|
-
unified =
|
|
16101
|
-
emojiStyle =
|
|
16102
|
-
style =
|
|
16103
|
-
|
|
16104
|
-
lazyLoad =
|
|
16113
|
+
function EmojiImg(_ref4) {
|
|
16114
|
+
var emoji = _ref4.emoji,
|
|
16115
|
+
unified = _ref4.unified,
|
|
16116
|
+
emojiStyle = _ref4.emojiStyle,
|
|
16117
|
+
style = _ref4.style,
|
|
16118
|
+
_ref4$lazyLoad = _ref4.lazyLoad,
|
|
16119
|
+
lazyLoad = _ref4$lazyLoad === void 0 ? false : _ref4$lazyLoad;
|
|
16105
16120
|
|
|
16106
16121
|
var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
|
|
16107
16122
|
setEmojisThatFailedToLoad = _useEmojisThatFailedT[1];
|
|
@@ -16170,7 +16185,7 @@ function Suggested(_ref) {
|
|
|
16170
16185
|
return null;
|
|
16171
16186
|
}
|
|
16172
16187
|
|
|
16173
|
-
return React.createElement(
|
|
16188
|
+
return React.createElement(ClickableEmoji, {
|
|
16174
16189
|
showVariations: false,
|
|
16175
16190
|
unified: suggestedItem.unified,
|
|
16176
16191
|
emojiStyle: emojiStyle,
|
|
@@ -16229,7 +16244,7 @@ function RenderCategory(_ref) {
|
|
|
16229
16244
|
hiddenCounter++;
|
|
16230
16245
|
}
|
|
16231
16246
|
|
|
16232
|
-
return React.createElement(
|
|
16247
|
+
return React.createElement(ClickableEmoji, {
|
|
16233
16248
|
key: unified,
|
|
16234
16249
|
emoji: emoji,
|
|
16235
16250
|
unified: unified,
|
|
@@ -16292,7 +16307,7 @@ function EmojiVariationPicker() {
|
|
|
16292
16307
|
top: top
|
|
16293
16308
|
}
|
|
16294
16309
|
}, visible ? [emojiUnified(safeEmoji)].concat(emojiVariations(safeEmoji)).slice(0, 6).map(function (unified) {
|
|
16295
|
-
return React.createElement(
|
|
16310
|
+
return React.createElement(ClickableEmoji, {
|
|
16296
16311
|
key: unified,
|
|
16297
16312
|
emoji: safeEmoji,
|
|
16298
16313
|
unified: unified,
|
|
@@ -16533,19 +16548,15 @@ function Preview() {
|
|
|
16533
16548
|
function PreviewContent() {
|
|
16534
16549
|
var defaultEmoji = asEmoji(variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji));
|
|
16535
16550
|
var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
|
|
16536
|
-
return React.createElement(React.Fragment, null, React.createElement("div", null, show ? React.createElement(
|
|
16551
|
+
return React.createElement(React.Fragment, null, React.createElement("div", null, show ? React.createElement(ViewOnlyEmoji, {
|
|
16537
16552
|
unified: previewEmoji == null ? void 0 : previewEmoji.unified,
|
|
16538
16553
|
emoji: asEmoji(emoji),
|
|
16539
|
-
showVariations: false,
|
|
16540
16554
|
emojiStyle: emojiStyle,
|
|
16541
|
-
hidden: false,
|
|
16542
16555
|
size: 45
|
|
16543
|
-
}) : defaultEmoji ? React.createElement(
|
|
16556
|
+
}) : defaultEmoji ? React.createElement(ViewOnlyEmoji, {
|
|
16544
16557
|
unified: emojiUnified(defaultEmoji),
|
|
16545
16558
|
emoji: defaultEmoji,
|
|
16546
|
-
showVariations: false,
|
|
16547
16559
|
emojiStyle: emojiStyle,
|
|
16548
|
-
hidden: false,
|
|
16549
16560
|
size: 45
|
|
16550
16561
|
}) : null), show ? React.createElement("div", {
|
|
16551
16562
|
className: "epr-preview-emoji-label"
|
|
@@ -16624,6 +16635,33 @@ function Search() {
|
|
|
16624
16635
|
}) : null);
|
|
16625
16636
|
}
|
|
16626
16637
|
|
|
16638
|
+
function useFocusSearchInput() {
|
|
16639
|
+
var SearchInputRef = useSearchInputRef();
|
|
16640
|
+
return React.useCallback(function () {
|
|
16641
|
+
focusElement(SearchInputRef.current);
|
|
16642
|
+
}, [SearchInputRef]);
|
|
16643
|
+
}
|
|
16644
|
+
function useFocusSkinTonePicker() {
|
|
16645
|
+
var SkinTonePickerRef = useSkinTonePickerRef();
|
|
16646
|
+
return React.useCallback(function () {
|
|
16647
|
+
if (!SkinTonePickerRef.current) {
|
|
16648
|
+
return;
|
|
16649
|
+
}
|
|
16650
|
+
|
|
16651
|
+
focusFirstElementChild(SkinTonePickerRef.current);
|
|
16652
|
+
}, [SkinTonePickerRef]);
|
|
16653
|
+
}
|
|
16654
|
+
function useFocusCategoryNavigation() {
|
|
16655
|
+
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
16656
|
+
return React.useCallback(function () {
|
|
16657
|
+
if (!CategoryNavigationRef.current) {
|
|
16658
|
+
return;
|
|
16659
|
+
}
|
|
16660
|
+
|
|
16661
|
+
focusFirstElementChild(CategoryNavigationRef.current);
|
|
16662
|
+
}, [CategoryNavigationRef]);
|
|
16663
|
+
}
|
|
16664
|
+
|
|
16627
16665
|
function SkinTonePicker() {
|
|
16628
16666
|
var SkinTonePickerRef = useSkinTonePickerRef();
|
|
16629
16667
|
var isDisabled = useSkinTonesDisabledConfig();
|
|
@@ -16637,6 +16675,7 @@ function SkinTonePicker() {
|
|
|
16637
16675
|
setActiveSkinTone = _useActiveSkinToneSta[1];
|
|
16638
16676
|
|
|
16639
16677
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
16678
|
+
var focusSearchInput = useFocusSearchInput();
|
|
16640
16679
|
|
|
16641
16680
|
if (isDisabled) {
|
|
16642
16681
|
return null;
|
|
@@ -16661,7 +16700,11 @@ function SkinTonePicker() {
|
|
|
16661
16700
|
transform: clsx("translateX(-" + i * (isOpen ? 28 : 0) + "px)", isOpen && active && 'scale(1.3)')
|
|
16662
16701
|
},
|
|
16663
16702
|
onClick: function onClick() {
|
|
16664
|
-
|
|
16703
|
+
if (isOpen) {
|
|
16704
|
+
setActiveSkinTone(skinToneVariation);
|
|
16705
|
+
focusSearchInput();
|
|
16706
|
+
}
|
|
16707
|
+
|
|
16665
16708
|
closeAllOpenToggles();
|
|
16666
16709
|
},
|
|
16667
16710
|
key: skinToneVariation,
|
|
@@ -16797,33 +16840,6 @@ function visibleEmojiOneRowDown(element) {
|
|
|
16797
16840
|
return itemInNextRow;
|
|
16798
16841
|
}
|
|
16799
16842
|
|
|
16800
|
-
function useFocusSearchInput() {
|
|
16801
|
-
var SearchInputRef = useSearchInputRef();
|
|
16802
|
-
return React.useCallback(function () {
|
|
16803
|
-
focusElement(SearchInputRef.current);
|
|
16804
|
-
}, [SearchInputRef]);
|
|
16805
|
-
}
|
|
16806
|
-
function useFocusSkinTonePicker() {
|
|
16807
|
-
var SkinTonePickerRef = useSkinTonePickerRef();
|
|
16808
|
-
return React.useCallback(function () {
|
|
16809
|
-
if (!SkinTonePickerRef.current) {
|
|
16810
|
-
return;
|
|
16811
|
-
}
|
|
16812
|
-
|
|
16813
|
-
focusFirstElementChild(SkinTonePickerRef.current);
|
|
16814
|
-
}, [SkinTonePickerRef]);
|
|
16815
|
-
}
|
|
16816
|
-
function useFocusCategoryNavigation() {
|
|
16817
|
-
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
16818
|
-
return React.useCallback(function () {
|
|
16819
|
-
if (!CategoryNavigationRef.current) {
|
|
16820
|
-
return;
|
|
16821
|
-
}
|
|
16822
|
-
|
|
16823
|
-
focusFirstElementChild(CategoryNavigationRef.current);
|
|
16824
|
-
}, [CategoryNavigationRef]);
|
|
16825
|
-
}
|
|
16826
|
-
|
|
16827
16843
|
var KeyboardEvents;
|
|
16828
16844
|
|
|
16829
16845
|
(function (KeyboardEvents) {
|