From 9c89eaf70cb0e30912c6c1d81460238ea97f1842 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 14 Mar 2021 21:36:05 +0200
Subject: [PATCH 01/32] Add accessibility properties to emoji picker.

It now works with VoiceOver, it is possible to loop through the
picker elements and "click" them.

It does not work with regular keyboard control (no Voice Over, just
arrow keys).

This is actually expected, and the parent project [change](https://github.com/missive/emoji-mart/pull/284)
also states that:

> should I now be able to type, then navigate results via arrow keys?

Yes, in terms of improving the accessibility of emoji-mart, I didn't make it a full autocomplete pattern
where you can press the arrow keys to navigate between results.
You have to just use the regions to move around after typing into the search bar.

Certainly not a perfect design a11y-wise, but it's at least usable with a keyboard, whereas before it wasn't.
---
 css/emoji-mart.css          |   9 ++-
 src/components/Emoji.vue    |   6 +-
 src/components/Picker.vue   |  61 ++++++++++--------
 src/components/anchors.vue  |  51 ++++++++-------
 src/components/category.vue | 120 ++++++++++++++++++++----------------
 src/components/search.vue   |   8 ++-
 src/utils/emoji-data.js     |   5 ++
 src/utils/shared-props.js   |   4 ++
 8 files changed, 161 insertions(+), 103 deletions(-)

diff --git a/css/emoji-mart.css b/css/emoji-mart.css
index ae32816c..52a72eae 100644
--- a/css/emoji-mart.css
+++ b/css/emoji-mart.css
@@ -22,6 +22,9 @@
   position: relative;
   display: inline-block;
   font-size: 0;
+  border: none;
+  background: none;
+  box-shadow: none;
 }
 
 .emoji-mart-emoji span {
@@ -99,6 +102,9 @@
   padding: 12px 4px;
   overflow: hidden;
   transition: color .1s ease-out;
+  border: none;
+  background: none;
+  box-shadow: none;
 }
 .emoji-mart-anchor:hover,
 .emoji-mart-anchor-selected {
@@ -192,8 +198,9 @@
   /* position: -webkit-sticky; */
 }
 
-.emoji-mart-category-label span {
+.emoji-mart-category-label h3 {
   display: block;
+  font-size: 16px;
   width: 100%;
   font-weight: 500;
   padding: 5px 6px;
diff --git a/src/components/Emoji.vue b/src/components/Emoji.vue
index fe26475e..7a2ce92f 100644
--- a/src/components/Emoji.vue
+++ b/src/components/Emoji.vue
@@ -1,7 +1,9 @@
 <template>
-  <span
+  <component
+    :is="tag"
     v-if="view.canRender"
     :title="view.title"
+    :aria-label="view.ariaLabel"
     :data-title="title"
     class="emoji-mart-emoji"
     @mouseenter="onMouseEnter"
@@ -11,7 +13,7 @@
     <span :class="view.cssClass" :style="view.cssStyle">{{
       view.content
     }}</span>
-  </span>
+  </component>
 </template>
 
 <script>
diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 78d07b3e..e3d2a0f9 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="emoji-mart emoji-mart-static" :style="customStyles">
+  <section class="emoji-mart emoji-mart-static" :style="customStyles">
     <div class="emoji-mart-bar emoji-mart-bar-anchors" v-if="showCategories">
       <anchors
         :data="data"
@@ -29,28 +29,41 @@
       />
     </slot>
 
-    <div class="emoji-mart-scroll" ref="scroll" @scroll="onScroll">
-      <category
-        v-show="searchEmojis"
-        :data="data"
-        :i18n="mergedI18n"
-        id="search"
-        name="Search"
-        :emojis="searchEmojis"
-        :emoji-props="emojiProps"
-      />
-      <category
-        v-for="(category, idx) in filteredCategories"
-        v-show="!searchEmojis && (infiniteScroll || category == activeCategory)"
-        :ref="'categories_' + idx"
-        :key="category.id"
-        :data="data"
-        :i18n="mergedI18n"
-        :id="category.id"
-        :name="category.name"
-        :emojis="category.emojis"
-        :emoji-props="emojiProps"
-      />
+    <div
+      role="tabpanel"
+      class="emoji-mart-scroll"
+      ref="scroll"
+      @scroll="onScroll"
+    >
+      <div
+         id="emoji-mart-list"
+         role="list"
+         aria-expanded="true">
+        <category
+          v-show="searchEmojis"
+          role="rowgroup"
+          :data="data"
+          :i18n="mergedI18n"
+          id="search"
+          name="Search"
+          :emojis="searchEmojis"
+          :emoji-props="emojiProps"
+        />
+        <category
+          v-for="(category, idx) in filteredCategories"
+          v-show="
+            !searchEmojis && (infiniteScroll || category == activeCategory)
+          "
+          :ref="'categories_' + idx"
+          :key="category.id"
+          :data="data"
+          :i18n="mergedI18n"
+          :id="category.id"
+          :name="category.name"
+          :emojis="category.emojis"
+          :emoji-props="emojiProps"
+        />
+      </div>
     </div>
 
     <slot
@@ -77,7 +90,7 @@
         />
       </div>
     </slot>
-  </div>
+  </section>
 </template>
 
 <script>
diff --git a/src/components/anchors.vue b/src/components/anchors.vue
index aac72162..ad221033 100644
--- a/src/components/anchors.vue
+++ b/src/components/anchors.vue
@@ -1,47 +1,54 @@
 <template>
-
-<div class="emoji-mart-anchors">
-  <span
-    v-for="category in categories"
-    :key="category.id"
-    :class="{ 'emoji-mart-anchor': true, 'emoji-mart-anchor-selected': category.id == activeCategory.id }"
-    :style="{ 'color': (category.id == activeCategory.id ? color : '') }"
-    :data-title="i18n.categories[category.id]"
-    @click="$emit('click', category)">
-    <div v-html="svgs[category.id]"/>
-    <span class="emoji-mart-anchor-bar" :style="{ backgroundColor: color }"></span>
-  </span>
-</div>
-
+  <div role="tablist" class="emoji-mart-anchors">
+    <button
+      v-for="category in categories"
+      role="tab"
+      :aria-label="category.name"
+      :aria-selected="category.id == activeCategory.id"
+      :key="category.id"
+      :class="{
+        'emoji-mart-anchor': true,
+        'emoji-mart-anchor-selected': category.id == activeCategory.id,
+      }"
+      :style="{ color: category.id == activeCategory.id ? color : '' }"
+      :data-title="i18n.categories[category.id]"
+      @click="$emit('click', category)"
+    >
+      <div aria-hidden="true" v-html="svgs[category.id]" />
+      <span
+        aria-hidden="true"
+        class="emoji-mart-anchor-bar"
+        :style="{ backgroundColor: color }"
+      ></span>
+    </button>
+  </div>
 </template>
 
 <script>
-
 import svgs from '../svgs'
 
 export default {
   props: {
     i18n: {
       type: Object,
-      required: true
+      required: true,
     },
     color: {
-      type: String
+      type: String,
     },
     categories: {
       type: Array,
-      required: true
+      required: true,
     },
     activeCategory: {
       type: Object,
       default() {
         return {}
-      }
-    }
+      },
+    },
   },
   created() {
     this.svgs = svgs
-  }
+  },
 }
-
 </script>
diff --git a/src/components/category.vue b/src/components/category.vue
index 9c5e26c2..18435e92 100644
--- a/src/components/category.vue
+++ b/src/components/category.vue
@@ -1,68 +1,83 @@
 <template>
+  <section
+    :class="{
+      'emoji-mart-category': true,
+      'emoji-mart-no-results': !hasResults,
+    }"
+    :aria-label="i18n.categories[id]"
+    v-if="isVisible && (isSearch || hasResults)"
+  >
+    <div class="emoji-mart-category-label">
+      <h3 class="emoji-mart-category-label">{{ i18n.categories[id] }}</h3>
+    </div>
 
-<div :class="{ 'emoji-mart-category': true, 'emoji-mart-no-results': !hasResults }" v-if="isVisible && (isSearch || hasResults)">
-  <div class="emoji-mart-category-label">
-    <span>{{ i18n.categories[id] }}</span>
-  </div>
-
-  <template v-for="{ emojiObject, emojiView} in emojiObjects">
-    <span
-      v-if="emojiView.canRender"
-      :data-title="emojiObject.short_name"
-      :title="emojiView.title"
-      class="emoji-mart-emoji"
-      @mouseenter="emojiProps.onEnter(emojiView.getEmoji())"
-      @mouseleave="emojiProps.onLeave(emojiView.getEmoji())"
-      @click="emojiProps.onClick(emojiView.getEmoji())">
-      <span  :class="emojiView.cssClass" :style="emojiView.cssStyle">{{emojiView.content}}</span>
-    </span>
-  </template>
-
-  <div v-if="!hasResults">
-    <emoji
-      :data="data"
-      emoji="sleuth_or_spy"
-      :native="emojiProps.native"
-      :skin="emojiProps.skin"
-      :set="emojiProps.set"
-    />
-    <div class="emoji-mart-no-results-label">{{ i18n.notfound }}</div>
-  </div>
-</div>
+    <template v-for="{ emojiObject, emojiView } in emojiObjects">
+      <button
+        v-if="emojiView.canRender"
+        :aria-label="emojiView.ariaLabel"
+        role="option"
+        aria-selected="false"
+        aria-posinset="1"
+        aria-setsize="1812"
+        type="button"
+        :data-title="emojiObject.short_name"
+        :key="emojiObject.id"
+        :title="emojiView.title"
+        class="emoji-mart-emoji"
+        @mouseenter="emojiProps.onEnter(emojiView.getEmoji())"
+        @mouseleave="emojiProps.onLeave(emojiView.getEmoji())"
+        @click="emojiProps.onClick(emojiView.getEmoji())"
+      >
+        <span
+          :class="emojiView.cssClass"
+          :style="emojiView.cssStyle"
+          >{{ emojiView.content }}</span
+        >
+      </button>
+    </template>
 
+    <div v-if="!hasResults">
+      <emoji
+        :data="data"
+        emoji="sleuth_or_spy"
+        :native="emojiProps.native"
+        :skin="emojiProps.skin"
+        :set="emojiProps.set"
+      />
+      <div class="emoji-mart-no-results-label">{{ i18n.notfound }}</div>
+    </div>
+  </section>
 </template>
 
 <script>
-
 import { EmojiView } from '../utils/emoji-data'
 import Emoji from './Emoji'
 
-
 export default {
   props: {
     data: {
       type: Object,
-      required: true
+      required: true,
     },
     i18n: {
       type: Object,
-      required: true
+      required: true,
     },
     id: {
       type: String,
-      required: true
+      required: true,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     emojis: {
-      type: Array
+      type: Array,
     },
     emojiProps: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   computed: {
     isVisible() {
@@ -76,23 +91,22 @@ export default {
     },
     emojiObjects() {
       return this.emojis.map((emoji) => {
-          let emojiObject = emoji
-          let emojiView = new EmojiView(
-            emoji,
-            this.emojiProps.skin,
-            this.emojiProps.set,
-            this.emojiProps.native,
-            this.emojiProps.fallback,
-            this.emojiProps.emojiTooltip,
-            this.emojiProps.emojiSize,
-          )
-          return { emojiObject, emojiView }
+        let emojiObject = emoji
+        let emojiView = new EmojiView(
+          emoji,
+          this.emojiProps.skin,
+          this.emojiProps.set,
+          this.emojiProps.native,
+          this.emojiProps.fallback,
+          this.emojiProps.emojiTooltip,
+          this.emojiProps.emojiSize,
+        )
+        return { emojiObject, emojiView }
       })
-    }
+    },
   },
   components: {
-    Emoji
-  }
+    Emoji,
+  },
 }
-
 </script>
diff --git a/src/components/search.vue b/src/components/search.vue
index 11eeefcb..17916fbd 100644
--- a/src/components/search.vue
+++ b/src/components/search.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="emoji-mart-search">
-    <input type="text" :placeholder="i18n.search" v-model="value">
+    <input
+        type="text"
+        :placeholder="i18n.search"
+        role="textbox"
+        aria-label="Search for an emoji"
+        aria-describedby="emoji-picker-search-description"
+        v-model="value">
   </div>
 </template>
 
diff --git a/src/utils/emoji-data.js b/src/utils/emoji-data.js
index 71abc4a0..f84a658c 100644
--- a/src/utils/emoji-data.js
+++ b/src/utils/emoji-data.js
@@ -500,6 +500,10 @@ export class EmojiData {
       y = Math.round(multiply * this._data.sheet_y * 100) / 100
     return `${x}% ${y}%`
   }
+
+  ariaLabel() {
+    return [this.native].concat(this.short_names).filter(Boolean).join(', ')
+  }
 }
 
 export class EmojiView {
@@ -523,6 +527,7 @@ export class EmojiView {
     this.cssStyle = this._cssStyle(emojiSize)
     this.content = this._content()
     this.title = emojiTooltip === true ? emoji.short_name : null
+    this.ariaLabel = emoji.ariaLabel()
 
     Object.freeze(this)
   }
diff --git a/src/utils/shared-props.js b/src/utils/shared-props.js
index 8fb7d5d9..b57b5336 100644
--- a/src/utils/shared-props.js
+++ b/src/utils/shared-props.js
@@ -26,6 +26,10 @@ const EmojiProps = {
     type: Number,
     default: null,
   },
+  tag: {
+    type: String,
+    default: 'span',
+  },
 }
 
 const PickerProps = {

From 6213ef2a18f849772676372ad6c55f9c58712cd5 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 14 Mar 2021 23:46:29 +0200
Subject: [PATCH 02/32] Implement arrow left/right to select emojis.

It is incomplete yet and does not work when search is active (when something
is in the search field, arrows move cursor inside the field).
---
 css/emoji-mart.css          | 134 ++++++++++++++++++++++++------------
 src/components/Picker.vue   |  70 +++++++++++++++++--
 src/components/category.vue |  26 +++++--
 src/components/search.vue   |  66 +++++++++++++-----
 src/utils/emoji-data.js     |   5 +-
 5 files changed, 228 insertions(+), 73 deletions(-)

diff --git a/css/emoji-mart.css b/css/emoji-mart.css
index 52a72eae..acfcf8e0 100644
--- a/css/emoji-mart.css
+++ b/css/emoji-mart.css
@@ -5,7 +5,7 @@
 }
 
 .emoji-mart {
-  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
   font-size: 16px;
   /* display: inline-block; */
   display: flex;
@@ -38,7 +38,9 @@
 }
 
 .emoji-type-native {
-  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
+  font-family: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Segoe UI',
+    'Apple Color Emoji', 'Twemoji Mozilla', 'Noto Color Emoji', 'EmojiOne Color',
+    'Android Emoji';
   word-break: keep-all;
 }
 
@@ -49,16 +51,16 @@
   background-size: 5700%;
 }
 .emoji-type-image.emoji-set-apple {
-  background-image: url("https://unpkg.com/emoji-datasource-apple@5.0.1/img/apple/sheets-256/64.png");
+  background-image: url('https://unpkg.com/emoji-datasource-apple@5.0.1/img/apple/sheets-256/64.png');
 }
 .emoji-type-image.emoji-set-facebook {
-  background-image: url("https://unpkg.com/emoji-datasource-facebook@5.0.1/img/facebook/sheets-256/64.png");
+  background-image: url('https://unpkg.com/emoji-datasource-facebook@5.0.1/img/facebook/sheets-256/64.png');
 }
 .emoji-type-image.emoji-set-google {
-  background-image: url("https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png");
+  background-image: url('https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png');
 }
 .emoji-type-image.emoji-set-twitter {
-  background-image: url("https://unpkg.com/emoji-datasource-twitter@5.0.1/img/twitter/sheets-256/64.png");
+  background-image: url('https://unpkg.com/emoji-datasource-twitter@5.0.1/img/twitter/sheets-256/64.png');
 }
 
 .emoji-mart-bar {
@@ -101,7 +103,7 @@
   text-align: center;
   padding: 12px 4px;
   overflow: hidden;
-  transition: color .1s ease-out;
+  transition: color 0.1s ease-out;
   border: none;
   background: none;
   box-shadow: none;
@@ -117,8 +119,10 @@
 
 .emoji-mart-anchor-bar {
   position: absolute;
-  bottom: -3px; left: 0;
-  width: 100%; height: 3px;
+  bottom: -3px;
+  left: 0;
+  width: 100%;
+  height: 3px;
   background-color: #464646;
 }
 
@@ -151,7 +155,7 @@
   font-size: 16px;
   display: block;
   width: 100%;
-  padding: .2em .6em;
+  padding: 0.2em 0.6em;
   border-radius: 25px;
   border: 1px solid #d9d9d9;
   outline: 0;
@@ -172,18 +176,21 @@
   cursor: default;
 }
 
-.emoji-mart-category .emoji-mart-emoji:hover:before {
+.emoji-mart-category .emoji-mart-emoji:hover:before,
+.emoji-mart-emoji-selected:before {
   z-index: 0;
-  content: "";
+  content: '';
   position: absolute;
-  top: 0; left: 0;
-  width: 100%; height: 100%;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   background-color: #f4f4f4;
   border-radius: 100%;
   opacity: 0;
 }
-
-.emoji-mart-category .emoji-mart-emoji:hover:before {
+.emoji-mart-category .emoji-mart-emoji:hover:before,
+.emoji-mart-emoji-selected:before {
   opacity: 1;
 }
 
@@ -205,7 +212,7 @@
   font-weight: 500;
   padding: 5px 6px;
   background-color: #fff;
-  background-color: rgba(255, 255, 255, .95);
+  background-color: rgba(255, 255, 255, 0.95);
 }
 
 .emoji-mart-emoji {
@@ -224,7 +231,7 @@
   display: none;
 }
 .emoji-mart-no-results .emoji-mart-no-results-label {
-  margin-top: .2em;
+  margin-top: 0.2em;
 }
 .emoji-mart-no-results .emoji-mart-emoji:hover:before {
   content: none;
@@ -248,7 +255,8 @@
 }
 
 .emoji-mart-preview-data {
-  left: 68px; right: 12px;
+  left: 68px;
+  right: 12px;
   word-break: break-all;
 }
 
@@ -268,7 +276,7 @@
 .emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
 .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
 .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
-  margin-left: .5em;
+  margin-left: 0.5em;
 }
 
 .emoji-mart-preview-emoticon {
@@ -286,7 +294,7 @@
 }
 
 .emoji-mart-title-label {
-  color: #999A9C;
+  color: #999a9c;
   font-size: 21px;
   font-weight: 300;
 }
@@ -305,7 +313,7 @@
 }
 
 .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
-  opacity: .75;
+  opacity: 0.75;
 }
 
 .emoji-mart-skin-swatch {
@@ -313,16 +321,28 @@
   width: 0;
   vertical-align: middle;
   transition-property: width, padding;
-  transition-duration: .125s;
+  transition-duration: 0.125s;
   transition-timing-function: ease-out;
 }
 
-.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
-.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
-.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
-.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
-.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
-.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }
+.emoji-mart-skin-swatch:nth-child(1) {
+  transition-delay: 0s;
+}
+.emoji-mart-skin-swatch:nth-child(2) {
+  transition-delay: 0.03s;
+}
+.emoji-mart-skin-swatch:nth-child(3) {
+  transition-delay: 0.06s;
+}
+.emoji-mart-skin-swatch:nth-child(4) {
+  transition-delay: 0.09s;
+}
+.emoji-mart-skin-swatch:nth-child(5) {
+  transition-delay: 0.12s;
+}
+.emoji-mart-skin-swatch:nth-child(6) {
+  transition-delay: 0.15s;
+}
 
 .emoji-mart-skin-swatch-selected {
   position: relative;
@@ -330,32 +350,46 @@
   padding: 0 2px;
 }
 .emoji-mart-skin-swatch-selected:after {
-  content: "";
+  content: '';
   position: absolute;
-  top: 50%; left: 50%;
-  width: 4px; height: 4px;
+  top: 50%;
+  left: 50%;
+  width: 4px;
+  height: 4px;
   margin: -2px 0 0 -2px;
   background-color: #fff;
   border-radius: 100%;
   pointer-events: none;
   opacity: 0;
-  transition: opacity .2s ease-out;
+  transition: opacity 0.2s ease-out;
 }
 
 .emoji-mart-skin {
   display: inline-block;
-  width: 100%; padding-top: 100%;
+  width: 100%;
+  padding-top: 100%;
   max-width: 12px;
   border-radius: 100%;
 }
 
-.emoji-mart-skin-tone-1 { background-color: #ffc93a }
-.emoji-mart-skin-tone-2 { background-color: #fadcbc }
-.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
-.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
-.emoji-mart-skin-tone-5 { background-color: #9b643d }
-.emoji-mart-skin-tone-6 { background-color: #594539 }
-
+.emoji-mart-skin-tone-1 {
+  background-color: #ffc93a;
+}
+.emoji-mart-skin-tone-2 {
+  background-color: #fadcbc;
+}
+.emoji-mart-skin-tone-3 {
+  background-color: #e0bb95;
+}
+.emoji-mart-skin-tone-4 {
+  background-color: #bf8f68;
+}
+.emoji-mart-skin-tone-5 {
+  background-color: #9b643d;
+}
+.emoji-mart-skin-tone-6 {
+  background-color: #594539;
+}
 
 /* vue-virtual-scroller/dist/vue-virtual-scroller.css */
 .emoji-mart .vue-recycle-scroller {
@@ -385,17 +419,23 @@
   left: 0;
   will-change: transform;
 }
-.emoji-mart .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
+.emoji-mart
+  .vue-recycle-scroller.direction-vertical
+  .vue-recycle-scroller__item-wrapper {
   width: 100%;
 }
-.emoji-mart .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
+.emoji-mart
+  .vue-recycle-scroller.direction-horizontal
+  .vue-recycle-scroller__item-wrapper {
   height: 100%;
 }
-.emoji-mart .vue-recycle-scroller.ready.direction-vertical
+.emoji-mart
+  .vue-recycle-scroller.ready.direction-vertical
   .vue-recycle-scroller__item-view {
   width: 100%;
 }
-.emoji-mart .vue-recycle-scroller.ready.direction-horizontal
+.emoji-mart
+  .vue-recycle-scroller.ready.direction-horizontal
   .vue-recycle-scroller__item-view {
   height: 100%;
 }
@@ -424,3 +464,7 @@
   pointer-events: none;
   z-index: -1;
 }
+.hidden {
+  display: none;
+  visibility: hidden;
+}
diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index e3d2a0f9..725f72b0 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -26,6 +26,8 @@
         :auto-focus="autoFocus"
         :on-search="onSearch"
         @search="onSearch"
+        @arrowLeft="onArrowLeft"
+        @arrowRight="onArrowRight"
       />
     </slot>
 
@@ -35,10 +37,7 @@
       ref="scroll"
       @scroll="onScroll"
     >
-      <div
-         id="emoji-mart-list"
-         role="list"
-         aria-expanded="true">
+      <div id="emoji-mart-list" role="listbox" aria-expanded="true">
         <category
           v-show="searchEmojis"
           role="rowgroup"
@@ -136,6 +135,8 @@ export default {
       activeSkin: this.skin || store.get('skin') || this.defaultSkin,
       activeCategory: null,
       previewEmoji: null,
+      previewEmojiCategoryIdx: 0,
+      previewEmojiIdx: -1,
       searchEmojis: null,
     }
   },
@@ -153,6 +154,8 @@ export default {
         set: this.set,
         emojiTooltip: this.emojiTooltip,
         emojiSize: this.emojiSize,
+        selectedEmoji: this.previewEmoji,
+        selectedEmojiCategory: this.previewEmojiCategory,
         onEnter: this.onEmojiEnter.bind(this),
         onLeave: this.onEmojiLeave.bind(this),
         onClick: this.onEmojiClick.bind(this),
@@ -188,6 +191,12 @@ export default {
         return this.data.firstEmoji()
       }
     },
+    previewEmojiCategory() {
+      if (this.previewEmojiCategoryIdx >= 0) {
+        return this.categories[this.previewEmojiCategoryIdx]
+      }
+      return null
+    },
   },
   created() {
     this.categories = []
@@ -252,10 +261,42 @@ export default {
     },
     onEmojiEnter(emoji) {
       this.previewEmoji = emoji
+      this.previewEmojiIdx = -1
+      this.previewEmojiCategoryIdx = -1
     },
     onEmojiLeave(emoji) {
       this.previewEmoji = null
     },
+    onArrowLeft() {
+      if (this.previewEmojiIdx > 0) {
+        this.previewEmojiIdx -= 1
+      } else {
+        this.previewEmojiCategoryIdx -= 1
+        if (this.previewEmojiCategoryIdx < 0) {
+          this.previewEmojiCategoryIdx = 0
+        } else {
+          this.previewEmojiIdx =
+            this.categories[this.previewEmojiCategoryIdx].emojis.length - 1
+        }
+      }
+      this.updatePreviewEmoji()
+    },
+    onArrowRight() {
+      if (
+        this.previewEmojiIdx <
+        this.emojisLength(this.previewEmojiCategoryIdx) - 1
+      ) {
+        this.previewEmojiIdx += 1
+      } else {
+        this.previewEmojiCategoryIdx += 1
+        if (this.previewEmojiCategoryIdx >= this.categories.length) {
+          this.previewEmojiCategoryIdx = this.categories.length - 1
+        } else {
+          this.previewEmojiIdx = 0
+        }
+      }
+      this.updatePreviewEmoji()
+    },
     onEmojiClick(emoji) {
       this.$emit('select', emoji)
       frequently.add(emoji)
@@ -275,6 +316,27 @@ export default {
       // Vue 3 does not support $refs as array.
       return component
     },
+    updatePreviewEmoji() {
+      if (this.searchEmojis) {
+        this.previewEmoji = this.data.emoji(
+          this.searchEmojis[this.previewEmojiIdx],
+        )
+      } else {
+        this.previewEmoji = this.categories[
+          this.previewEmojiCategoryIdx
+        ].emojis[this.previewEmojiIdx]
+      }
+    },
+    emojisLength(categoryIdx) {
+      if (this.searchEmojis) {
+        return this.searchEmojis.length
+      } else {
+        if (categoryIdx == -1) {
+          return 0
+        }
+        return this.categories[categoryIdx].emojis.length
+      }
+    },
   },
   components: {
     Anchors,
diff --git a/src/components/category.vue b/src/components/category.vue
index 18435e92..529f7067 100644
--- a/src/components/category.vue
+++ b/src/components/category.vue
@@ -24,15 +24,14 @@
         :key="emojiObject.id"
         :title="emojiView.title"
         class="emoji-mart-emoji"
+        :class="activeClass(emojiObject)"
         @mouseenter="emojiProps.onEnter(emojiView.getEmoji())"
         @mouseleave="emojiProps.onLeave(emojiView.getEmoji())"
         @click="emojiProps.onClick(emojiView.getEmoji())"
       >
-        <span
-          :class="emojiView.cssClass"
-          :style="emojiView.cssStyle"
-          >{{ emojiView.content }}</span
-        >
+        <span :class="emojiView.cssClass" :style="emojiView.cssStyle">{{
+          emojiView.content
+        }}</span>
       </button>
     </template>
 
@@ -79,6 +78,23 @@ export default {
       required: true,
     },
   },
+  methods: {
+    activeClass: function(emojiObject) {
+      if (!this.emojiProps.selectedEmoji) {
+        return ''
+      }
+      if (!this.emojiProps.selectedEmojiCategory) {
+        return ''
+      }
+      if (
+        this.emojiProps.selectedEmoji.id == emojiObject.id &&
+        this.emojiProps.selectedEmojiCategory.id == this.id
+      ) {
+        return 'emoji-mart-emoji-selected'
+      }
+      return ''
+    },
+  },
   computed: {
     isVisible() {
       return !!this.emojis
diff --git a/src/components/search.vue b/src/components/search.vue
index 17916fbd..6b703fe5 100644
--- a/src/components/search.vue
+++ b/src/components/search.vue
@@ -1,55 +1,86 @@
 <template>
   <div class="emoji-mart-search">
     <input
-        type="text"
-        :placeholder="i18n.search"
-        role="textbox"
-        aria-label="Search for an emoji"
-        aria-describedby="emoji-picker-search-description"
-        v-model="value">
+      type="text"
+      :placeholder="i18n.search"
+      role="textbox"
+      aria-autocomplete="list"
+      aria-owns="emoji-mart-list"
+      aria-label="Search for an emoji"
+      aria-describedby="emoji-mart-search-description"
+      @keydown.left="() => $emit('arrowLeft')"
+      @keydown.right="() => $emit('arrowRight')"
+      @keydown.down="() => $emit('arrowDown')"
+      @keydown.up="() => $emit('arrowUp')"
+      @keydown.enter="() => $emit('enter')"
+      v-model="value"
+    />
+    <span class="hidden" id="emoji-picker-search-description"
+      >Use the left and right arrow keys to navigate the emoji search
+      results.</span
+    >
   </div>
 </template>
 
 <script>
-
 export default {
   props: {
     data: {
       type: Object,
-      required: true
+      required: true,
     },
     i18n: {
       type: Object,
-      required: true
+      required: true,
     },
     autoFocus: {
       type: Boolean,
-      default: false
+      default: false,
     },
     onSearch: {
       type: Function,
-      required: true
-    }
+      required: true,
+    },
+    onArrowLeft: {
+      type: Function,
+      required: false,
+    },
+    onArrowRight: {
+      type: Function,
+      required: false,
+    },
+    onArrowDown: {
+      type: Function,
+      required: false,
+    },
+    onArrowUp: {
+      type: Function,
+      required: false,
+    },
+    onArrowEnter: {
+      type: Function,
+      required: false,
+    },
   },
   data() {
     return {
-      value: ''
+      value: '',
     }
   },
   computed: {
     emojiIndex() {
       return this.data
-    }
+    },
   },
   watch: {
     value() {
       this.$emit('search', this.value)
-    }
+    },
   },
   methods: {
     clear() {
       this.value = ''
-    }
+    },
   },
   mounted() {
     let $input = this.$el.querySelector('input')
@@ -57,7 +88,6 @@ export default {
     if (this.autoFocus) {
       $input.focus()
     }
-  }
+  },
 }
-
 </script>
diff --git a/src/utils/emoji-data.js b/src/utils/emoji-data.js
index f84a658c..6f163b02 100644
--- a/src/utils/emoji-data.js
+++ b/src/utils/emoji-data.js
@@ -502,7 +502,10 @@ export class EmojiData {
   }
 
   ariaLabel() {
-    return [this.native].concat(this.short_names).filter(Boolean).join(', ')
+    return [this.native]
+      .concat(this.short_names)
+      .filter(Boolean)
+      .join(', ')
   }
 }
 

From 8a006e6fe894c75ff7b7d73298d38445d06d8649 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sat, 20 Mar 2021 13:29:12 +0200
Subject: [PATCH 03/32] Add Enter handler

---
 src/components/Picker.vue | 5 +++++
 src/components/search.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 725f72b0..55318353 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -28,6 +28,7 @@
         @search="onSearch"
         @arrowLeft="onArrowLeft"
         @arrowRight="onArrowRight"
+        @enter="onEnter"
       />
     </slot>
 
@@ -297,6 +298,10 @@ export default {
       }
       this.updatePreviewEmoji()
     },
+    onEnter(emoji) {
+      this.$emit('select', this.previewEmoji)
+      frequently.add(emoji)
+    },
     onEmojiClick(emoji) {
       this.$emit('select', emoji)
       frequently.add(emoji)
diff --git a/src/components/search.vue b/src/components/search.vue
index 6b703fe5..8fb1952b 100644
--- a/src/components/search.vue
+++ b/src/components/search.vue
@@ -57,7 +57,7 @@ export default {
       type: Function,
       required: false,
     },
-    onArrowEnter: {
+    onEnter: {
       type: Function,
       required: false,
     },

From 54fed884f282b97a53a076863d31e3676916beea Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sat, 20 Mar 2021 13:58:01 +0200
Subject: [PATCH 04/32] Add up and down arrow handlers

---
 src/components/Picker.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 55318353..63cc7a25 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -28,6 +28,8 @@
         @search="onSearch"
         @arrowLeft="onArrowLeft"
         @arrowRight="onArrowRight"
+        @arrowDown="onArrowDown"
+        @arrowUp="onArrowUp"
         @enter="onEnter"
       />
     </slot>
@@ -298,6 +300,30 @@ export default {
       }
       this.updatePreviewEmoji()
     },
+    onArrowDown() {
+      const categoryLength = this.categories[this.previewEmojiCategoryIdx]
+        .emojis.length
+      let diff = 10
+      if (this.previewEmojiIdx + diff > categoryLength) {
+        diff = categoryLength - this.previewEmojiIdx
+      }
+      for (let i = 0; i < diff; i++) {
+        this.onArrowRight()
+      }
+      this.updatePreviewEmoji()
+    },
+    onArrowUp() {
+      let diff = 10
+      if (this.previewEmojiIdx - diff < 0) {
+        const prevCategoryLastRowLength = this.categories[this.previewEmojiCategoryIdx-1]
+          .emojis.length % 10
+        diff = this.previewEmojiIdx + prevCategoryLastRowLength
+      }
+      for (let i = 0; i < diff; i++) {
+        this.onArrowLeft()
+      }
+      this.updatePreviewEmoji()
+    },
     onEnter(emoji) {
       this.$emit('select', this.previewEmoji)
       frequently.add(emoji)

From f69ddb05db6e46e1738d5451f14f838f3030b959 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sat, 20 Mar 2021 17:46:34 +0200
Subject: [PATCH 05/32] Handle edge cases

---
 src/components/Picker.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 63cc7a25..2bf5e1f4 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -301,6 +301,10 @@ export default {
       this.updatePreviewEmoji()
     },
     onArrowDown() {
+      if (this.previewEmojiIdx == -1) {
+        return this.onArrowRight()
+      }
+
       const categoryLength = this.categories[this.previewEmojiCategoryIdx]
         .emojis.length
       let diff = 10
@@ -315,9 +319,13 @@ export default {
     onArrowUp() {
       let diff = 10
       if (this.previewEmojiIdx - diff < 0) {
-        const prevCategoryLastRowLength = this.categories[this.previewEmojiCategoryIdx-1]
-          .emojis.length % 10
-        diff = this.previewEmojiIdx + prevCategoryLastRowLength
+        if (this.previewEmojiCategoryIdx > 0) {
+          const prevCategoryLastRowLength =
+            this.categories[this.previewEmojiCategoryIdx - 1].emojis.length % 10
+          diff = this.previewEmojiIdx + prevCategoryLastRowLength
+        } else {
+          diff = 0
+        }
       }
       for (let i = 0; i < diff; i++) {
         this.onArrowLeft()
@@ -326,7 +334,7 @@ export default {
     },
     onEnter(emoji) {
       this.$emit('select', this.previewEmoji)
-      frequently.add(emoji)
+      frequently.add(this.previewEmoji)
     },
     onEmojiClick(emoji) {
       this.$emit('select', emoji)

From e1d5760bfee52ac454740329728cb4e1c2bb6b62 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 28 Mar 2021 18:26:01 +0300
Subject: [PATCH 06/32] Scroll to active emoji

---
 src/components/Picker.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 0274dd43..f0674336 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -365,6 +365,20 @@ export default {
           this.previewEmojiCategoryIdx
         ].emojis[this.previewEmojiIdx]
       }
+
+      const emojiEl = document.querySelector('.emoji-mart-emoji-selected')
+      const scrollEl = document.querySelector('.emoji-mart-scroll')
+      const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
+      if (
+        emojiEl &&
+        emojiEl.offsetTop + emojiEl.offsetHeight >
+          scrollHeight + scrollEl.scrollTop
+      ) {
+        scrollEl.scrollTop += emojiEl.offsetHeight
+      }
+      if (emojiEl && emojiEl.offsetTop < scrollEl.scrollTop) {
+        scrollEl.scrollTop -= emojiEl.offsetHeight
+      }
     },
     emojisLength(categoryIdx) {
       if (this.searchEmojis) {

From fe33e0cf2790d6e553f6dcab222ecded7cbc6c2f Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 28 Mar 2021 18:54:52 +0300
Subject: [PATCH 07/32] Keyboard navigation when search is active.

Unify search and non-search categories.
---
 src/components/Picker.vue | 96 +++++++++++++++++++++------------------
 1 file changed, 52 insertions(+), 44 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index f0674336..b1c734c7 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -5,7 +5,7 @@
         :data="data"
         :i18n="mergedI18n"
         :color="color"
-        :categories="categories"
+        :categories="_categories"
         :active-category="activeCategory"
         @click="onAnchorClick"
       />
@@ -41,21 +41,9 @@
       @scroll="onScroll"
     >
       <div id="emoji-mart-list" role="listbox" aria-expanded="true">
-        <category
-          v-show="searchEmojis"
-          role="rowgroup"
-          :data="data"
-          :i18n="mergedI18n"
-          id="search"
-          name="Search"
-          :emojis="searchEmojis"
-          :emoji-props="emojiProps"
-        />
         <category
           v-for="(category, idx) in filteredCategories"
-          v-show="
-            !searchEmojis && (infiniteScroll || category == activeCategory)
-          "
+          v-show="infiniteScroll || category == activeCategory"
           :ref="'categories_' + idx"
           :key="category.id"
           :data="data"
@@ -173,7 +161,16 @@ export default {
       return this.perLine * (this.emojiSize + 12) + 12 + 2 + measureScrollbar()
     },
     filteredCategories() {
-      return this.categories.filter((category) => {
+      if (this.searchEmojis) {
+        return [
+          {
+            id: 'search',
+            name: 'Search',
+            emojis: this.searchEmojis,
+          },
+        ]
+      }
+      return this._categories.filter((category) => {
         let hasEmojis = category.emojis.length > 0
         return hasEmojis
       })
@@ -196,21 +193,21 @@ export default {
     },
     previewEmojiCategory() {
       if (this.previewEmojiCategoryIdx >= 0) {
-        return this.categories[this.previewEmojiCategoryIdx]
+        return this.filteredCategories[this.previewEmojiCategoryIdx]
       }
       return null
     },
   },
   created() {
-    this.categories = []
-    this.categories.push(...this.data.categories())
-    this.categories = this.categories.filter((category) => {
+    this._categories = []
+    this._categories.push(...this.data.categories())
+    this._categories = this._categories.filter((category) => {
       return category.emojis.length > 0
     })
 
-    this.categories[0].first = true
-    Object.freeze(this.categories)
-    this.activeCategory = this.categories[0]
+    this._categories[0].first = true
+    Object.freeze(this._categories)
+    this.activeCategory = this._categories[0]
     this.skipScrollUpdate = false
   },
   methods: {
@@ -261,6 +258,9 @@ export default {
     onSearch(value) {
       let emojis = this.data.search(value, this.maxSearchResults)
       this.searchEmojis = emojis
+      this.previewEmojiCategoryIdx = 0
+      this.previewEmojiIdx = 0
+      this.updatePreviewEmoji()
     },
     onEmojiEnter(emoji) {
       this.previewEmoji = emoji
@@ -279,7 +279,8 @@ export default {
           this.previewEmojiCategoryIdx = 0
         } else {
           this.previewEmojiIdx =
-            this.categories[this.previewEmojiCategoryIdx].emojis.length - 1
+            this.filteredCategories[this.previewEmojiCategoryIdx].emojis
+              .length - 1
         }
       }
       this.updatePreviewEmoji()
@@ -292,8 +293,8 @@ export default {
         this.previewEmojiIdx += 1
       } else {
         this.previewEmojiCategoryIdx += 1
-        if (this.previewEmojiCategoryIdx >= this.categories.length) {
-          this.previewEmojiCategoryIdx = this.categories.length - 1
+        if (this.previewEmojiCategoryIdx >= this.filteredCategories.length) {
+          this.previewEmojiCategoryIdx = this.filteredCategories.length - 1
         } else {
           this.previewEmojiIdx = 0
         }
@@ -305,8 +306,9 @@ export default {
         return this.onArrowRight()
       }
 
-      const categoryLength = this.categories[this.previewEmojiCategoryIdx]
-        .emojis.length
+      const categoryLength = this.filteredCategories[
+        this.previewEmojiCategoryIdx
+      ].emojis.length
       let diff = 10
       if (this.previewEmojiIdx + diff > categoryLength) {
         diff = categoryLength - this.previewEmojiIdx
@@ -321,7 +323,8 @@ export default {
       if (this.previewEmojiIdx - diff < 0) {
         if (this.previewEmojiCategoryIdx > 0) {
           const prevCategoryLastRowLength =
-            this.categories[this.previewEmojiCategoryIdx - 1].emojis.length % 10
+            this.filteredCategories[this.previewEmojiCategoryIdx - 1].emojis
+              .length % 10
           diff = this.previewEmojiIdx + prevCategoryLastRowLength
         } else {
           diff = 0
@@ -356,15 +359,20 @@ export default {
       return component
     },
     updatePreviewEmoji() {
-      if (this.searchEmojis) {
-        this.previewEmoji = this.data.emoji(
-          this.searchEmojis[this.previewEmojiIdx],
-        )
-      } else {
-        this.previewEmoji = this.categories[
-          this.previewEmojiCategoryIdx
-        ].emojis[this.previewEmojiIdx]
-      }
+      // if (this.searchEmojis) {
+      //   this.previewEmoji = this.data.emoji(
+      //     this.searchEmojis[this.previewEmojiIdx],
+      //   )
+      // } else {
+      this.previewEmoji = this.filteredCategories[
+        this.previewEmojiCategoryIdx
+      ].emojis[this.previewEmojiIdx]
+      console.log(
+        this.previewEmojiCategoryIdx,
+        this.previewEmojiIdx,
+        this.previewEmoji.native,
+      )
+      // }
 
       const emojiEl = document.querySelector('.emoji-mart-emoji-selected')
       const scrollEl = document.querySelector('.emoji-mart-scroll')
@@ -381,14 +389,14 @@ export default {
       }
     },
     emojisLength(categoryIdx) {
-      if (this.searchEmojis) {
-        return this.searchEmojis.length
-      } else {
-        if (categoryIdx == -1) {
-          return 0
-        }
-        return this.categories[categoryIdx].emojis.length
+      // if (this.searchEmojis) {
+      //   return this.searchEmojis.length
+      // } else {
+      if (categoryIdx == -1) {
+        return 0
       }
+      return this.filteredCategories[categoryIdx].emojis.length
+      // }
     },
   },
   components: {

From f5d1ce7de8badbc499fdcb5fb46219501a5dcd7a Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 28 Mar 2021 18:58:19 +0300
Subject: [PATCH 08/32] Update aria description for input

---
 src/components/search.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/search.vue b/src/components/search.vue
index 8fb1952b..724043df 100644
--- a/src/components/search.vue
+++ b/src/components/search.vue
@@ -16,7 +16,7 @@
       v-model="value"
     />
     <span class="hidden" id="emoji-picker-search-description"
-      >Use the left and right arrow keys to navigate the emoji search
+      >Use the left, right, up and down arrow keys to navigate the emoji search
       results.</span
     >
   </div>

From 4bcacad2353337910eaa033a4d475322fc0ee131 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 28 Mar 2021 21:42:29 +0300
Subject: [PATCH 09/32] Prevent cursor movements

---
 src/components/Picker.vue | 22 +++++++++-------------
 src/components/search.vue |  4 ++--
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index b1c734c7..4c92c33c 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -270,7 +270,8 @@ export default {
     onEmojiLeave(emoji) {
       this.previewEmoji = null
     },
-    onArrowLeft() {
+    onArrowLeft($event) {
+      const oldIdx = this.previewEmojiIdx
       if (this.previewEmojiIdx > 0) {
         this.previewEmojiIdx -= 1
       } else {
@@ -283,6 +284,10 @@ export default {
               .length - 1
         }
       }
+      if ($event && this.previewEmojiIdx !== oldIdx) {
+         // Prevent cursor movement inside the input
+         $event.preventDefault()
+      }
       this.updatePreviewEmoji()
     },
     onArrowRight() {
@@ -318,7 +323,7 @@ export default {
       }
       this.updatePreviewEmoji()
     },
-    onArrowUp() {
+    onArrowUp($event) {
       let diff = 10
       if (this.previewEmojiIdx - diff < 0) {
         if (this.previewEmojiCategoryIdx > 0) {
@@ -333,6 +338,8 @@ export default {
       for (let i = 0; i < diff; i++) {
         this.onArrowLeft()
       }
+      // Prevent cursor movement inside the input
+      $event.preventDefault()
       this.updatePreviewEmoji()
     },
     onEnter(emoji) {
@@ -359,20 +366,9 @@ export default {
       return component
     },
     updatePreviewEmoji() {
-      // if (this.searchEmojis) {
-      //   this.previewEmoji = this.data.emoji(
-      //     this.searchEmojis[this.previewEmojiIdx],
-      //   )
-      // } else {
       this.previewEmoji = this.filteredCategories[
         this.previewEmojiCategoryIdx
       ].emojis[this.previewEmojiIdx]
-      console.log(
-        this.previewEmojiCategoryIdx,
-        this.previewEmojiIdx,
-        this.previewEmoji.native,
-      )
-      // }
 
       const emojiEl = document.querySelector('.emoji-mart-emoji-selected')
       const scrollEl = document.querySelector('.emoji-mart-scroll')
diff --git a/src/components/search.vue b/src/components/search.vue
index 724043df..f3a867a7 100644
--- a/src/components/search.vue
+++ b/src/components/search.vue
@@ -8,10 +8,10 @@
       aria-owns="emoji-mart-list"
       aria-label="Search for an emoji"
       aria-describedby="emoji-mart-search-description"
-      @keydown.left="() => $emit('arrowLeft')"
+      @keydown.left="($event) => $emit('arrowLeft', $event)"
       @keydown.right="() => $emit('arrowRight')"
       @keydown.down="() => $emit('arrowDown')"
-      @keydown.up="() => $emit('arrowUp')"
+      @keydown.up="($event) => $emit('arrowUp', $event)"
       @keydown.enter="() => $emit('enter')"
       v-model="value"
     />

From 15fc50b676d196ca640f795a87335e7f36301307 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 21:33:16 +0300
Subject: [PATCH 10/32] Fix picker tests

---
 spec/__snapshots__/picker-spec.js.snap | 47681 ++++++++++++++---------
 spec/picker-spec.js                    |    58 +-
 src/components/Picker.vue              |     3 +
 3 files changed, 29372 insertions(+), 18370 deletions(-)

diff --git a/spec/__snapshots__/picker-spec.js.snap b/spec/__snapshots__/picker-spec.js.snap
index f6bba39e..94ed2345 100644
--- a/spec/__snapshots__/picker-spec.js.snap
+++ b/spec/__snapshots__/picker-spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Picker renders correctly 1`] = `
-<div
+<section
   class="emoji-mart emoji-mart-static"
   style="width: 338px;"
 >
@@ -11,13 +11,19 @@ exports[`Picker renders correctly 1`] = `
     <div
       class="emoji-mart-anchors"
       data="[object Object]"
+      role="tablist"
     >
-      <span
+      <button
+        aria-label="Recent"
+        aria-selected="true"
         class="emoji-mart-anchor emoji-mart-anchor-selected"
         data-title="Frequently Used"
+        role="tab"
         style="color: rgb(174, 101, 197);"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -34,15 +40,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Smileys & Emotion"
         class="emoji-mart-anchor"
         data-title="Smileys & Emotion"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -59,15 +70,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="People & Body"
         class="emoji-mart-anchor"
         data-title="People & Body"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -89,15 +105,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Animals & Nature"
         class="emoji-mart-anchor"
         data-title="Animals & Nature"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -114,15 +135,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Food & Drink"
         class="emoji-mart-anchor"
         data-title="Food & Drink"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -136,15 +162,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Activities"
         class="emoji-mart-anchor"
         data-title="Activity"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -158,15 +189,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Travel & Places"
         class="emoji-mart-anchor"
         data-title="Travel & Places"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -183,15 +219,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Objects"
         class="emoji-mart-anchor"
         data-title="Objects"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -208,15 +249,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Symbols"
         class="emoji-mart-anchor"
         data-title="Symbols"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -230,15 +276,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Flags"
         class="emoji-mart-anchor"
         data-title="Flags"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -252,10 +303,11 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
+      </button>
     </div>
   </div>
    
@@ -263,20145 +315,31095 @@ exports[`Picker renders correctly 1`] = `
     class="emoji-mart-search"
   >
     <input
+      aria-autocomplete="list"
+      aria-describedby="emoji-mart-search-description"
+      aria-label="Search for an emoji"
+      aria-owns="emoji-mart-list"
       placeholder="Search"
+      role="textbox"
       type="text"
     />
+     
+    <span
+      class="hidden"
+      id="emoji-picker-search-description"
+    >
+      Use the left, right, up and down arrow keys to navigate the emoji search
+    results.
+    </span>
   </div>
    
   <div
     class="emoji-mart-scroll"
+    role="tabpanel"
   >
-    <!---->
-     
     <div
-      class="emoji-mart-category"
+      aria-expanded="true"
+      id="emoji-mart-list"
+      role="listbox"
     >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Frequently Used
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="+1"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 49.12%; width: 24px; height: 24px;"
-        >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="grinning"
+      <section
+        aria-label="Frequently Used"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 56.14%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kissing_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 98.25%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Frequently Used
+          </h3>
+        </div>
+         
+        <button
+          aria-label="👍, +1, thumbsup"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="+1"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heart_eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😀, grinning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grinning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="laughing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😘, kissing_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kissing_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stuck_out_tongue_winking_eye"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😍, heart_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heart_eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sweat_smile"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😆, laughing, satisfied"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="laughing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="joy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😜, stuck_out_tongue_winking_eye"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stuck_out_tongue_winking_eye"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scream"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😅, sweat_smile"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sweat_smile"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="disappointed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😂, joy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="joy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="unamused"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😱, scream"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scream"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="weary"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😞, disappointed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="disappointed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sob"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😒, unamused"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="unamused"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sunglasses"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😩, weary"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="weary"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😭, sob"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sob"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hankey"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😎, sunglasses"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sunglasses"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Smileys & Emotion
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="grinning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❤️, heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smiley"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💩, hankey, poop, shit"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hankey"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smile"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Smileys & Emotion"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 63.16%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="grin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 57.89%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Smileys & Emotion
+          </h3>
+        </div>
+         
+        <button
+          aria-label="😀, grinning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grinning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="laughing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😃, smiley"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smiley"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sweat_smile"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😄, smile"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smile"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rolling_on_the_floor_laughing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😁, grin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="joy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😆, laughing, satisfied"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="laughing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="slightly_smiling_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😅, sweat_smile"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sweat_smile"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="upside_down_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤣, rolling_on_the_floor_laughing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rolling_on_the_floor_laughing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wink"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 71.93%; width: 24px; height: 24px;"
-        >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blush"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😂, joy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="joy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="innocent"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙂, slightly_smiling_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="slightly_smiling_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smiling_face_with_3_hearts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙃, upside_down_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="upside_down_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heart_eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😉, wink"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wink"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="star-struck"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😊, blush"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blush"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kissing_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😇, innocent"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="innocent"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kissing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥰, smiling_face_with_3_hearts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smiling_face_with_3_hearts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="relaxed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😍, heart_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heart_eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kissing_closed_eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤩, star-struck, grinning_face_with_star_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="star-struck"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kissing_smiling_eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😘, kissing_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kissing_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smiling_face_with_tear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😗, kissing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kissing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yum"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☺️, relaxed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="relaxed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stuck_out_tongue"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😚, kissing_closed_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kissing_closed_eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stuck_out_tongue_winking_eye"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😙, kissing_smiling_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kissing_smiling_eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zany_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥲, smiling_face_with_tear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smiling_face_with_tear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stuck_out_tongue_closed_eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😋, yum"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yum"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="money_mouth_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😛, stuck_out_tongue"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stuck_out_tongue"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hugging_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😜, stuck_out_tongue_winking_eye"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stuck_out_tongue_winking_eye"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_hand_over_mouth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤪, zany_face, grinning_face_with_one_large_and_one_small_eye"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zany_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shushing_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😝, stuck_out_tongue_closed_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stuck_out_tongue_closed_eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="thinking_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤑, money_mouth_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="money_mouth_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zipper_mouth_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤗, hugging_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hugging_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_raised_eyebrow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤭, face_with_hand_over_mouth, smiling_face_with_smiling_eyes_and_hand_covering_mouth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_hand_over_mouth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="neutral_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤫, shushing_face, face_with_finger_covering_closed_lips"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shushing_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="expressionless"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤔, thinking_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="thinking_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_mouth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤐, zipper_mouth_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zipper_mouth_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smirk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤨, face_with_raised_eyebrow, face_with_one_eyebrow_raised"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_raised_eyebrow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="unamused"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😐, neutral_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="neutral_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_rolling_eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 73.68%; width: 24px; height: 24px;"
-        >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="grimacing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😑, expressionless"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="expressionless"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lying_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😶, no_mouth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_mouth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="relieved"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😏, smirk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smirk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pensive"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😒, unamused"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="unamused"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sleepy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙄, face_with_rolling_eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_rolling_eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="drooling_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😬, grimacing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grimacing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sleeping"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤥, lying_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lying_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mask"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😌, relieved"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="relieved"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_thermometer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😔, pensive"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pensive"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_head_bandage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😪, sleepy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sleepy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nauseated_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤤, drooling_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="drooling_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_vomiting"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😴, sleeping"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sleeping"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sneezing_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😷, mask"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mask"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hot_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤒, face_with_thermometer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_thermometer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cold_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤕, face_with_head_bandage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_head_bandage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woozy_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤢, nauseated_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nauseated_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dizzy_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤮, face_vomiting, face_with_open_mouth_vomiting"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_vomiting"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="exploding_head"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤧, sneezing_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sneezing_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_cowboy_hat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥵, hot_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hot_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="partying_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥶, cold_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cold_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="disguised_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥴, woozy_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woozy_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sunglasses"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😵, dizzy_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dizzy_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nerd_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤯, exploding_head, shocked_face_with_exploding_head"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="exploding_head"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_monocle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤠, face_with_cowboy_hat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_cowboy_hat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="confused"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥳, partying_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="partying_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="worried"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥸, disguised_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="disguised_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="slightly_frowning_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😎, sunglasses"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sunglasses"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_frowning_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤓, nerd_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nerd_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="open_mouth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 35.09%; width: 24px; height: 24px;"
-        >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hushed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧐, face_with_monocle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_monocle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="astonished"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😕, confused"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="confused"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flushed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😟, worried"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="worried"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pleading_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙁, slightly_frowning_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="slightly_frowning_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="frowning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☹️, white_frowning_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_frowning_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="anguished"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😮, open_mouth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="open_mouth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fearful"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😯, hushed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hushed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cold_sweat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😲, astonished"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="astonished"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="disappointed_relieved"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😳, flushed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flushed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥺, pleading_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pleading_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sob"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😦, frowning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="frowning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scream"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😧, anguished"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="anguished"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="confounded"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😨, fearful"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fearful"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="persevere"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😰, cold_sweat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cold_sweat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="disappointed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😥, disappointed_relieved"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="disappointed_relieved"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sweat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😢, cry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="weary"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😭, sob"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sob"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tired_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😱, scream"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scream"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yawning_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😖, confounded"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="confounded"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="triumph"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😣, persevere"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="persevere"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😞, disappointed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="disappointed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="angry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😓, sweat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sweat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_with_symbols_on_mouth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😩, weary"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="weary"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smiling_imp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😫, tired_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tired_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="imp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥱, yawning_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yawning_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="skull"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😤, triumph"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="triumph"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="skull_and_crossbones"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😡, rage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hankey"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😠, angry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="angry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clown_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 29.82%; width: 24px; height: 24px;"
-        >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="japanese_ogre"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤬, face_with_symbols_on_mouth, serious_face_with_symbols_covering_mouth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_with_symbols_on_mouth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="japanese_goblin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😈, smiling_imp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smiling_imp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ghost"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👿, imp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="imp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="alien"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💀, skull"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="skull"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="space_invader"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☠️, skull_and_crossbones"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="skull_and_crossbones"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="robot_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💩, hankey, poop, shit"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hankey"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smiley_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤡, clown_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clown_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smile_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👹, japanese_ogre"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="japanese_ogre"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="joy_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👺, japanese_goblin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="japanese_goblin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heart_eyes_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👻, ghost"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ghost"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smirk_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👽, alien"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="alien"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kissing_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👾, space_invader"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="space_invader"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scream_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤖, robot_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="robot_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crying_cat_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😺, smiley_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smiley_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pouting_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😸, smile_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smile_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="see_no_evil"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😹, joy_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="joy_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hear_no_evil"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😻, heart_eyes_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heart_eyes_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="speak_no_evil"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😼, smirk_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smirk_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kiss"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😽, kissing_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kissing_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="love_letter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙀, scream_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scream_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cupid"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😿, crying_cat_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crying_cat_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gift_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="😾, pouting_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pouting_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sparkling_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙈, see_no_evil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="see_no_evil"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heartpulse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙉, hear_no_evil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hear_no_evil"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heartbeat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙊, speak_no_evil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="speak_no_evil"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="revolving_hearts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💋, kiss"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kiss"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="two_hearts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💌, love_letter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="love_letter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heart_decoration"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💘, cupid"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cupid"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_heart_exclamation_mark_ornament"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💝, gift_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gift_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="broken_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💖, sparkling_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sparkling_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💗, heartpulse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heartpulse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="orange_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💓, heartbeat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heartbeat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yellow_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💞, revolving_hearts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="revolving_hearts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="green_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💕, two_hearts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="two_hearts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blue_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💟, heart_decoration"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heart_decoration"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="purple_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❣️, heavy_heart_exclamation_mark_ornament"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_heart_exclamation_mark_ornament"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="brown_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💔, broken_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="broken_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❤️, heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧡, orange_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="orange_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="100"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💛, yellow_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yellow_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="anger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💚, green_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="green_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boom"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💙, blue_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blue_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dizzy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💜, purple_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="purple_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sweat_drops"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤎, brown_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="brown_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dash"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖤, black_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hole"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤍, white_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bomb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💯, 100"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="100"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="speech_balloon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💢, anger"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="anger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eye-in-speech-bubble"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💥, boom, collision"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boom"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="left_speech_bubble"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💫, dizzy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dizzy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="right_anger_bubble"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💦, sweat_drops"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sweat_drops"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="thought_balloon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💨, dash"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dash"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zzz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕳️, hole"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hole"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          People & Body
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="wave"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💣, bomb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bomb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="raised_back_of_hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💬, speech_balloon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="speech_balloon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="raised_hand_with_fingers_splayed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👁️‍🗨️, eye-in-speech-bubble"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eye-in-speech-bubble"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗨️, left_speech_bubble"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="left_speech_bubble"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spock-hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗯️, right_anger_bubble"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="right_anger_bubble"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ok_hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💭, thought_balloon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="thought_balloon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pinched_fingers"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💤, zzz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zzz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pinching_hand"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="People & Body"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 29.82%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="v"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 3.51%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            People & Body
+          </h3>
+        </div>
+         
+        <button
+          aria-label="👋, wave"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wave"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crossed_fingers"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤚, raised_back_of_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="raised_back_of_hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="i_love_you_hand_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖐️, raised_hand_with_fingers_splayed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="raised_hand_with_fingers_splayed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="the_horns"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✋, hand, raised_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="call_me_hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖖, spock-hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spock-hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="point_left"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👌, ok_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ok_hand"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤌, pinched_fingers"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pinched_fingers"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤏, pinching_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pinching_hand"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✌️, v"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="v"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤞, crossed_fingers, hand_with_index_and_middle_fingers_crossed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crossed_fingers"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤟, i_love_you_hand_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="i_love_you_hand_sign"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤘, the_horns, sign_of_the_horns"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="the_horns"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="point_right"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤙, call_me_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="call_me_hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="point_up_2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👈, point_left"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="point_left"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="middle_finger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👉, point_right"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="point_right"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="point_down"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👆, point_up_2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="point_up_2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="point_up"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖕, middle_finger, reversed_hand_with_middle_finger_extended"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="middle_finger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="+1"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👇, point_down"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="point_down"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="-1"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☝️, point_up"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="point_up"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👍, +1, thumbsup"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="+1"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="facepunch"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👎, -1, thumbsdown"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="-1"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="left-facing_fist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✊, fist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="right-facing_fist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👊, facepunch, punch"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="facepunch"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clap"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤛, left-facing_fist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="left-facing_fist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="raised_hands"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤜, right-facing_fist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="right-facing_fist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="open_hands"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👏, clap"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clap"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="palms_up_together"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙌, raised_hands"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="raised_hands"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="handshake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👐, open_hands"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="open_hands"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pray"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤲, palms_up_together"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="palms_up_together"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="writing_hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤝, handshake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="handshake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nail_care"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙏, pray"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pray"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="selfie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✍️, writing_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="writing_hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="muscle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💅, nail_care"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nail_care"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mechanical_arm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤳, selfie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="selfie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mechanical_leg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💪, muscle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="muscle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="leg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦾, mechanical_arm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mechanical_arm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="foot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦿, mechanical_leg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mechanical_leg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦵, leg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="leg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ear_with_hearing_aid"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦶, foot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="foot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nose"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👂, ear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="brain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦻, ear_with_hearing_aid"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ear_with_hearing_aid"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="anatomical_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👃, nose"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nose"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lungs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧠, brain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="brain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tooth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫀, anatomical_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="anatomical_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫁, lungs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lungs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eyes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦷, tooth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tooth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eye"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦴, bone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tongue"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👀, eyes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eyes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lips"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👁️, eye"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eye"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baby"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👅, tongue"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tongue"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="child"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👄, lips"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lips"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👶, baby"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baby"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧒, child"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="child"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="adult"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👦, boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_with_blond_hair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👧, girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑, adult"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="adult"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bearded_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👱, person_with_blond_hair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_with_blond_hair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="red_haired_man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨, man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="curly_haired_man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧔, bearded_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bearded_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_haired_man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦰, red_haired_man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="red_haired_man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bald_man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦱, curly_haired_man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="curly_haired_man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦳, white_haired_man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_haired_man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="red_haired_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦲, bald_man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bald_man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="red_haired_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 82.46% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩, woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="curly_haired_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦰, red_haired_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="red_haired_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="curly_haired_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 82.46% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦰, red_haired_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="red_haired_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_haired_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 82.46% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦱, curly_haired_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="curly_haired_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_haired_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦱, curly_haired_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="curly_haired_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bald_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 82.46% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦳, white_haired_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_haired_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bald_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 82.46% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦳, white_haired_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_haired_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blond-haired-woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦲, bald_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bald_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blond-haired-man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦲, bald_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bald_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="older_adult"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 82.46% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👱‍♀️, blond-haired-woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blond-haired-woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="older_man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👱‍♂️, blond-haired-man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blond-haired-man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="older_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧓, older_adult"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="older_adult"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_frowning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👴, older_man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="older_man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-frowning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👵, older_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="older_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-frowning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙍, person_frowning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_frowning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_with_pouting_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙍‍♂️, man-frowning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-frowning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-pouting"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙍‍♀️, woman-frowning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-frowning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-pouting"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙎, person_with_pouting_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_with_pouting_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_good"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙎‍♂️, man-pouting"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-pouting"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-gesturing-no"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙎‍♀️, woman-pouting"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-pouting"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-gesturing-no"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 54.39% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙅, no_good"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_good"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ok_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙅‍♂️, man-gesturing-no"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-gesturing-no"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-gesturing-ok"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙅‍♀️, woman-gesturing-no"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-gesturing-no"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-gesturing-ok"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 54.39% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙆, ok_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ok_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="information_desk_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙆‍♂️, man-gesturing-ok"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-gesturing-ok"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-tipping-hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙆‍♀️, woman-gesturing-ok"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-gesturing-ok"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-tipping-hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💁, information_desk_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="information_desk_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="raising_hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💁‍♂️, man-tipping-hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-tipping-hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-raising-hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💁‍♀️, woman-tipping-hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-tipping-hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-raising-hand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙋, raising_hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="raising_hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="deaf_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙋‍♂️, man-raising-hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-raising-hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="deaf_man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙋‍♀️, woman-raising-hand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-raising-hand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="deaf_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧏, deaf_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="deaf_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧏‍♂️, deaf_man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="deaf_man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-bowing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧏‍♀️, deaf_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="deaf_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-bowing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 56.14% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙇, bow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="face_palm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙇‍♂️, man-bowing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-bowing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-facepalming"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🙇‍♀️, woman-bowing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-bowing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-facepalming"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 56.14% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤦, face_palm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="face_palm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shrug"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤦‍♂️, man-facepalming"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-facepalming"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-shrugging"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤦‍♀️, woman-facepalming"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-facepalming"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-shrugging"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤷, shrug"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shrug"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="health_worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤷‍♂️, man-shrugging"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-shrugging"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-doctor"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤷‍♀️, woman-shrugging"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-shrugging"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-doctor"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍⚕️, health_worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="health_worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="student"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍⚕️, male-doctor"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-doctor"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-student"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍⚕️, female-doctor"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-doctor"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-student"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🎓, student"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="student"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="teacher"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🎓, male-student"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-student"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-teacher"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🎓, female-student"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-student"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-teacher"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🏫, teacher"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="teacher"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="judge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🏫, male-teacher"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-teacher"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-judge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🏫, female-teacher"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-teacher"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-judge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍⚖️, judge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="judge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="farmer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍⚖️, male-judge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-judge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-farmer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍⚖️, female-judge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-judge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-farmer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🌾, farmer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="farmer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🌾, male-farmer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-farmer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-cook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🌾, female-farmer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-farmer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-cook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🍳, cook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cook"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mechanic"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🍳, male-cook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-cook"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-mechanic"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🍳, female-cook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-cook"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🔧, mechanic"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mechanic"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-mechanic"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🔧, male-mechanic"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-mechanic"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="factory_worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🔧, female-mechanic"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-mechanic"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-factory-worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🏭, factory_worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="factory_worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-factory-worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🏭, male-factory-worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-factory-worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="office_worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🏭, female-factory-worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-factory-worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-office-worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍💼, office_worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="office_worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-office-worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍💼, male-office-worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-office-worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scientist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍💼, female-office-worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-office-worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-scientist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🔬, scientist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scientist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-scientist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🔬, male-scientist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-scientist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="technologist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🔬, female-scientist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-scientist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-technologist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍💻, technologist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="technologist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-technologist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍💻, male-technologist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-technologist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="singer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍💻, female-technologist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-technologist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-singer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🎤, singer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="singer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-singer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🎤, male-singer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-singer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="artist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🎤, female-singer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-singer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-artist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🎨, artist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="artist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-artist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🎨, male-artist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-artist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pilot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🎨, female-artist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-artist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-pilot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍✈️, pilot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pilot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-pilot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍✈️, male-pilot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-pilot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="astronaut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 80.7% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍✈️, female-pilot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-pilot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-astronaut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🚀, astronaut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="astronaut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-astronaut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 80.7% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🚀, male-astronaut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-astronaut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="firefighter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 82.46% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🚀, female-astronaut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-astronaut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-firefighter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🚒, firefighter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="firefighter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-firefighter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 82.46% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🚒, male-firefighter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-firefighter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cop"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🚒, female-firefighter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-firefighter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-police-officer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👮, cop"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cop"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-police-officer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👮‍♂️, male-police-officer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-police-officer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sleuth_or_spy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👮‍♀️, female-police-officer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-police-officer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-detective"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕵️, sleuth_or_spy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sleuth_or_spy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-detective"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕵️‍♂️, male-detective"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-detective"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="guardsman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕵️‍♀️, female-detective"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-detective"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-guard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💂, guardsman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="guardsman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-guard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💂‍♂️, male-guard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-guard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ninja"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💂‍♀️, female-guard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-guard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="construction_worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥷, ninja"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ninja"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male-construction-worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👷, construction_worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="construction_worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female-construction-worker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👷‍♂️, male-construction-worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male-construction-worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="prince"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👷‍♀️, female-construction-worker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female-construction-worker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="princess"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤴, prince"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="prince"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_with_turban"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👸, princess"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="princess"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-wearing-turban"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👳, man_with_turban"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_with_turban"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-wearing-turban"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👳‍♂️, man-wearing-turban"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-wearing-turban"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_with_gua_pi_mao"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👳‍♀️, woman-wearing-turban"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-wearing-turban"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_with_headscarf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👲, man_with_gua_pi_mao"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_with_gua_pi_mao"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_in_tuxedo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧕, person_with_headscarf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_with_headscarf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_in_tuxedo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤵, person_in_tuxedo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_in_tuxedo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_in_tuxedo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤵‍♂️, man_in_tuxedo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_in_tuxedo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bride_with_veil"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤵‍♀️, woman_in_tuxedo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_in_tuxedo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_with_veil"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 38.6% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👰, bride_with_veil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bride_with_veil"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_with_veil"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👰‍♂️, man_with_veil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_with_veil"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pregnant_woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 38.6% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👰‍♀️, woman_with_veil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_with_veil"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="breast-feeding"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 66.67% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤰, pregnant_woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pregnant_woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_feeding_baby"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤱, breast-feeding"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="breast-feeding"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_feeding_baby"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 66.67% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🍼, woman_feeding_baby"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_feeding_baby"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_feeding_baby"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🍼, man_feeding_baby"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_feeding_baby"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="angel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 40.35% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🍼, person_feeding_baby"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_feeding_baby"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="santa"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👼, angel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="angel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mrs_claus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 68.42% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 40.35% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎅, santa"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="santa"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mx_claus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤶, mrs_claus, mother_christmas"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mrs_claus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="superhero"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 68.42% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🎄, mx_claus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mx_claus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_superhero"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦸, superhero"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="superhero"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_superhero"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦸‍♂️, male_superhero"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_superhero"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="supervillain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦸‍♀️, female_superhero"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_superhero"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_supervillain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦹, supervillain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="supervillain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_supervillain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦹‍♂️, male_supervillain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_supervillain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦹‍♀️, female_supervillain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_supervillain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_mage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧙, mage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_mage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧙‍♂️, male_mage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_mage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fairy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧙‍♀️, female_mage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_mage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_fairy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧚, fairy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fairy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_fairy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧚‍♂️, male_fairy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_fairy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="vampire"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧚‍♀️, female_fairy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_fairy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_vampire"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧛, vampire"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="vampire"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_vampire"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 87.72% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧛‍♂️, male_vampire"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_vampire"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="merperson"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧛‍♀️, female_vampire"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_vampire"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="merman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 87.72% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧜, merperson"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="merperson"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mermaid"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧜‍♂️, merman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="merman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="elf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧜‍♀️, mermaid"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mermaid"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_elf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧝, elf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="elf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_elf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧝‍♂️, male_elf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_elf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="genie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧝‍♀️, female_elf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_elf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_genie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧞, genie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="genie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_genie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧞‍♂️, male_genie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_genie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zombie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧞‍♀️, female_genie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_genie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="male_zombie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧟, zombie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zombie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="female_zombie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧟‍♂️, male_zombie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="male_zombie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="massage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧟‍♀️, female_zombie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="female_zombie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-getting-massage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💆, massage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="massage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-getting-massage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💆‍♂️, man-getting-massage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-getting-massage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="haircut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💆‍♀️, woman-getting-massage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-getting-massage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-getting-haircut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💇, haircut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="haircut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-getting-haircut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💇‍♂️, man-getting-haircut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-getting-haircut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="walking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💇‍♀️, woman-getting-haircut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-getting-haircut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-walking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚶, walking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="walking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-walking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚶‍♂️, man-walking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-walking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="standing_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚶‍♀️, woman-walking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-walking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_standing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧍, standing_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="standing_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_standing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧍‍♂️, man_standing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_standing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kneeling_person"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧍‍♀️, woman_standing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_standing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_kneeling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 78.95% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧎, kneeling_person"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kneeling_person"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_kneeling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧎‍♂️, man_kneeling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_kneeling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_with_probing_cane"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 82.46% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 78.95% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧎‍♀️, woman_kneeling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_kneeling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_with_probing_cane"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦯, person_with_probing_cane"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_with_probing_cane"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_with_probing_cane"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 82.46% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦯, man_with_probing_cane"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_with_probing_cane"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_in_motorized_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦯, woman_with_probing_cane"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_with_probing_cane"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_in_motorized_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦼, person_in_motorized_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_in_motorized_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_in_motorized_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦼, man_in_motorized_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_in_motorized_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_in_manual_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 84.21% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦼, woman_in_motorized_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_in_motorized_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_in_manual_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 28.07% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🦽, person_in_manual_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_in_manual_wheelchair"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 84.21% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍🦽, man_in_manual_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_in_manual_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_in_manual_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 33.33% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 28.07% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍🦽, woman_in_manual_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_in_manual_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="runner"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 33.33% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏃, runner, running"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="runner"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-running"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏃‍♂️, man-running"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-running"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-running"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏃‍♀️, woman-running"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-running"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dancer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💃, dancer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dancer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_dancing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕺, man_dancing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_dancing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_in_business_suit_levitating"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕴️, man_in_business_suit_levitating"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_in_business_suit_levitating"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dancers"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👯, dancers"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dancers"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-with-bunny-ears-partying"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👯‍♂️, man-with-bunny-ears-partying"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-with-bunny-ears-partying"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-with-bunny-ears-partying"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👯‍♀️, woman-with-bunny-ears-partying"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-with-bunny-ears-partying"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_in_steamy_room"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧖, person_in_steamy_room"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_in_steamy_room"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_in_steamy_room"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧖‍♂️, man_in_steamy_room"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_in_steamy_room"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_in_steamy_room"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧖‍♀️, woman_in_steamy_room"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_in_steamy_room"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_climbing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧗, person_climbing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_climbing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_climbing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧗‍♂️, man_climbing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_climbing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_climbing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧗‍♀️, woman_climbing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_climbing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fencer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤺, fencer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fencer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="horse_racing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏇, horse_racing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="horse_racing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="skier"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛷️, skier"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="skier"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snowboarder"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏂, snowboarder"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snowboarder"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="golfer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏌️, golfer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="golfer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-golfing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏌️‍♂️, man-golfing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-golfing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-golfing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏌️‍♀️, woman-golfing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-golfing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="surfer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏄, surfer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="surfer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-surfing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏄‍♂️, man-surfing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-surfing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-surfing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏄‍♀️, woman-surfing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-surfing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rowboat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚣, rowboat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rowboat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-rowing-boat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚣‍♂️, man-rowing-boat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-rowing-boat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-rowing-boat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚣‍♀️, woman-rowing-boat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-rowing-boat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="swimmer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏊, swimmer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="swimmer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-swimming"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏊‍♂️, man-swimming"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-swimming"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-swimming"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏊‍♀️, woman-swimming"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-swimming"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_with_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛹️, person_with_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_with_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-bouncing-ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛹️‍♂️, man-bouncing-ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-bouncing-ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-bouncing-ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛹️‍♀️, woman-bouncing-ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-bouncing-ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="weight_lifter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏋️, weight_lifter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="weight_lifter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-lifting-weights"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏋️‍♂️, man-lifting-weights"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-lifting-weights"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-lifting-weights"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏋️‍♀️, woman-lifting-weights"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-lifting-weights"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bicyclist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚴, bicyclist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bicyclist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-biking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚴‍♂️, man-biking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-biking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-biking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚴‍♀️, woman-biking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-biking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mountain_bicyclist"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚵, mountain_bicyclist"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mountain_bicyclist"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-mountain-biking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚵‍♂️, man-mountain-biking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-mountain-biking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-mountain-biking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚵‍♀️, woman-mountain-biking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-mountain-biking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_doing_cartwheel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤸, person_doing_cartwheel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_doing_cartwheel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-cartwheeling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤸‍♂️, man-cartwheeling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-cartwheeling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-cartwheeling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤸‍♀️, woman-cartwheeling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-cartwheeling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wrestlers"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤼, wrestlers"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wrestlers"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-wrestling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤼‍♂️, man-wrestling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-wrestling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-wrestling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤼‍♀️, woman-wrestling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-wrestling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="water_polo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤽, water_polo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="water_polo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-playing-water-polo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤽‍♂️, man-playing-water-polo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-playing-water-polo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-playing-water-polo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤽‍♀️, woman-playing-water-polo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-playing-water-polo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="handball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤾, handball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="handball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-playing-handball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤾‍♂️, man-playing-handball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-playing-handball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-playing-handball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤾‍♀️, woman-playing-handball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-playing-handball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="juggling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤹, juggling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="juggling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-juggling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤹‍♂️, man-juggling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-juggling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-juggling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 70.18% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤹‍♀️, woman-juggling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-juggling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="person_in_lotus_position"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 70.18% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧘, person_in_lotus_position"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="person_in_lotus_position"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_in_lotus_position"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧘‍♂️, man_in_lotus_position"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_in_lotus_position"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman_in_lotus_position"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 85.96% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧘‍♀️, woman_in_lotus_position"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman_in_lotus_position"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bath"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 85.96% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛀, bath"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bath"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sleeping_accommodation"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛌, sleeping_accommodation"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sleeping_accommodation"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="people_holding_hands"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 82.46% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧑‍🤝‍🧑, people_holding_hands"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="people_holding_hands"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="two_women_holding_hands"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 36.84% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 82.46% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👭, two_women_holding_hands, women_holding_hands"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="two_women_holding_hands"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man_and_woman_holding_hands"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 36.84% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👫, man_and_woman_holding_hands, woman_and_man_holding_hands, couple"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man_and_woman_holding_hands"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="two_men_holding_hands"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👬, two_men_holding_hands, men_holding_hands"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="two_men_holding_hands"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="couplekiss"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💏, couplekiss"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="couplekiss"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-kiss-man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍❤️‍💋‍👨, woman-kiss-man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-kiss-man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-kiss-man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍❤️‍💋‍👨, man-kiss-man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-kiss-man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-kiss-woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍❤️‍💋‍👩, woman-kiss-woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-kiss-woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="couple_with_heart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💑, couple_with_heart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="couple_with_heart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-heart-man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍❤️‍👨, woman-heart-man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-heart-man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-heart-man"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 29.82% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍❤️‍👨, man-heart-man"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-heart-man"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-heart-woman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 29.82% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍❤️‍👩, woman-heart-woman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-heart-woman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="family"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 35.09% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👪, family"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="family"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-woman-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 35.09% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👩‍👦, man-woman-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-woman-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-woman-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👩‍👧, man-woman-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-woman-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-woman-girl-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👩‍👧‍👦, man-woman-girl-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-woman-girl-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-woman-boy-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👩‍👦‍👦, man-woman-boy-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-woman-boy-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-woman-girl-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👩‍👧‍👧, man-woman-girl-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-woman-girl-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-man-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👨‍👦, man-man-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-man-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-man-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👨‍👧, man-man-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-man-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-man-girl-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👨‍👧‍👦, man-man-girl-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-man-girl-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-man-boy-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👨‍👦‍👦, man-man-boy-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-man-boy-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-man-girl-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👨‍👧‍👧, man-man-girl-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-man-girl-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-woman-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👩‍👦, woman-woman-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-woman-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-woman-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👩‍👧, woman-woman-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-woman-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-woman-girl-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👩‍👧‍👦, woman-woman-girl-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-woman-girl-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-woman-boy-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👩‍👦‍👦, woman-woman-boy-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-woman-boy-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-woman-girl-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👩‍👧‍👧, woman-woman-girl-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-woman-girl-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👦, man-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-boy-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👦‍👦, man-boy-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-boy-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👧, man-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-girl-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👧‍👦, man-girl-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-girl-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="man-girl-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 26.32% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👨‍👧‍👧, man-girl-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="man-girl-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 26.32% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👦, woman-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-boy-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👦‍👦, woman-boy-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-boy-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👧, woman-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-girl-boy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👧‍👦, woman-girl-boy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-girl-boy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="woman-girl-girl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 31.58% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👩‍👧‍👧, woman-girl-girl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="woman-girl-girl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="speaking_head_in_silhouette"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 31.58% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗣️, speaking_head_in_silhouette"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="speaking_head_in_silhouette"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bust_in_silhouette"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👤, bust_in_silhouette"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bust_in_silhouette"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="busts_in_silhouette"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👥, busts_in_silhouette"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="busts_in_silhouette"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="people_hugging"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫂, people_hugging"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="people_hugging"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="footprints"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👣, footprints"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="footprints"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Animals & Nature
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="monkey_face"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Animals & Nature"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 26.32%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="monkey"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 64.91%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Animals & Nature
+          </h3>
+        </div>
+         
+        <button
+          aria-label="🐵, monkey_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="monkey_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gorilla"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐒, monkey"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="monkey"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="orangutan"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦍, gorilla"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gorilla"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦧, orangutan"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="orangutan"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dog2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐶, dog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="guide_dog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐕, dog2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dog2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="service_dog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦮, guide_dog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="guide_dog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="poodle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐕‍🦺, service_dog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="service_dog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wolf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐩, poodle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="poodle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fox_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐺, wolf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wolf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="raccoon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦊, fox_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fox_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦝, raccoon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="raccoon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cat2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐱, cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_cat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐈, cat2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cat2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lion_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐈‍⬛, black_cat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_cat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tiger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦁, lion_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lion_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tiger2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐯, tiger"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tiger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="leopard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐅, tiger2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tiger2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="horse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐆, leopard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="leopard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="racehorse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐴, horse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="horse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="unicorn_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐎, racehorse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="racehorse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zebra_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦄, unicorn_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="unicorn_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="deer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦓, zebra_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zebra_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bison"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦌, deer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="deer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦬, bison"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bison"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ox"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐮, cow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="water_buffalo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐂, ox"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ox"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cow2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐃, water_buffalo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="water_buffalo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pig"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐄, cow2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cow2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pig2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐷, pig"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pig"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐖, pig2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pig2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pig_nose"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐗, boar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ram"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐽, pig_nose"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pig_nose"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sheep"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐏, ram"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ram"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="goat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐑, sheep"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sheep"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dromedary_camel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐐, goat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="goat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="camel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐪, dromedary_camel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dromedary_camel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="llama"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐫, camel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="camel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="giraffe_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦙, llama"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="llama"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="elephant"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦒, giraffe_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="giraffe_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mammoth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐘, elephant"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="elephant"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rhinoceros"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦣, mammoth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mammoth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hippopotamus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦏, rhinoceros"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rhinoceros"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mouse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦛, hippopotamus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hippopotamus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mouse2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐭, mouse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mouse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐁, mouse2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mouse2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hamster"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐀, rat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rabbit"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐹, hamster"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hamster"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rabbit2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐰, rabbit"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rabbit"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chipmunk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐇, rabbit2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rabbit2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beaver"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐿️, chipmunk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chipmunk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hedgehog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦫, beaver"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beaver"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦔, hedgehog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hedgehog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦇, bat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="polar_bear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐻, bear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="koala"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐻‍❄️, polar_bear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="polar_bear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="panda_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐨, koala"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="koala"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sloth"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐼, panda_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="panda_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="otter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦥, sloth"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sloth"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="skunk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦦, otter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="otter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kangaroo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦨, skunk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="skunk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="badger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦘, kangaroo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kangaroo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="feet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦡, badger"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="badger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="turkey"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐾, feet, paw_prints"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="feet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chicken"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦃, turkey"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="turkey"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rooster"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐔, chicken"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chicken"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hatching_chick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐓, rooster"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rooster"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baby_chick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐣, hatching_chick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hatching_chick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hatched_chick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐤, baby_chick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baby_chick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bird"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐥, hatched_chick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hatched_chick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="penguin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐦, bird"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bird"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dove_of_peace"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐧, penguin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="penguin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eagle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕊️, dove_of_peace"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dove_of_peace"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="duck"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦅, eagle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eagle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="swan"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦆, duck"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="duck"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="owl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦢, swan"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="swan"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dodo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦉, owl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="owl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="feather"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦤, dodo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dodo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flamingo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪶, feather"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="feather"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="peacock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦩, flamingo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flamingo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="parrot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦚, peacock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="peacock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="frog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦜, parrot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="parrot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crocodile"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐸, frog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="frog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="turtle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐊, crocodile"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crocodile"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lizard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐢, turtle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="turtle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦎, lizard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lizard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dragon_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐍, snake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dragon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐲, dragon_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dragon_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sauropod"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐉, dragon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dragon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="t-rex"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦕, sauropod"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sauropod"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="whale"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦖, t-rex"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="t-rex"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="whale2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐳, whale"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="whale"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dolphin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 21.05% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐋, whale2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="whale2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="seal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐬, dolphin, flipper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dolphin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fish"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 21.05% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦭, seal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="seal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tropical_fish"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐟, fish"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fish"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blowfish"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐠, tropical_fish"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tropical_fish"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shark"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐡, blowfish"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blowfish"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="octopus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦈, shark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shark"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shell"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐙, octopus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="octopus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐚, shell"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shell"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="butterfly"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐌, snail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bug"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦋, butterfly"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="butterfly"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ant"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐛, bug"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bug"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bee"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐜, ant"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ant"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beetle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐝, bee, honeybee"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bee"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ladybug"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪲, beetle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beetle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cricket"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🐞, ladybug, lady_beetle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ladybug"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cockroach"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦗, cricket"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cricket"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spider"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪳, cockroach"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cockroach"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spider_web"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕷️, spider"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spider"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scorpion"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕸️, spider_web"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spider_web"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mosquito"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦂, scorpion"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scorpion"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fly"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦟, mosquito"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mosquito"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="worm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪰, fly"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fly"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="microbe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪱, worm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="worm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bouquet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦠, microbe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="microbe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cherry_blossom"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💐, bouquet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bouquet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_flower"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌸, cherry_blossom"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cherry_blossom"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rosette"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💮, white_flower"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_flower"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rose"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏵️, rosette"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rosette"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wilted_flower"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌹, rose"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rose"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hibiscus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥀, wilted_flower"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wilted_flower"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sunflower"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌺, hibiscus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hibiscus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blossom"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌻, sunflower"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sunflower"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tulip"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌼, blossom"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blossom"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="seedling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌷, tulip"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tulip"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="potted_plant"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌱, seedling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="seedling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="evergreen_tree"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪴, potted_plant"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="potted_plant"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="deciduous_tree"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌲, evergreen_tree"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="evergreen_tree"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="palm_tree"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌳, deciduous_tree"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="deciduous_tree"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cactus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌴, palm_tree"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="palm_tree"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ear_of_rice"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌵, cactus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cactus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="herb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌾, ear_of_rice"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ear_of_rice"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shamrock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌿, herb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="herb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="four_leaf_clover"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☘️, shamrock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shamrock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="maple_leaf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍀, four_leaf_clover"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="four_leaf_clover"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fallen_leaf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍁, maple_leaf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="maple_leaf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="leaves"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍂, fallen_leaf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fallen_leaf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Food & Drink
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="grapes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍃, leaves"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="leaves"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="melon"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Food & Drink"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 45.61%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="watermelon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 47.37%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Food & Drink
+          </h3>
+        </div>
+         
+        <button
+          aria-label="🍇, grapes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grapes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tangerine"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍈, melon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="melon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lemon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍉, watermelon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="watermelon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="banana"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍊, tangerine"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tangerine"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pineapple"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍋, lemon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lemon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mango"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍌, banana"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="banana"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="apple"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍍, pineapple"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pineapple"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="green_apple"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥭, mango"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mango"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍎, apple"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="apple"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="peach"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍏, green_apple"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="green_apple"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cherries"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍐, pear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="strawberry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍑, peach"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="peach"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blueberries"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍒, cherries"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cherries"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kiwifruit"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍓, strawberry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="strawberry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tomato"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫐, blueberries"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blueberries"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="olive"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥝, kiwifruit"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kiwifruit"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="coconut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍅, tomato"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tomato"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="avocado"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫒, olive"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="olive"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eggplant"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥥, coconut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="coconut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="potato"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥑, avocado"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="avocado"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="carrot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍆, eggplant"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eggplant"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="corn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥔, potato"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="potato"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hot_pepper"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥕, carrot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="carrot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bell_pepper"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌽, corn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="corn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cucumber"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌶️, hot_pepper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hot_pepper"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="leafy_green"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫑, bell_pepper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bell_pepper"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="broccoli"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥒, cucumber"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cucumber"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="garlic"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥬, leafy_green"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="leafy_green"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="onion"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥦, broccoli"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="broccoli"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mushroom"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧄, garlic"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="garlic"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="peanuts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧅, onion"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="onion"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chestnut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍄, mushroom"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mushroom"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bread"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥜, peanuts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="peanuts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="croissant"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌰, chestnut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chestnut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baguette_bread"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍞, bread"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bread"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flatbread"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥐, croissant"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="croissant"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pretzel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥖, baguette_bread"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baguette_bread"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bagel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫓, flatbread"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flatbread"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pancakes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥨, pretzel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pretzel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="waffle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥯, bagel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bagel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cheese_wedge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥞, pancakes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pancakes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="meat_on_bone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧇, waffle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="waffle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="poultry_leg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧀, cheese_wedge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cheese_wedge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cut_of_meat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍖, meat_on_bone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="meat_on_bone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bacon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍗, poultry_leg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="poultry_leg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hamburger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥩, cut_of_meat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cut_of_meat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fries"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥓, bacon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bacon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pizza"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍔, hamburger"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hamburger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hotdog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍟, fries"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fries"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sandwich"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍕, pizza"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pizza"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="taco"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌭, hotdog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hotdog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="burrito"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥪, sandwich"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sandwich"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tamale"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌮, taco"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="taco"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stuffed_flatbread"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌯, burrito"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="burrito"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="falafel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫔, tamale"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tamale"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="egg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥙, stuffed_flatbread"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stuffed_flatbread"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fried_egg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧆, falafel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="falafel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shallow_pan_of_food"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥚, egg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="egg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stew"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍳, fried_egg, cooking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fried_egg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fondue"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥘, shallow_pan_of_food"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shallow_pan_of_food"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bowl_with_spoon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍲, stew"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stew"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="green_salad"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫕, fondue"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fondue"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="popcorn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥣, bowl_with_spoon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bowl_with_spoon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="butter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥗, green_salad"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="green_salad"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="salt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍿, popcorn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="popcorn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="canned_food"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧈, butter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="butter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bento"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧂, salt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="salt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rice_cracker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥫, canned_food"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="canned_food"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rice_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍱, bento"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bento"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rice"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍘, rice_cracker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rice_cracker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="curry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍙, rice_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rice_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ramen"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍚, rice"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rice"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spaghetti"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍛, curry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="curry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sweet_potato"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍜, ramen"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ramen"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oden"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍝, spaghetti"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spaghetti"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sushi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍠, sweet_potato"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sweet_potato"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fried_shrimp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍢, oden"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oden"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fish_cake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍣, sushi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sushi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="moon_cake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍤, fried_shrimp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fried_shrimp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dango"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍥, fish_cake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fish_cake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dumpling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥮, moon_cake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="moon_cake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fortune_cookie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍡, dango"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dango"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="takeout_box"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥟, dumpling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dumpling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crab"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥠, fortune_cookie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fortune_cookie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lobster"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥡, takeout_box"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="takeout_box"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shrimp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦀, crab"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crab"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="squid"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦞, lobster"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lobster"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oyster"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦐, shrimp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shrimp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="icecream"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦑, squid"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="squid"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shaved_ice"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 10.53% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦪, oyster"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oyster"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍦, icecream"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="icecream"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ice_cream"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍧, shaved_ice"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shaved_ice"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="doughnut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 10.53% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍨, ice_cream"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ice_cream"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cookie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍩, doughnut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="doughnut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="birthday"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍪, cookie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cookie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎂, birthday"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="birthday"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cupcake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍰, cake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧁, cupcake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cupcake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chocolate_bar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥧, pie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="candy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍫, chocolate_bar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chocolate_bar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lollipop"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍬, candy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="candy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="custard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍭, lollipop"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lollipop"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="honey_pot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍮, custard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="custard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baby_bottle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍯, honey_pot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="honey_pot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="glass_of_milk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍼, baby_bottle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baby_bottle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="coffee"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥛, glass_of_milk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="glass_of_milk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="teapot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☕, coffee"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="coffee"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tea"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🫖, teapot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="teapot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍵, tea"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tea"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="champagne"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍶, sake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wine_glass"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍾, champagne"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="champagne"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cocktail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍷, wine_glass"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wine_glass"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tropical_drink"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍸, cocktail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cocktail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍹, tropical_drink"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tropical_drink"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beers"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍺, beer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clinking_glasses"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍻, beers"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beers"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tumbler_glass"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥂, clinking_glasses"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clinking_glasses"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cup_with_straw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥃, tumbler_glass"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tumbler_glass"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bubble_tea"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥤, cup_with_straw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cup_with_straw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beverage_box"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧋, bubble_tea"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bubble_tea"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mate_drink"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧃, beverage_box"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beverage_box"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ice_cube"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧉, mate_drink"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mate_drink"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chopsticks"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧊, ice_cube"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ice_cube"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="knife_fork_plate"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥢, chopsticks"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chopsticks"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fork_and_knife"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍽️, knife_fork_plate"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="knife_fork_plate"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spoon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🍴, fork_and_knife"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fork_and_knife"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hocho"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥄, spoon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spoon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="amphora"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔪, hocho, knife"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hocho"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Activity
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="jack_o_lantern"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏺, amphora"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="amphora"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="christmas_tree"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Activity"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 49.12%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fireworks"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 61.4%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Activity
+          </h3>
+        </div>
+         
+        <button
+          aria-label="🎃, jack_o_lantern"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="jack_o_lantern"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sparkler"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎄, christmas_tree"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="christmas_tree"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="firecracker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎆, fireworks"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fireworks"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sparkles"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎇, sparkler"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sparkler"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="balloon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧨, firecracker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="firecracker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tada"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✨, sparkles"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sparkles"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="confetti_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎈, balloon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="balloon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tanabata_tree"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎉, tada"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tada"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bamboo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎊, confetti_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="confetti_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dolls"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎋, tanabata_tree"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tanabata_tree"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flags"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎍, bamboo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bamboo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wind_chime"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎎, dolls"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dolls"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rice_scene"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎏, flags"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flags"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="red_envelope"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎐, wind_chime"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wind_chime"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ribbon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎑, rice_scene"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rice_scene"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gift"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧧, red_envelope"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="red_envelope"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎀, ribbon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ribbon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="reminder_ribbon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎁, gift"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gift"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="admission_tickets"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎗️, reminder_ribbon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="reminder_ribbon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ticket"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎟️, admission_tickets"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="admission_tickets"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="medal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎫, ticket"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ticket"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="trophy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎖️, medal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="medal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sports_medal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏆, trophy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="trophy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="first_place_medal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏅, sports_medal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sports_medal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="second_place_medal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥇, first_place_medal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="first_place_medal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="third_place_medal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥈, second_place_medal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="second_place_medal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="soccer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥉, third_place_medal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="third_place_medal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baseball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚽, soccer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="soccer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="softball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚾, baseball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baseball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="basketball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥎, softball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="softball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="volleyball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏀, basketball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="basketball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="football"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏐, volleyball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="volleyball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rugby_football"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 15.79% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏈, football"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="football"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tennis"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏉, rugby_football"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rugby_football"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flying_disc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 15.79% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎾, tennis"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tennis"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bowling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥏, flying_disc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flying_disc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cricket_bat_and_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎳, bowling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bowling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="field_hockey_stick_and_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏏, cricket_bat_and_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cricket_bat_and_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ice_hockey_stick_and_puck"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏑, field_hockey_stick_and_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="field_hockey_stick_and_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lacrosse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏒, ice_hockey_stick_and_puck"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ice_hockey_stick_and_puck"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="table_tennis_paddle_and_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥍, lacrosse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lacrosse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="badminton_racquet_and_shuttlecock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏓, table_tennis_paddle_and_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="table_tennis_paddle_and_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boxing_glove"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏸, badminton_racquet_and_shuttlecock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="badminton_racquet_and_shuttlecock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="martial_arts_uniform"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥊, boxing_glove"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boxing_glove"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="goal_net"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥋, martial_arts_uniform"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="martial_arts_uniform"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="golf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥅, goal_net"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="goal_net"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ice_skate"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛳, golf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="golf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fishing_pole_and_fish"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛸️, ice_skate"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ice_skate"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="diving_mask"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎣, fishing_pole_and_fish"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fishing_pole_and_fish"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="running_shirt_with_sash"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🤿, diving_mask"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="diving_mask"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ski"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎽, running_shirt_with_sash"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="running_shirt_with_sash"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sled"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎿, ski"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ski"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="curling_stone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛷, sled"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sled"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥌, curling_stone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="curling_stone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yo-yo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎯, dart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kite"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪀, yo-yo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yo-yo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="8ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪁, kite"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kite"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crystal_ball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎱, 8ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="8ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="magic_wand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔮, crystal_ball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crystal_ball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nazar_amulet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪄, magic_wand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="magic_wand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="video_game"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧿, nazar_amulet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nazar_amulet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="joystick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎮, video_game"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="video_game"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="slot_machine"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕹️, joystick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="joystick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="game_die"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎰, slot_machine"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="slot_machine"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="jigsaw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎲, game_die"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="game_die"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="teddy_bear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧩, jigsaw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="jigsaw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pinata"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧸, teddy_bear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="teddy_bear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nesting_dolls"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪅, pinata"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pinata"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spades"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪆, nesting_dolls"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nesting_dolls"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hearts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♠️, spades"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spades"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="diamonds"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♥️, hearts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hearts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clubs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♦️, diamonds"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="diamonds"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chess_pawn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♣️, clubs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clubs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_joker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♟️, chess_pawn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chess_pawn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mahjong"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🃏, black_joker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_joker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flower_playing_cards"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🀄, mahjong"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mahjong"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="performing_arts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎴, flower_playing_cards"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flower_playing_cards"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="frame_with_picture"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎭, performing_arts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="performing_arts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="art"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖼️, frame_with_picture"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="frame_with_picture"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="thread"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎨, art"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="art"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sewing_needle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧵, thread"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="thread"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yarn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪡, sewing_needle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sewing_needle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="knot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧶, yarn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yarn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Travel & Places
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="earth_africa"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪢, knot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="knot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="earth_americas"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Travel & Places"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 49.12%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="earth_asia"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 50.88%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Travel & Places
+          </h3>
+        </div>
+         
+        <button
+          aria-label="🌍, earth_africa"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="earth_africa"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="globe_with_meridians"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌎, earth_americas"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="earth_americas"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="world_map"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌏, earth_asia"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="earth_asia"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="japan"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌐, globe_with_meridians"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="globe_with_meridians"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="compass"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗺️, world_map"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="world_map"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snow_capped_mountain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗾, japan"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="japan"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mountain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧭, compass"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="compass"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="volcano"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏔️, snow_capped_mountain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snow_capped_mountain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mount_fuji"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛰️, mountain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mountain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="camping"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌋, volcano"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="volcano"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beach_with_umbrella"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗻, mount_fuji"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mount_fuji"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="desert"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏕️, camping"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="camping"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="desert_island"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏖️, beach_with_umbrella"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beach_with_umbrella"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="national_park"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏜️, desert"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="desert"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stadium"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏝️, desert_island"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="desert_island"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="classical_building"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏞️, national_park"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="national_park"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="building_construction"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏟️, stadium"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stadium"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bricks"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏛️, classical_building"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="classical_building"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏗️, building_construction"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="building_construction"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wood"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧱, bricks"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bricks"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hut"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪨, rock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="house_buildings"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪵, wood"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wood"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="derelict_house_building"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛖, hut"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hut"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="house"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏘️, house_buildings"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="house_buildings"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="house_with_garden"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏚️, derelict_house_building"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="derelict_house_building"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="office"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏠, house"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="house"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="post_office"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏡, house_with_garden"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="house_with_garden"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="european_post_office"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏢, office"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="office"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hospital"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏣, post_office"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="post_office"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bank"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏤, european_post_office"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="european_post_office"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hotel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏥, hospital"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hospital"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="love_hotel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏦, bank"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bank"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="convenience_store"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏨, hotel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hotel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="school"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏩, love_hotel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="love_hotel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="department_store"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏪, convenience_store"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="convenience_store"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="factory"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏫, school"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="school"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="japanese_castle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏬, department_store"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="department_store"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="european_castle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏭, factory"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="factory"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wedding"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏯, japanese_castle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="japanese_castle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tokyo_tower"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏰, european_castle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="european_castle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="statue_of_liberty"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💒, wedding"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wedding"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="church"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗼, tokyo_tower"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tokyo_tower"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mosque"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗽, statue_of_liberty"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="statue_of_liberty"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hindu_temple"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛪, church"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="church"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="synagogue"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕌, mosque"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mosque"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shinto_shrine"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛕, hindu_temple"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hindu_temple"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kaaba"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕍, synagogue"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="synagogue"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fountain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛩️, shinto_shrine"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shinto_shrine"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tent"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕋, kaaba"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kaaba"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="foggy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛲, fountain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fountain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="night_with_stars"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛺, tent"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tent"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cityscape"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌁, foggy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="foggy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sunrise_over_mountains"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌃, night_with_stars"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="night_with_stars"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sunrise"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏙️, cityscape"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cityscape"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="city_sunset"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌄, sunrise_over_mountains"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sunrise_over_mountains"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="city_sunrise"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌅, sunrise"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sunrise"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bridge_at_night"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌆, city_sunset"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="city_sunset"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hotsprings"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌇, city_sunrise"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="city_sunrise"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="carousel_horse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌉, bridge_at_night"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bridge_at_night"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ferris_wheel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♨️, hotsprings"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hotsprings"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="roller_coaster"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎠, carousel_horse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="carousel_horse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="barber"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎡, ferris_wheel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ferris_wheel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="circus_tent"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎢, roller_coaster"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="roller_coaster"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="steam_locomotive"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💈, barber"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="barber"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="railway_car"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎪, circus_tent"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="circus_tent"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bullettrain_side"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚂, steam_locomotive"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="steam_locomotive"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bullettrain_front"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚃, railway_car"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="railway_car"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="train2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚄, bullettrain_side"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bullettrain_side"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="metro"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚅, bullettrain_front"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bullettrain_front"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="light_rail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚆, train2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="train2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="station"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚇, metro"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="metro"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tram"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚈, light_rail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="light_rail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="monorail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚉, station"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="station"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚊, tram"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tram"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mountain_railway"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚝, monorail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="monorail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="train"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚞, mountain_railway"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mountain_railway"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚋, train"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="train"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oncoming_bus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚌, bus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="trolleybus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚍, oncoming_bus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oncoming_bus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="minibus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚎, trolleybus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="trolleybus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ambulance"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚐, minibus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="minibus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fire_engine"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚑, ambulance"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ambulance"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="police_car"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚒, fire_engine"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fire_engine"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oncoming_police_car"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚓, police_car"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="police_car"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="taxi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚔, oncoming_police_car"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oncoming_police_car"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oncoming_taxi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚕, taxi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="taxi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="car"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚖, oncoming_taxi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oncoming_taxi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oncoming_automobile"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚗, car, red_car"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="car"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blue_car"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚘, oncoming_automobile"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oncoming_automobile"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pickup_truck"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚙, blue_car"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blue_car"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="truck"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛻, pickup_truck"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pickup_truck"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="articulated_lorry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚚, truck"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="truck"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tractor"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚛, articulated_lorry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="articulated_lorry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="racing_car"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚜, tractor"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tractor"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="racing_motorcycle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏎️, racing_car"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="racing_car"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="motor_scooter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏍️, racing_motorcycle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="racing_motorcycle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="manual_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛵, motor_scooter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="motor_scooter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="motorized_wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦽, manual_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="manual_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="auto_rickshaw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦼, motorized_wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="motorized_wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bike"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛺, auto_rickshaw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="auto_rickshaw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scooter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚲, bike"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bike"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="skateboard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛴, scooter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scooter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="roller_skate"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛹, skateboard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="skateboard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="busstop"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛼, roller_skate"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="roller_skate"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="motorway"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚏, busstop"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="busstop"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="railway_track"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛣️, motorway"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="motorway"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="oil_drum"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛤️, railway_track"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="railway_track"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fuelpump"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛢️, oil_drum"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="oil_drum"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rotating_light"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛽, fuelpump"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fuelpump"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="traffic_light"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚨, rotating_light"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rotating_light"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="vertical_traffic_light"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚥, traffic_light"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="traffic_light"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="octagonal_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚦, vertical_traffic_light"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="vertical_traffic_light"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="construction"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛑, octagonal_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="octagonal_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="anchor"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚧, construction"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="construction"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚓, anchor"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="anchor"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="canoe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛵, boat, sailboat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="speedboat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛶, canoe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="canoe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="passenger_ship"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚤, speedboat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="speedboat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ferry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛳️, passenger_ship"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="passenger_ship"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="motor_boat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛴️, ferry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ferry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ship"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛥️, motor_boat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="motor_boat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="airplane"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚢, ship"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ship"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="small_airplane"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✈️, airplane"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="airplane"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="airplane_departure"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛩️, small_airplane"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="small_airplane"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="airplane_arriving"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛫, airplane_departure"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="airplane_departure"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="parachute"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛬, airplane_arriving"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="airplane_arriving"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="seat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪂, parachute"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="parachute"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="helicopter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💺, seat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="seat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="suspension_railway"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚁, helicopter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="helicopter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mountain_cableway"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚟, suspension_railway"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="suspension_railway"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="aerial_tramway"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚠, mountain_cableway"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mountain_cableway"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="satellite"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚡, aerial_tramway"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="aerial_tramway"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rocket"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 57.89% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛰️, satellite"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="satellite"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flying_saucer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚀, rocket"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rocket"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bellhop_bell"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 57.89% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛸, flying_saucer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flying_saucer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="luggage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛎️, bellhop_bell"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bellhop_bell"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hourglass"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧳, luggage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="luggage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hourglass_flowing_sand"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⌛, hourglass"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hourglass"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="watch"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏳, hourglass_flowing_sand"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hourglass_flowing_sand"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="alarm_clock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⌚, watch"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="watch"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stopwatch"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏰, alarm_clock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="alarm_clock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="timer_clock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏱️, stopwatch"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stopwatch"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mantelpiece_clock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏲️, timer_clock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="timer_clock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock12"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕰️, mantelpiece_clock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mantelpiece_clock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock1230"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕛, clock12"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock12"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock1"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕧, clock1230"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock1230"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock130"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕐, clock1"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock1"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕜, clock130"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock130"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock230"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕑, clock2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock3"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕝, clock230"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock230"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock330"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕒, clock3"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock3"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock4"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕞, clock330"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock330"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock430"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕓, clock4"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock4"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock5"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕟, clock430"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock430"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock530"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕔, clock5"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock5"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock6"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕠, clock530"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock530"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock630"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕕, clock6"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock6"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock7"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕡, clock630"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock630"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock730"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕖, clock7"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock7"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock8"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕢, clock730"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock730"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock830"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕗, clock8"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock8"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock9"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕣, clock830"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock830"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock930"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕘, clock9"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock9"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock10"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕤, clock930"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock930"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock1030"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕙, clock10"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock10"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock11"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕥, clock1030"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock1030"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clock1130"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕚, clock11"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock11"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="new_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕦, clock1130"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clock1130"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="waxing_crescent_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌑, new_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="new_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="first_quarter_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌒, waxing_crescent_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="waxing_crescent_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌓, first_quarter_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="first_quarter_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="full_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌔, moon, waxing_gibbous_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="waning_gibbous_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌕, full_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="full_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="last_quarter_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌖, waning_gibbous_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="waning_gibbous_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="waning_crescent_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌗, last_quarter_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="last_quarter_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crescent_moon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌘, waning_crescent_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="waning_crescent_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="new_moon_with_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌙, crescent_moon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crescent_moon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="first_quarter_moon_with_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌚, new_moon_with_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="new_moon_with_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="last_quarter_moon_with_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌛, first_quarter_moon_with_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="first_quarter_moon_with_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="thermometer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌜, last_quarter_moon_with_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="last_quarter_moon_with_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sunny"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌡️, thermometer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="thermometer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="full_moon_with_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☀️, sunny"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sunny"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sun_with_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌝, full_moon_with_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="full_moon_with_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ringed_planet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌞, sun_with_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sun_with_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="star"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪐, ringed_planet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ringed_planet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="star2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⭐, star"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="star"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stars"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌟, star2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="star2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="milky_way"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌠, stars"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stars"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cloud"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌌, milky_way"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="milky_way"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="partly_sunny"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☁️, cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cloud"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="thunder_cloud_and_rain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛅, partly_sunny"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="partly_sunny"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mostly_sunny"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛈️, thunder_cloud_and_rain"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="thunder_cloud_and_rain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="barely_sunny"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌤️, mostly_sunny, sun_small_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mostly_sunny"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="partly_sunny_rain"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌥️, barely_sunny, sun_behind_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="barely_sunny"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rain_cloud"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌦️, partly_sunny_rain, sun_behind_rain_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="partly_sunny_rain"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snow_cloud"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌧️, rain_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rain_cloud"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lightning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌨️, snow_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snow_cloud"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tornado"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌩️, lightning, lightning_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lightning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fog"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌪️, tornado, tornado_cloud"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tornado"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wind_blowing_face"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌫️, fog"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fog"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cyclone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌬️, wind_blowing_face"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wind_blowing_face"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rainbow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌀, cyclone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cyclone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="closed_umbrella"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌈, rainbow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rainbow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="umbrella"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌂, closed_umbrella"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="closed_umbrella"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="umbrella_with_rain_drops"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☂️, umbrella"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="umbrella"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="umbrella_on_ground"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☔, umbrella_with_rain_drops"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="umbrella_with_rain_drops"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zap"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛱️, umbrella_on_ground"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="umbrella_on_ground"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snowflake"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚡, zap"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zap"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snowman"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❄️, snowflake"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snowflake"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="snowman_without_snow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☃️, snowman"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snowman"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="comet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛄, snowman_without_snow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="snowman_without_snow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fire"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☄️, comet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="comet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="droplet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔥, fire"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fire"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ocean"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💧, droplet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="droplet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Objects
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="eyeglasses"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🌊, ocean"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ocean"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dark_sunglasses"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Objects"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 54.39%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="goggles"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 52.63%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Objects
+          </h3>
+        </div>
+         
+        <button
+          aria-label="👓, eyeglasses"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eyeglasses"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lab_coat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕶️, dark_sunglasses"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dark_sunglasses"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="safety_vest"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 77.19% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥽, goggles"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="goggles"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="necktie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥼, lab_coat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lab_coat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shirt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦺, safety_vest"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="safety_vest"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="jeans"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 77.19% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👔, necktie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="necktie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scarf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👕, shirt, tshirt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shirt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gloves"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👖, jeans"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="jeans"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="coat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧣, scarf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scarf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="socks"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧤, gloves"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gloves"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dress"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧥, coat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="coat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kimono"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧦, socks"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="socks"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sari"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👗, dress"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dress"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="one-piece_swimsuit"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👘, kimono"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kimono"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="briefs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥻, sari"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sari"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shorts"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩱, one-piece_swimsuit"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="one-piece_swimsuit"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bikini"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩲, briefs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="briefs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="womans_clothes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩳, shorts"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shorts"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="purse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👙, bikini"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bikini"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="handbag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👚, womans_clothes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="womans_clothes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pouch"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👛, purse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="purse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shopping_bags"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👜, handbag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="handbag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="school_satchel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👝, pouch"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pouch"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="thong_sandal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛍️, shopping_bags"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shopping_bags"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mans_shoe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎒, school_satchel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="school_satchel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="athletic_shoe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩴, thong_sandal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="thong_sandal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hiking_boot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👞, mans_shoe, shoe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mans_shoe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="womans_flat_shoe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 73.68% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👟, athletic_shoe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="athletic_shoe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="high_heel"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥾, hiking_boot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hiking_boot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sandal"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥿, womans_flat_shoe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="womans_flat_shoe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ballet_shoes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 73.68% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👠, high_heel"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="high_heel"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 24.56% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👡, sandal"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sandal"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crown"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩰, ballet_shoes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ballet_shoes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="womans_hat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 22.81% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👢, boot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tophat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 24.56% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👑, crown"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crown"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mortar_board"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="👒, womans_hat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="womans_hat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="billed_cap"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 22.81% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎩, tophat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tophat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="military_helmet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎓, mortar_board"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mortar_board"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="helmet_with_white_cross"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧢, billed_cap"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="billed_cap"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="prayer_beads"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪖, military_helmet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="military_helmet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lipstick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 42.11% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛑️, helmet_with_white_cross"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="helmet_with_white_cross"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ring"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📿, prayer_beads"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="prayer_beads"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gem"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💄, lipstick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lipstick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mute"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 42.11% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💍, ring"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ring"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="speaker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💎, gem"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gem"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sound"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔇, mute"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mute"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="loud_sound"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔈, speaker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="speaker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="loudspeaker"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔉, sound"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sound"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mega"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔊, loud_sound"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="loud_sound"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="postal_horn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📢, loudspeaker"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="loudspeaker"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bell"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📣, mega"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mega"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_bell"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📯, postal_horn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="postal_horn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="musical_score"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔔, bell"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bell"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="musical_note"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔕, no_bell"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_bell"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="notes"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎼, musical_score"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="musical_score"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="studio_microphone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎵, musical_note"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="musical_note"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="level_slider"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎶, notes"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="notes"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="control_knobs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎙️, studio_microphone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="studio_microphone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="microphone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎚️, level_slider"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="level_slider"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="headphones"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎛️, control_knobs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="control_knobs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="radio"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎤, microphone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="microphone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="saxophone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎧, headphones"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="headphones"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="accordion"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📻, radio"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="radio"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="guitar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎷, saxophone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="saxophone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="musical_keyboard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪗, accordion"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="accordion"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="trumpet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎸, guitar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="guitar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="violin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎹, musical_keyboard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="musical_keyboard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="banjo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎺, trumpet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="trumpet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="drum_with_drumsticks"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 71.93% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎻, violin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="violin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="long_drum"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪕, banjo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="banjo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="iphone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🥁, drum_with_drumsticks"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="drum_with_drumsticks"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="calling"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 71.93% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪘, long_drum"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="long_drum"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="phone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📱, iphone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="iphone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="telephone_receiver"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📲, calling"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="calling"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pager"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☎️, phone, telephone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="phone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fax"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📞, telephone_receiver"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="telephone_receiver"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="battery"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📟, pager"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pager"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="electric_plug"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📠, fax"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fax"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="computer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔋, battery"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="battery"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="desktop_computer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔌, electric_plug"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="electric_plug"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="printer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💻, computer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="computer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="keyboard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖥️, desktop_computer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="desktop_computer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="three_button_mouse"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖨️, printer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="printer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="trackball"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⌨️, keyboard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="keyboard"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖱️, three_button_mouse"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="three_button_mouse"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="minidisc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖲️, trackball"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="trackball"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="floppy_disk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💽, minidisc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="minidisc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💾, floppy_disk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="floppy_disk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dvd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💿, cd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="abacus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📀, dvd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dvd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="movie_camera"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧮, abacus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="abacus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="film_frames"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎥, movie_camera"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="movie_camera"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="film_projector"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎞️, film_frames"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="film_frames"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clapper"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📽️, film_projector"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="film_projector"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎬, clapper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clapper"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="camera"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📺, tv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="camera_with_flash"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📷, camera"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="camera"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="video_camera"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📸, camera_with_flash"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="camera_with_flash"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="vhs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📹, video_camera"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="video_camera"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📼, vhs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="vhs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mag_right"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔍, mag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="candle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔎, mag_right"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mag_right"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bulb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕯️, candle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="candle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flashlight"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💡, bulb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bulb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="izakaya_lantern"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔦, flashlight"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flashlight"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="diya_lamp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏮, izakaya_lantern, lantern"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="izakaya_lantern"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="notebook_with_decorative_cover"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪔, diya_lamp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="diya_lamp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="closed_book"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📔, notebook_with_decorative_cover"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="notebook_with_decorative_cover"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="book"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📕, closed_book"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="closed_book"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="green_book"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📖, book, open_book"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="book"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="blue_book"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📗, green_book"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="green_book"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="orange_book"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📘, blue_book"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="blue_book"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="books"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📙, orange_book"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="orange_book"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="notebook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📚, books"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="books"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ledger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📓, notebook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="notebook"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="page_with_curl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📒, ledger"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ledger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scroll"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📃, page_with_curl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="page_with_curl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="page_facing_up"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📜, scroll"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scroll"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="newspaper"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📄, page_facing_up"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="page_facing_up"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rolled_up_newspaper"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📰, newspaper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="newspaper"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bookmark_tabs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗞️, rolled_up_newspaper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rolled_up_newspaper"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bookmark"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📑, bookmark_tabs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bookmark_tabs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="label"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔖, bookmark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bookmark"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="moneybag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏷️, label"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="label"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="coin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💰, moneybag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="moneybag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yen"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪙, coin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="coin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dollar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💴, yen"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yen"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="euro"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💵, dollar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dollar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pound"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💶, euro"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="euro"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="money_with_wings"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💷, pound"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pound"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="credit_card"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💸, money_with_wings"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="money_with_wings"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="receipt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💳, credit_card"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="credit_card"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧾, receipt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="receipt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="email"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💹, chart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="e-mail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✉️, email, envelope"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="email"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="incoming_envelope"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📧, e-mail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="e-mail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="envelope_with_arrow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📨, incoming_envelope"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="incoming_envelope"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="outbox_tray"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📩, envelope_with_arrow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="envelope_with_arrow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="inbox_tray"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📤, outbox_tray"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="outbox_tray"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="package"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📥, inbox_tray"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="inbox_tray"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mailbox"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📦, package"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="package"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mailbox_closed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📫, mailbox"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mailbox"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mailbox_with_mail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📪, mailbox_closed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mailbox_closed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mailbox_with_no_mail"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📬, mailbox_with_mail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mailbox_with_mail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="postbox"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📭, mailbox_with_no_mail"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mailbox_with_no_mail"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ballot_box_with_ballot"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📮, postbox"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="postbox"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pencil2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗳️, ballot_box_with_ballot"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ballot_box_with_ballot"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_nib"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✏️, pencil2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pencil2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lower_left_fountain_pen"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✒️, black_nib"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_nib"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lower_left_ballpoint_pen"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖋️, lower_left_fountain_pen"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lower_left_fountain_pen"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lower_left_paintbrush"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖊️, lower_left_ballpoint_pen"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lower_left_ballpoint_pen"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lower_left_crayon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖌️, lower_left_paintbrush"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lower_left_paintbrush"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="memo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖍️, lower_left_crayon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lower_left_crayon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="briefcase"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📝, memo, pencil"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="memo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="file_folder"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💼, briefcase"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="briefcase"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="open_file_folder"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📁, file_folder"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="file_folder"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="card_index_dividers"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📂, open_file_folder"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="open_file_folder"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="date"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗂️, card_index_dividers"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="card_index_dividers"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="calendar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📅, date"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="date"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spiral_note_pad"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📆, calendar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="calendar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="spiral_calendar_pad"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗒️, spiral_note_pad"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spiral_note_pad"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="card_index"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗓️, spiral_calendar_pad"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="spiral_calendar_pad"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chart_with_upwards_trend"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📇, card_index"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="card_index"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chart_with_downwards_trend"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📈, chart_with_upwards_trend"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chart_with_upwards_trend"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bar_chart"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📉, chart_with_downwards_trend"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chart_with_downwards_trend"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="clipboard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📊, bar_chart"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bar_chart"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pushpin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📋, clipboard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="clipboard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="round_pushpin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📌, pushpin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pushpin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="paperclip"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📍, round_pushpin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="round_pushpin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="linked_paperclips"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 50.88% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📎, paperclip"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="paperclip"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="straight_ruler"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🖇️, linked_paperclips"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="linked_paperclips"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="triangular_ruler"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 50.88% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📏, straight_ruler"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="straight_ruler"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scissors"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📐, triangular_ruler"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="triangular_ruler"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="card_file_box"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✂️, scissors"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scissors"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="file_cabinet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗃️, card_file_box"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="card_file_box"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wastebasket"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗄️, file_cabinet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="file_cabinet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗑️, wastebasket"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wastebasket"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="unlock"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔒, lock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lock_with_ink_pen"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔓, unlock"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="unlock"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="closed_lock_with_key"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔏, lock_with_ink_pen"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lock_with_ink_pen"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="key"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔐, closed_lock_with_key"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="closed_lock_with_key"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="old_key"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔑, key"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="key"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hammer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗝️, old_key"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="old_key"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="axe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔨, hammer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hammer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪓, axe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="axe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hammer_and_pick"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛏️, pick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hammer_and_wrench"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚒️, hammer_and_pick"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hammer_and_pick"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dagger_knife"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛠️, hammer_and_wrench"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hammer_and_wrench"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crossed_swords"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗡️, dagger_knife"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dagger_knife"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gun"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚔️, crossed_swords"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crossed_swords"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="boomerang"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔫, gun"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gun"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bow_and_arrow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪃, boomerang"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="boomerang"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shield"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏹, bow_and_arrow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bow_and_arrow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="carpentry_saw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛡️, shield"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shield"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wrench"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪚, carpentry_saw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="carpentry_saw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="screwdriver"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔧, wrench"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wrench"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nut_and_bolt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪛, screwdriver"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="screwdriver"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gear"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔩, nut_and_bolt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nut_and_bolt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="compression"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚙️, gear"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gear"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scales"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗜️, compression"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="compression"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="probing_cane"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 75.44% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚖️, scales"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scales"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="link"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🦯, probing_cane"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="probing_cane"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chains"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 75.44% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔗, link"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="link"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛓️, chains"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chains"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="toolbox"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪝, hook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hook"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="magnet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧰, toolbox"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="toolbox"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ladder"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧲, magnet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="magnet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="alembic"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪜, ladder"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ladder"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="test_tube"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚗️, alembic"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="alembic"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="petri_dish"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧪, test_tube"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="test_tube"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="dna"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 89.47% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧫, petri_dish"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="petri_dish"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="microscope"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧬, dna"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="dna"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="telescope"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 89.47% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔬, microscope"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="microscope"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="satellite_antenna"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔭, telescope"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="telescope"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="syringe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📡, satellite_antenna"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="satellite_antenna"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="drop_of_blood"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💉, syringe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="syringe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pill"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩸, drop_of_blood"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="drop_of_blood"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="adhesive_bandage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💊, pill"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pill"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="stethoscope"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩹, adhesive_bandage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="adhesive_bandage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="door"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🩺, stethoscope"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="stethoscope"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="elevator"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚪, door"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="door"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mirror"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛗, elevator"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="elevator"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="window"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪞, mirror"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mirror"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bed"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪟, window"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="window"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="couch_and_lamp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛏️, bed"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bed"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="chair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛋️, couch_and_lamp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="couch_and_lamp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="toilet"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪑, chair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="chair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="plunger"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚽, toilet"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="toilet"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shower"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪠, plunger"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="plunger"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bathtub"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚿, shower"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shower"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mouse_trap"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛁, bathtub"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bathtub"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="razor"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪤, mouse_trap"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mouse_trap"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="lotion_bottle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪒, razor"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="razor"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="safety_pin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧴, lotion_bottle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="lotion_bottle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="broom"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧷, safety_pin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="safety_pin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="basket"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧹, broom"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="broom"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="roll_of_paper"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧺, basket"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="basket"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bucket"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧻, roll_of_paper"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="roll_of_paper"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="soap"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪣, bucket"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bucket"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="toothbrush"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧼, soap"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="soap"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sponge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪥, toothbrush"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="toothbrush"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fire_extinguisher"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧽, sponge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sponge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="shopping_trolley"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🧯, fire_extinguisher"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fire_extinguisher"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="smoking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛒, shopping_trolley"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="shopping_trolley"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="coffin"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚬, smoking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="smoking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="headstone"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚰️, coffin"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="coffin"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="funeral_urn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪦, headstone"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="headstone"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="moyai"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 52.63% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚱️, funeral_urn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="funeral_urn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="placard"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 91.23% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🗿, moyai"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="moyai"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Symbols
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="atm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 17.54% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 52.63% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🪧, placard"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="placard"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="put_litter_in_its_place"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 91.23% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Symbols"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 96.49%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="potable_water"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 100%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Symbols
+          </h3>
+        </div>
+         
+        <button
+          aria-label="🏧, atm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="atm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wheelchair"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 17.54% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚮, put_litter_in_its_place"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="put_litter_in_its_place"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mens"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚰, potable_water"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="potable_water"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="womens"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♿, wheelchair"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wheelchair"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="restroom"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚹, mens"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mens"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baby_symbol"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚺, womens"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="womens"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚻, restroom"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="restroom"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="passport_control"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚼, baby_symbol"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baby_symbol"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="customs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚾, wc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="baggage_claim"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛂, passport_control"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="passport_control"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="left_luggage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛃, customs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="customs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="warning"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛄, baggage_claim"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="baggage_claim"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="children_crossing"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛅, left_luggage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="left_luggage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_entry"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚠️, warning"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="warning"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_entry_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚸, children_crossing"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="children_crossing"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_bicycles"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛔, no_entry"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_entry"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_smoking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚫, no_entry_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_entry_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="do_not_litter"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚳, no_bicycles"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_bicycles"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="non-potable_water"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚭, no_smoking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_smoking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_pedestrians"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 61.4% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚯, do_not_litter"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="do_not_litter"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="no_mobile_phones"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚱, non-potable_water"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="non-potable_water"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="underage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚷, no_pedestrians"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_pedestrians"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="radioactive_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 61.4% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📵, no_mobile_phones"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="no_mobile_phones"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="biohazard_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔞, underage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="underage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_up"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☢️, radioactive_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="radioactive_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_upper_right"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☣️, biohazard_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="biohazard_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_right"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⬆️, arrow_up"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_up"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_lower_right"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↗️, arrow_upper_right"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_upper_right"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_down"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="➡️, arrow_right"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_right"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_lower_left"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↘️, arrow_lower_right"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_lower_right"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_left"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⬇️, arrow_down"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_down"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_upper_left"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↙️, arrow_lower_left"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_lower_left"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_up_down"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⬅️, arrow_left"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_left"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="left_right_arrow"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↖️, arrow_upper_left"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_upper_left"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="leftwards_arrow_with_hook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↕️, arrow_up_down"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_up_down"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_right_hook"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↔️, left_right_arrow"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="left_right_arrow"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_heading_up"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↩️, leftwards_arrow_with_hook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="leftwards_arrow_with_hook"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_heading_down"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="↪️, arrow_right_hook"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_right_hook"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrows_clockwise"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⤴️, arrow_heading_up"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_heading_up"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrows_counterclockwise"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⤵️, arrow_heading_down"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_heading_down"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="back"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔃, arrows_clockwise"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrows_clockwise"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="end"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔄, arrows_counterclockwise"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrows_counterclockwise"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="on"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔙, back"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="back"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="soon"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔚, end"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="end"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="top"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔛, on"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="on"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="place_of_worship"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔜, soon"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="soon"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="atom_symbol"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔝, top"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="top"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="om_symbol"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🛐, place_of_worship"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="place_of_worship"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="star_of_david"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚛️, atom_symbol"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="atom_symbol"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wheel_of_dharma"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕉️, om_symbol"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="om_symbol"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="yin_yang"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✡️, star_of_david"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="star_of_david"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="latin_cross"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☸️, wheel_of_dharma"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wheel_of_dharma"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="orthodox_cross"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☯️, yin_yang"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="yin_yang"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="star_and_crescent"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✝️, latin_cross"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="latin_cross"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="peace_symbol"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☦️, orthodox_cross"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="orthodox_cross"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="menorah_with_nine_branches"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☪️, star_and_crescent"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="star_and_crescent"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="six_pointed_star"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☮️, peace_symbol"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="peace_symbol"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="aries"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🕎, menorah_with_nine_branches"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="menorah_with_nine_branches"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="taurus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔯, six_pointed_star"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="six_pointed_star"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gemini"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♈, aries"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="aries"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♉, taurus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="taurus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cancer"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♊, gemini"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gemini"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="leo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♋, cancer"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cancer"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="virgo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♌, leo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="leo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="libra"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♍, virgo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="virgo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="scorpius"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♎, libra"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="libra"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sagittarius"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♏, scorpius"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="scorpius"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="capricorn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♐, sagittarius"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sagittarius"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="aquarius"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♑, capricorn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="capricorn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pisces"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♒, aquarius"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="aquarius"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ophiuchus"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♓, pisces"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pisces"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="twisted_rightwards_arrows"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⛎, ophiuchus"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ophiuchus"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="repeat"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔀, twisted_rightwards_arrows"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="twisted_rightwards_arrows"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="repeat_one"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔁, repeat"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="repeat"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_forward"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔂, repeat_one"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="repeat_one"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fast_forward"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="▶️, arrow_forward"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_forward"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_right_pointing_double_triangle_with_vertical_bar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏩, fast_forward"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fast_forward"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_right_pointing_triangle_with_double_vertical_bar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏭️, black_right_pointing_double_triangle_with_vertical_bar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_right_pointing_double_triangle_with_vertical_bar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_backward"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏯️, black_right_pointing_triangle_with_double_vertical_bar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_right_pointing_triangle_with_double_vertical_bar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rewind"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="◀️, arrow_backward"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_backward"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_left_pointing_double_triangle_with_vertical_bar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏪, rewind"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rewind"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_up_small"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏮️, black_left_pointing_double_triangle_with_vertical_bar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_left_pointing_double_triangle_with_vertical_bar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_double_up"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔼, arrow_up_small"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_up_small"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_down_small"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏫, arrow_double_up"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_double_up"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="arrow_double_down"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔽, arrow_down_small"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_down_small"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="double_vertical_bar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏬, arrow_double_down"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="arrow_double_down"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_square_for_stop"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏸️, double_vertical_bar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="double_vertical_bar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_circle_for_record"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏹️, black_square_for_stop"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_square_for_stop"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eject"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏺️, black_circle_for_record"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_circle_for_record"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cinema"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⏏️, eject"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eject"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="low_brightness"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎦, cinema"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cinema"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="high_brightness"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔅, low_brightness"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="low_brightness"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="signal_strength"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔆, high_brightness"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="high_brightness"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="vibration_mode"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📶, signal_strength"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="signal_strength"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="mobile_phone_off"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📳, vibration_mode"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="vibration_mode"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <!---->
-      <!---->
-      <span
-        class="emoji-mart-emoji"
-        data-title="transgender_symbol"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📴, mobile_phone_off"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="mobile_phone_off"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_multiplication_x"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <!---->
+        <!---->
+        <button
+          aria-label="⚧️, transgender_symbol"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="transgender_symbol"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_plus_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✖️, heavy_multiplication_x"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_multiplication_x"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_minus_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="➕, heavy_plus_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_plus_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_division_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="➖, heavy_minus_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_minus_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="infinity"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="➗, heavy_division_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_division_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="bangbang"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="♾️, infinity"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="infinity"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="interrobang"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="‼️, bangbang"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="bangbang"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="question"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⁉️, interrobang"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="interrobang"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="grey_question"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❓, question"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="question"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="grey_exclamation"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❔, grey_question"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grey_question"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="exclamation"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❕, grey_exclamation"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="grey_exclamation"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="wavy_dash"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❗, exclamation, heavy_exclamation_mark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="exclamation"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="currency_exchange"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="〰️, wavy_dash"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="wavy_dash"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_dollar_sign"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💱, currency_exchange"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="currency_exchange"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <!---->
-      <span
-        class="emoji-mart-emoji"
-        data-title="recycle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💲, heavy_dollar_sign"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_dollar_sign"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fleur_de_lis"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <!---->
+        <button
+          aria-label="♻️, recycle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="recycle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="trident"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚜️, fleur_de_lis"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fleur_de_lis"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="name_badge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 45.61% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔱, trident"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="trident"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="beginner"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="📛, name_badge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="name_badge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="o"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 45.61% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔰, beginner"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="beginner"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_check_mark"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⭕, o"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="o"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ballot_box_with_check"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 94.74% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✅, white_check_mark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_check_mark"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="heavy_check_mark"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="☑️, ballot_box_with_check"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ballot_box_with_check"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="x"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 94.74% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✔️, heavy_check_mark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="heavy_check_mark"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="negative_squared_cross_mark"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❌, x"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="x"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="curly_loop"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❎, negative_squared_cross_mark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="negative_squared_cross_mark"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="loop"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="➰, curly_loop"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="curly_loop"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="part_alternation_mark"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="➿, loop"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="loop"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eight_spoked_asterisk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="〽️, part_alternation_mark"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="part_alternation_mark"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eight_pointed_black_star"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✳️, eight_spoked_asterisk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eight_spoked_asterisk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sparkle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="✴️, eight_pointed_black_star"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eight_pointed_black_star"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="copyright"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="❇️, sparkle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sparkle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="registered"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="©️, copyright"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="copyright"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="tm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="®️, registered"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="registered"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="hash"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="™️, tm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="tm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="keycap_star"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="#️⃣, hash"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="hash"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="zero"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="*️⃣, keycap_star"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="keycap_star"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="one"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="0️⃣, zero"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="zero"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="two"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="1️⃣, one"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="one"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="three"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="2️⃣, two"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="two"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="four"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="3️⃣, three"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="three"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="five"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="4️⃣, four"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="four"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="six"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="5️⃣, five"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="five"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="seven"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="6️⃣, six"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="six"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="eight"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="7️⃣, seven"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="seven"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="nine"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="8️⃣, eight"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="eight"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="keycap_ten"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="9️⃣, nine"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="nine"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="capital_abcd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔟, keycap_ten"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="keycap_ten"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="abcd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔠, capital_abcd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="capital_abcd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="1234"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔡, abcd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="abcd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="symbols"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔢, 1234"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="1234"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="abc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔣, symbols"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="symbols"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="a"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔤, abc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="abc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ab"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🅰️, a"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="a"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="b"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆎, ab"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ab"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🅱️, b"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="b"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cool"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆑, cl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="free"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆒, cool"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cool"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="information_source"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆓, free"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="free"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="id"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="ℹ️, information_source"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="information_source"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="m"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆔, id"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="id"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="new"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="Ⓜ️, m"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="m"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ng"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆕, new"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="new"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="o2"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆖, ng"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ng"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ok"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🅾️, o2"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="o2"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="parking"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆗, ok"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ok"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sos"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🅿️, parking"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="parking"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="up"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆘, sos"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sos"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="vs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆙, up"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="up"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="koko"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🆚, vs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="vs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="sa"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈁, koko"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="koko"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u6708"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈂️, sa"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="sa"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u6709"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈷️, u6708"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u6708"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u6307"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈶, u6709"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u6709"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ideograph_advantage"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈯, u6307"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u6307"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u5272"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🉐, ideograph_advantage"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ideograph_advantage"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u7121"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈹, u5272"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u5272"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u7981"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈚, u7121"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u7121"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="accept"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈲, u7981"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u7981"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u7533"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🉑, accept"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="accept"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u5408"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈸, u7533"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u7533"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u7a7a"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈴, u5408"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u5408"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="congratulations"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈳, u7a7a"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u7a7a"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="secret"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="㊗️, congratulations"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="congratulations"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u55b6"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="㊙️, secret"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="secret"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="u6e80"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 8.77% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈺, u55b6"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u55b6"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="red_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🈵, u6e80"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="u6e80"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_orange_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 8.77% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔴, red_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="red_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_yellow_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟠, large_orange_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_orange_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_green_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 63.16% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟡, large_yellow_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_yellow_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_blue_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟢, large_green_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_green_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_purple_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 63.16% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔵, large_blue_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_blue_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_brown_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟣, large_purple_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_purple_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟤, large_brown_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_brown_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_circle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 96.49% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚫, black_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_red_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⚪, white_circle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_circle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_orange_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 96.49% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟥, large_red_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_red_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_yellow_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟧, large_orange_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_orange_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_green_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟨, large_yellow_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_yellow_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_blue_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟩, large_green_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_green_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_purple_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟦, large_blue_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_blue_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_brown_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 64.91% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟪, large_purple_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_purple_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_large_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🟫, large_brown_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_brown_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_large_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 98.25% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 64.91% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⬛, black_large_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_large_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_medium_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="⬜, white_large_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_large_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_medium_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 98.25% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="◼️, black_medium_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_medium_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_medium_small_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="◻️, white_medium_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_medium_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_medium_small_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="◾, black_medium_small_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_medium_small_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_small_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="◽, white_medium_small_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_medium_small_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_small_square"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 92.98% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="▪️, black_small_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_small_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_orange_diamond"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="▫️, white_small_square"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_small_square"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="large_blue_diamond"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 92.98% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔶, large_orange_diamond"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_orange_diamond"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="small_orange_diamond"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔷, large_blue_diamond"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="large_blue_diamond"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="small_blue_diamond"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔸, small_orange_diamond"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="small_orange_diamond"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="small_red_triangle"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔹, small_blue_diamond"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="small_blue_diamond"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="small_red_triangle_down"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔺, small_red_triangle"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="small_red_triangle"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="diamond_shape_with_a_dot_inside"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 43.86% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔻, small_red_triangle_down"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="small_red_triangle_down"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="radio_button"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 47.37% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="💠, diamond_shape_with_a_dot_inside"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="diamond_shape_with_a_dot_inside"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="white_square_button"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 43.86% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔘, radio_button"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="radio_button"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="black_square_button"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 49.12% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 47.37% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔳, white_square_button"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="white_square_button"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
-    </div>
-    <div
-      class="emoji-mart-category"
-    >
-      <div
-        class="emoji-mart-category-label"
-      >
-        <span>
-          Flags
-        </span>
-      </div>
-       
-      <span
-        class="emoji-mart-emoji"
-        data-title="checkered_flag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 14.04% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🔲, black_square_button"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="black_square_button"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="cn"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 49.12% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
+      <section
+        aria-label="Flags"
+        class="emoji-mart-category"
       >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 36.84%; width: 24px; height: 24px;"
+        <div
+          class="emoji-mart-category-label"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="crossed_flags"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 12.28% 71.93%; width: 24px; height: 24px;"
+          <h3
+            class="emoji-mart-category-label"
+          >
+            Flags
+          </h3>
+        </div>
+         
+        <button
+          aria-label="🏁, checkered_flag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="checkered_flag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="de"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 14.04% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇳, cn, flag-cn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="cn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="es"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🎌, crossed_flags"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="crossed_flags"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ac"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 12.28% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇪, de, flag-de"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="de"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ad"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇸, es, flag-es"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="es"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ae"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇨, flag-ac"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ac"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-af"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇩, flag-ad"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ad"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇪, flag-ae"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ae"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ai"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇫, flag-af"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-af"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-al"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇬, flag-ag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-am"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇮, flag-ai"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ai"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ao"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇱, flag-al"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-al"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-aq"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇲, flag-am"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-am"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ar"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇴, flag-ao"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ao"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-as"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇶, flag-aq"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-aq"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-at"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇷, flag-ar"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ar"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-au"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇸, flag-as"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-as"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-aw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇹, flag-at"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-at"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ax"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇺, flag-au"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-au"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-az"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇼, flag-aw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-aw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ba"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇽, flag-ax"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ax"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇦🇿, flag-az"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-az"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇦, flag-ba"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ba"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-be"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇧, flag-bb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇩, flag-bd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇪, flag-be"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-be"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bh"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇫, flag-bf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇬, flag-bg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bj"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇭, flag-bh"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bh"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 0% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇮, flag-bi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇯, flag-bj"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bj"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇱, flag-bl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 0% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇲, flag-bm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bq"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇳, flag-bn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-br"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇴, flag-bo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇶, flag-bq"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bq"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇷, flag-br"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-br"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇸, flag-bs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇹, flag-bt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-by"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇻, flag-bv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-bz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇼, flag-bw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ca"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇾, flag-by"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-by"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇧🇿, flag-bz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-bz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇦, flag-ca"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ca"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇨, flag-cc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇩, flag-cd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ch"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇫, flag-cf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ci"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇬, flag-cg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ck"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇭, flag-ch"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ch"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇮, flag-ci"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ci"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇰, flag-ck"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ck"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-co"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇱, flag-cl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇲, flag-cm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇴, flag-co"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-co"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇵, flag-cp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇷, flag-cr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇺, flag-cu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cx"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇻, flag-cv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇼, flag-cw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-cz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇽, flag-cx"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cx"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-dg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇾, flag-cy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-dj"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇨🇿, flag-cz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-cz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-dk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇬, flag-dg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-dg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-dm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇯, flag-dj"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-dj"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-do"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇰, flag-dk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-dk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-dz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇲, flag-dm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-dm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ea"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇴, flag-do"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-do"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ec"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇩🇿, flag-dz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-dz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ee"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇦, flag-ea"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ea"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇨, flag-ec"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ec"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-eg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇪, flag-ee"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ee"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-eh"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇬, flag-eg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-eg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-england"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇭, flag-eh"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-eh"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-er"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏴󠁧󠁢󠁥󠁮󠁧󠁿, flag-england"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-england"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-et"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇷, flag-er"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-er"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-eu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇹, flag-et"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-et"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-fi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇪🇺, flag-eu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-eu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-fj"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇫🇮, flag-fi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-fi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-fk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇫🇯, flag-fj"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-fj"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-fm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇫🇰, flag-fk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-fk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-fo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇫🇲, flag-fm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-fm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ga"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇫🇴, flag-fo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-fo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇦, flag-ga"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ga"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ge"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇩, flag-gd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇪, flag-ge"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ge"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇫, flag-gf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gh"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇬, flag-gg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇭, flag-gh"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gh"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇮, flag-gi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇱, flag-gl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇲, flag-gm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇳, flag-gn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gq"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇵, flag-gp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇶, flag-gq"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gq"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇷, flag-gr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇸, flag-gs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇹, flag-gt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇺, flag-gu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-gy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇼, flag-gw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-hk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇾, flag-gy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-gy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-hm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇭🇰, flag-hk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-hk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-hn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇭🇲, flag-hm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-hm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-hr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇭🇳, flag-hn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-hn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ht"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇭🇷, flag-hr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-hr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-hu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇭🇹, flag-ht"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ht"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ic"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇭🇺, flag-hu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-hu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-id"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇨, flag-ic"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ic"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ie"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇩, flag-id"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-id"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-il"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇪, flag-ie"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ie"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-im"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇱, flag-il"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-il"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-in"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇲, flag-im"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-im"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-io"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇳, flag-in"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-in"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-iq"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇴, flag-io"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-io"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ir"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇶, flag-iq"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-iq"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-is"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇷, flag-ir"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ir"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-je"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇸, flag-is"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-is"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-jm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇯🇪, flag-je"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-je"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-jo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇯🇲, flag-jm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-jm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ke"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇯🇴, flag-jo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-jo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-kg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇪, flag-ke"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ke"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-kh"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇬, flag-kg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-kg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ki"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇭, flag-kh"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-kh"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-km"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇮, flag-ki"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ki"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-kn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇲, flag-km"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-km"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-kp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇳, flag-kn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-kn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-kw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇵, flag-kp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-kp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ky"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇼, flag-kw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-kw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-kz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇾, flag-ky"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ky"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-la"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇿, flag-kz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-kz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇦, flag-la"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-la"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇧, flag-lb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-li"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇨, flag-lc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇮, flag-li"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-li"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇰, flag-lk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ls"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇷, flag-lr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇸, flag-ls"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ls"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇹, flag-lt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-lv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇺, flag-lu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ly"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇻, flag-lv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-lv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ma"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇱🇾, flag-ly"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ly"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇦, flag-ma"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ma"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-md"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇨, flag-mc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-me"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇩, flag-md"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-md"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇪, flag-me"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-me"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇫, flag-mf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mh"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇬, flag-mg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇭, flag-mh"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mh"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ml"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇰, flag-mk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇱, flag-ml"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ml"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇲, flag-mm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mo"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇳, flag-mn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇴, flag-mo"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mo"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mq"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇵, flag-mp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇶, flag-mq"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mq"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ms"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇷, flag-mr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇸, flag-ms"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ms"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇹, flag-mt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇺, flag-mu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇻, flag-mv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mx"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇼, flag-mw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-my"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇽, flag-mx"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mx"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-mz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇾, flag-my"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-my"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-na"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇲🇿, flag-mz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-mz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-nc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇦, flag-na"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-na"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ne"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇨, flag-nc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-nc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-nf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇪, flag-ne"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ne"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ng"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇫, flag-nf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-nf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ni"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇬, flag-ng"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ng"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-nl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇮, flag-ni"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ni"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-no"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇱, flag-nl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-nl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-np"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇴, flag-no"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-no"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-nr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇵, flag-np"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-np"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-nu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇷, flag-nr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-nr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-nz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇺, flag-nu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-nu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-om"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇳🇿, flag-nz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-nz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pa"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇴🇲, flag-om"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-om"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pe"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇦, flag-pa"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pa"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇪, flag-pe"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pe"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 66.67%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇫, flag-pf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ph"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇬, flag-pg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 66.67%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇭, flag-ph"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ph"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇰, flag-pk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇱, flag-pl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pl"
+          role="option"
+          type="button"
+        >
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇲, flag-pm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇳, flag-pn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇷, flag-pr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ps"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇸, flag-ps"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ps"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇹, flag-pt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-pw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇼, flag-pw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-pw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-py"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇵🇾, flag-py"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-py"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-qa"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇶🇦, flag-qa"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-qa"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-re"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇷🇪, flag-re"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-re"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ro"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇷🇴, flag-ro"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ro"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-rs"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇷🇸, flag-rs"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-rs"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-rw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇷🇼, flag-rw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-rw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sa"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇦, flag-sa"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sa"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇧, flag-sb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 100%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇨, flag-sc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-scotland"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 100%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏴󠁧󠁢󠁳󠁣󠁴󠁿, flag-scotland"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-scotland"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sd"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇩, flag-sd"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sd"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-se"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇪, flag-se"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-se"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇬, flag-sg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sh"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇭, flag-sh"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sh"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-si"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 7.02%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇮, flag-si"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-si"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sj"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 8.77%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 7.02%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇯, flag-sj"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sj"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 8.77%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇰, flag-sk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇱, flag-sl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 14.04%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇲, flag-sm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 15.79%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 14.04%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇳, flag-sn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-so"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 17.54%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 15.79%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇴, flag-so"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-so"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 19.3%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 17.54%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇷, flag-sr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ss"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 21.05%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 19.3%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇸, flag-ss"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ss"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-st"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 22.81%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 21.05%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇹, flag-st"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-st"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 24.56%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 22.81%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇻, flag-sv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sx"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 26.32%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 24.56%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇽, flag-sx"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sx"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 28.07%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 26.32%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇾, flag-sy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-sz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 29.82%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 28.07%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇸🇿, flag-sz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-sz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ta"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 31.58%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 29.82%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇦, flag-ta"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ta"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 33.33%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 31.58%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇨, flag-tc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-td"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 35.09%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 33.33%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇩, flag-td"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-td"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 36.84%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 35.09%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇫, flag-tf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 38.6%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 36.84%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇬, flag-tg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-th"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 40.35%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 38.6%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇭, flag-th"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-th"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tj"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 42.11%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 40.35%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇯, flag-tj"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tj"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 43.86%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 42.11%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇰, flag-tk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tl"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 45.61%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 43.86%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇱, flag-tl"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tl"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 47.37%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 45.61%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇲, flag-tm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 49.12%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 47.37%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇳, flag-tn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-to"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 50.88%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 49.12%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇴, flag-to"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-to"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 50.88%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇷, flag-tr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 54.39%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇹, flag-tt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tv"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 56.14%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 54.39%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇻, flag-tv"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tv"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 57.89%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 56.14%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇼, flag-tw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-tz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 57.89%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇹🇿, flag-tz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-tz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ua"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 61.4%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇺🇦, flag-ua"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ua"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ug"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 63.16%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 61.4%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇺🇬, flag-ug"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ug"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-um"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 64.91%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 63.16%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇺🇲, flag-um"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-um"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-uy"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 70.18%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 64.91%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇺🇾, flag-uy"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-uy"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-uz"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 71.93%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 70.18%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇺🇿, flag-uz"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-uz"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-va"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 71.93%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇦, flag-va"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-va"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-vc"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 75.44%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇨, flag-vc"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-vc"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ve"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 77.19%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 75.44%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇪, flag-ve"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ve"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-vg"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 78.95%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 77.19%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇬, flag-vg"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-vg"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-vi"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 80.7%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 78.95%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇮, flag-vi"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-vi"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-vn"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 82.46%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 80.7%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇳, flag-vn"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-vn"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-vu"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 84.21%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 82.46%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇻🇺, flag-vu"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-vu"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-wales"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 10.53%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 84.21%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏴󠁧󠁢󠁷󠁬󠁳󠁿, flag-wales"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-wales"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-wf"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 85.96%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 10.53%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇼🇫, flag-wf"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-wf"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ws"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 85.96%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇼🇸, flag-ws"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ws"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-xk"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 89.47%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇽🇰, flag-xk"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-xk"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-ye"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 89.47%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇾🇪, flag-ye"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-ye"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-yt"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇾🇹, flag-yt"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-yt"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-za"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇿🇦, flag-za"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-za"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-zm"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 96.49%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇿🇲, flag-zm"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-zm"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="flag-zw"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 98.25%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 96.49%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇿🇼, flag-zw"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="flag-zw"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="fr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 91.23%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 98.25%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇫🇷, fr, flag-fr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="fr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="gb"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 1.75% 94.74%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 91.23%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇬🇧, gb, uk, flag-gb"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="gb"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="it"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 52.63%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 1.75% 94.74%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇮🇹, it, flag-it"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="it"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="jp"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 59.65%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 52.63%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇯🇵, jp, flag-jp"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="jp"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="kr"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 3.51% 73.68%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 59.65%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇰🇷, kr, flag-kr"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="kr"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="pirate_flag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 5.26%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 3.51% 73.68%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏴‍☠️, pirate_flag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="pirate_flag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="rainbow-flag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 0%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 5.26%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏳️‍🌈, rainbow-flag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="rainbow-flag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="ru"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 5.26% 92.98%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 0%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇷🇺, ru, flag-ru"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="ru"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="transgender_flag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 1.75%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 5.26% 92.98%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏳️‍⚧️, transgender_flag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="transgender_flag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="triangular_flag_on_post"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 59.65% 87.72%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 1.75%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🚩, triangular_flag_on_post"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="triangular_flag_on_post"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="us"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 7.02% 68.42%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 59.65% 87.72%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🇺🇸, us, flag-us"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="us"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="waving_black_flag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 12.28%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 7.02% 68.42%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏴, waving_black_flag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="waving_black_flag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-      <span
-        class="emoji-mart-emoji"
-        data-title="waving_white_flag"
-      >
-        <span
-          class="emoji-set-apple emoji-type-image"
-          style="background-position: 19.3% 3.51%; width: 24px; height: 24px;"
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 12.28%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+        <button
+          aria-label="🏳️, waving_white_flag"
+          aria-posinset="1"
+          aria-selected="false"
+          aria-setsize="1812"
+          class="emoji-mart-emoji"
+          data-title="waving_white_flag"
+          role="option"
+          type="button"
         >
-          
-        </span>
-      </span>
-       
-      <!---->
+          <span
+            class="emoji-set-apple emoji-type-image"
+            style="background-position: 19.3% 3.51%; width: 24px; height: 24px;"
+          >
+            
+          </span>
+        </button>
+         
+        <!---->
+      </section>
     </div>
   </div>
    
@@ -20415,6 +31417,7 @@ exports[`Picker renders correctly 1`] = `
         class="emoji-mart-preview-emoji"
       >
         <span
+          aria-label="🏬, department_store"
           class="emoji-mart-emoji"
         >
           <span
@@ -20488,5 +31491,5 @@ exports[`Picker renders correctly 1`] = `
       </div>
     </div>
   </div>
-</div>
+</section>
 `;
diff --git a/spec/picker-spec.js b/spec/picker-spec.js
index 1ed4fc73..09f1e1d3 100644
--- a/spec/picker-spec.js
+++ b/spec/picker-spec.js
@@ -43,19 +43,19 @@ describe('Picker', () => {
 
   it('renders 10 categories', () => {
     let categories = picker.findAll(Category)
-    expect(categories.length).toBe(11)
-    // Hidden category with search results
-    expect(categories.at(0).vm.name).toBe('Search')
-    expect(categories.at(1).vm.name).toBe('Recent')
-    expect(categories.at(2).vm.name).toBe('Smileys & Emotion')
-    expect(categories.at(3).vm.name).toBe('People & Body')
-    expect(categories.at(4).vm.name).toBe('Animals & Nature')
-    expect(categories.at(5).vm.name).toBe('Food & Drink')
-    expect(categories.at(6).vm.name).toBe('Activities')
-    expect(categories.at(7).vm.name).toBe('Travel & Places')
-    expect(categories.at(8).vm.name).toBe('Objects')
-    expect(categories.at(9).vm.name).toBe('Symbols')
-    expect(categories.at(10).vm.name).toBe('Flags')
+    expect(categories.length).toBe(10)
+    // // Hidden category with search results
+    // expect(categories.at(0).vm.name).toBe('Search')
+    expect(categories.at(0).vm.name).toBe('Recent')
+    expect(categories.at(1).vm.name).toBe('Smileys & Emotion')
+    expect(categories.at(2).vm.name).toBe('People & Body')
+    expect(categories.at(3).vm.name).toBe('Animals & Nature')
+    expect(categories.at(4).vm.name).toBe('Food & Drink')
+    expect(categories.at(5).vm.name).toBe('Activities')
+    expect(categories.at(6).vm.name).toBe('Travel & Places')
+    expect(categories.at(7).vm.name).toBe('Objects')
+    expect(categories.at(8).vm.name).toBe('Symbols')
+    expect(categories.at(9).vm.name).toBe('Flags')
   })
 
   it('no error when clicking anchor when search is active', (done) => {
@@ -70,7 +70,7 @@ describe('Picker', () => {
       expect(searchCategory.vm.id).toBe('search')
 
       let anchors = picker.find(Anchors)
-      let anchorsCategories = anchors.findAll('span.emoji-mart-anchor')
+      let anchorsCategories = anchors.findAll('.emoji-mart-anchor')
       let symbols = anchorsCategories.at(8)
       expect(symbols.element.attributes['data-title'].value).toBe('Symbols')
       symbols.trigger('click')
@@ -105,18 +105,15 @@ describe('categories', () => {
 
   it('will not show some based upon our filter', () => {
     let categories = picker.findAll(Category)
-    expect(categories.length).toBe(3)
-    // Hidden category with search results
-    expect(categories.at(0).vm.name).toBe('Search')
-    expect(categories.at(0).vm.id).toBe('search')
+    expect(categories.length).toBe(2)
     // Visible cateogires - Flags and Activity
-    expect(categories.at(1).vm.name).toBe('Activities')
-    expect(categories.at(1).vm.id).toBe('activity')
+    expect(categories.at(0).vm.name).toBe('Activities')
+    expect(categories.at(0).vm.id).toBe('activity')
     // only 1 emoji from Activities matches
-    expect(categories.at(1).vm.emojis.length).toBe(1)
-    expect(categories.at(2).vm.name).toBe('Flags')
-    expect(categories.at(2).vm.id).toBe('flags')
-    expect(categories.at(2).vm.emojis.length).toBe(250)
+    expect(categories.at(0).vm.emojis.length).toBe(1)
+    expect(categories.at(1).vm.name).toBe('Flags')
+    expect(categories.at(1).vm.id).toBe('flags')
+    expect(categories.at(1).vm.emojis.length).toBe(250)
   })
 })
 
@@ -155,11 +152,10 @@ describe('categories include allows to select and order categories', () => {
   // Note: the error is printed into console.
   it('will not throw an error if default emoji is not available', () => {
     let categories = picker.findAll(Category)
-    expect(categories.length).toBe(4)
-    expect(categories.at(0).vm.name).toBe('Search')
-    expect(categories.at(1).vm.name).toBe('Recent')
-    expect(categories.at(2).vm.name).toBe('Animals & Nature')
-    expect(categories.at(3).vm.name).toBe('Smileys & Emotion')
+    expect(categories.length).toBe(3)
+    expect(categories.at(0).vm.name).toBe('Recent')
+    expect(categories.at(1).vm.name).toBe('Animals & Nature')
+    expect(categories.at(2).vm.name).toBe('Smileys & Emotion')
   })
 })
 
@@ -183,7 +179,7 @@ describe('anchors', () => {
 
   it('contains all categories', () => {
     let anchors = picker.find(Anchors)
-    let categories = anchors.findAll('span.emoji-mart-anchor')
+    let categories = anchors.findAll('.emoji-mart-anchor')
     let names = []
     for (let idx = 0; idx < categories.length; idx++) {
       names.push(categories.at(idx).element.attributes['data-title'].value)
@@ -206,7 +202,7 @@ describe('anchors', () => {
   it('can be clicked to scroll to the category', async () => {
     let anchors = picker.find(Anchors)
 
-    let anchorsCategories = anchors.findAll('span.emoji-mart-anchor')
+    let anchorsCategories = anchors.findAll('.emoji-mart-anchor')
     let symbols = anchorsCategories.at(8)
     expect(symbols.element.attributes['data-title'].value).toBe('Symbols')
 
diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 4c92c33c..d66cf119 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -372,6 +372,9 @@ export default {
 
       const emojiEl = document.querySelector('.emoji-mart-emoji-selected')
       const scrollEl = document.querySelector('.emoji-mart-scroll')
+
+      if (!scrollEl) return
+
       const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
       if (
         emojiEl &&

From 92cfdd6b172cc5c953e8a42f765f7fb7f76a1fd2 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 21:34:21 +0300
Subject: [PATCH 11/32] Update emoji test snapshots

---
 spec/__snapshots__/emoji-spec.js.snap | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/spec/__snapshots__/emoji-spec.js.snap b/spec/__snapshots__/emoji-spec.js.snap
index f02587f0..bd3d2a1b 100644
--- a/spec/__snapshots__/emoji-spec.js.snap
+++ b/spec/__snapshots__/emoji-spec.js.snap
@@ -2,6 +2,7 @@
 
 exports[`Emoji native renders correctly native emoji 1`] = `
 <span
+  aria-label="☝️, point_up"
   class="emoji-mart-emoji"
 >
   <span
@@ -14,6 +15,7 @@ exports[`Emoji native renders correctly native emoji 1`] = `
 
 exports[`Emoji renders correctly 1`] = `
 <span
+  aria-label="☝️, point_up"
   class="emoji-mart-emoji"
 >
   <span
@@ -27,6 +29,7 @@ exports[`Emoji renders correctly 1`] = `
 
 exports[`Emoji renders correctly native emoji 1`] = `
 <span
+  aria-label="☝️, point_up"
   class="emoji-mart-emoji"
 >
   <span

From ffa58c95ab0cd8675bc92bf59a6e5a825f187d15 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 21:37:08 +0300
Subject: [PATCH 12/32] Update virtual scroll picker tests

---
 .../picker-virtual-scroll-spec.js.snap        | 11023 ++++++++++++----
 spec/picker-virtual-scroll-spec.js            |     4 +-
 2 files changed, 8803 insertions(+), 2224 deletions(-)

diff --git a/spec/__snapshots__/picker-virtual-scroll-spec.js.snap b/spec/__snapshots__/picker-virtual-scroll-spec.js.snap
index 9c7965b0..bfb267dd 100644
--- a/spec/__snapshots__/picker-virtual-scroll-spec.js.snap
+++ b/spec/__snapshots__/picker-virtual-scroll-spec.js.snap
@@ -11,13 +11,18 @@ exports[`Picker renders correctly 1`] = `
     <div
       class="emoji-mart-anchors"
       data="[object Object]"
+      role="tablist"
     >
-      <span
+      <button
+        aria-label="Recent"
         class="emoji-mart-anchor"
         data-title="Frequently Used"
+        role="tab"
         style=""
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -34,15 +39,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Smileys & Emotion"
         class="emoji-mart-anchor"
         data-title="Smileys & Emotion"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -59,15 +69,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="People & Body"
         class="emoji-mart-anchor"
         data-title="People & Body"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -89,15 +104,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Animals & Nature"
         class="emoji-mart-anchor"
         data-title="Animals & Nature"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -114,15 +134,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Food & Drink"
         class="emoji-mart-anchor"
         data-title="Food & Drink"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -136,16 +161,22 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Activities"
+        aria-selected="true"
         class="emoji-mart-anchor emoji-mart-anchor-selected"
         data-title="Activity"
+        role="tab"
         style="color: rgb(174, 101, 197);"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -159,15 +190,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Travel & Places"
         class="emoji-mart-anchor"
         data-title="Travel & Places"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -184,15 +220,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Objects"
         class="emoji-mart-anchor"
         data-title="Objects"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -209,15 +250,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Symbols"
         class="emoji-mart-anchor"
         data-title="Symbols"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -231,15 +277,20 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
-      <span
+      </button>
+      <button
+        aria-label="Flags"
         class="emoji-mart-anchor"
         data-title="Flags"
+        role="tab"
       >
-        <div>
+        <div
+          aria-hidden="true"
+        >
           <svg
             height="24"
             viewBox="0 0 24 24"
@@ -253,10 +304,11 @@ exports[`Picker renders correctly 1`] = `
         </div>
          
         <span
+          aria-hidden="true"
           class="emoji-mart-anchor-bar"
           style="background-color: rgb(174, 101, 197);"
         />
-      </span>
+      </button>
     </div>
   </div>
    
@@ -264,9 +316,22 @@ exports[`Picker renders correctly 1`] = `
     class="emoji-mart-search"
   >
     <input
+      aria-autocomplete="list"
+      aria-describedby="emoji-mart-search-description"
+      aria-label="Search for an emoji"
+      aria-owns="emoji-mart-list"
       placeholder="Search"
+      role="textbox"
       type="text"
     />
+     
+    <span
+      class="hidden"
+      id="emoji-picker-search-description"
+    >
+      Use the left, right, up and down arrow keys to navigate the emoji search
+    results.
+    </span>
   </div>
    
   <!---->
@@ -287,20 +352,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="0"
         >
-          <div
+          <section
+            aria-label="Frequently Used"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 Frequently Used
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="👍, +1, thumbsup"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="+1"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -308,10 +382,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😀, grinning"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="grinning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -319,10 +399,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😘, kissing_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kissing_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -330,10 +416,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😍, heart_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heart_eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -341,10 +433,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😆, laughing, satisfied"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="laughing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -352,10 +450,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😜, stuck_out_tongue_winking_eye"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stuck_out_tongue_winking_eye"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -363,10 +467,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😅, sweat_smile"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sweat_smile"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -374,10 +484,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😂, joy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="joy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -385,10 +501,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😱, scream"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="scream"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -396,10 +518,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😞, disappointed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="disappointed"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -407,10 +535,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😒, unamused"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="unamused"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -418,10 +552,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😩, weary"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="weary"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -429,10 +569,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😭, sob"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sob"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -440,10 +586,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😎, sunglasses"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sunglasses"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -451,10 +603,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="❤️, heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -462,10 +620,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💩, hankey, poop, shit"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hankey"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -473,10 +637,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
       <div
@@ -486,20 +650,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="1"
         >
-          <div
+          <section
+            aria-label="Smileys & Emotion"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 Smileys & Emotion
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="😀, grinning"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="grinning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -507,10 +680,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😃, smiley"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smiley"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -518,10 +697,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😄, smile"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smile"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -529,10 +714,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😁, grin"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="grin"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -540,10 +731,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😆, laughing, satisfied"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="laughing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -551,10 +748,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😅, sweat_smile"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sweat_smile"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -562,10 +765,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤣, rolling_on_the_floor_laughing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rolling_on_the_floor_laughing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -573,10 +782,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😂, joy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="joy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -584,10 +799,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙂, slightly_smiling_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="slightly_smiling_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -595,10 +816,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙃, upside_down_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="upside_down_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -606,10 +833,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😉, wink"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wink"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -617,10 +850,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😊, blush"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blush"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -628,10 +867,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😇, innocent"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="innocent"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -639,10 +884,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥰, smiling_face_with_3_hearts"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smiling_face_with_3_hearts"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -650,10 +901,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😍, heart_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heart_eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -661,10 +918,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤩, star-struck, grinning_face_with_star_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="star-struck"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -672,10 +935,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😘, kissing_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kissing_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -683,10 +952,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😗, kissing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kissing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -694,10 +969,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☺️, relaxed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="relaxed"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -705,10 +986,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😚, kissing_closed_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kissing_closed_eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -716,10 +1003,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😙, kissing_smiling_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kissing_smiling_eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -727,10 +1020,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥲, smiling_face_with_tear"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smiling_face_with_tear"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -738,10 +1037,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😋, yum"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="yum"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -749,10 +1054,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😛, stuck_out_tongue"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stuck_out_tongue"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -760,10 +1071,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😜, stuck_out_tongue_winking_eye"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stuck_out_tongue_winking_eye"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -771,10 +1088,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤪, zany_face, grinning_face_with_one_large_and_one_small_eye"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="zany_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -782,10 +1105,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😝, stuck_out_tongue_closed_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stuck_out_tongue_closed_eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -793,10 +1122,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤑, money_mouth_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="money_mouth_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -804,10 +1139,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤗, hugging_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hugging_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -815,10 +1156,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤭, face_with_hand_over_mouth, smiling_face_with_smiling_eyes_and_hand_covering_mouth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_hand_over_mouth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -826,10 +1173,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤫, shushing_face, face_with_finger_covering_closed_lips"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shushing_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -837,10 +1190,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤔, thinking_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="thinking_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -848,10 +1207,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤐, zipper_mouth_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="zipper_mouth_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -859,10 +1224,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤨, face_with_raised_eyebrow, face_with_one_eyebrow_raised"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_raised_eyebrow"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -870,10 +1241,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😐, neutral_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="neutral_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -881,10 +1258,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😑, expressionless"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="expressionless"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -892,10 +1275,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😶, no_mouth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="no_mouth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -903,10 +1292,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😏, smirk"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smirk"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -914,10 +1309,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😒, unamused"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="unamused"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -925,10 +1326,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙄, face_with_rolling_eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_rolling_eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -936,10 +1343,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😬, grimacing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="grimacing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -947,10 +1360,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤥, lying_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lying_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -958,10 +1377,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😌, relieved"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="relieved"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -969,10 +1394,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😔, pensive"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pensive"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -980,10 +1411,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😪, sleepy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sleepy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -991,10 +1428,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤤, drooling_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="drooling_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1002,10 +1445,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😴, sleeping"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sleeping"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1013,10 +1462,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😷, mask"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mask"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1024,10 +1479,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤒, face_with_thermometer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_thermometer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1035,10 +1496,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤕, face_with_head_bandage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_head_bandage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1046,10 +1513,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤢, nauseated_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="nauseated_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1057,10 +1530,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤮, face_vomiting, face_with_open_mouth_vomiting"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_vomiting"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1068,10 +1547,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤧, sneezing_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sneezing_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1079,10 +1564,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥵, hot_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hot_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1090,10 +1581,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥶, cold_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cold_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1101,10 +1598,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥴, woozy_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woozy_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1112,10 +1615,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😵, dizzy_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dizzy_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1123,10 +1632,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤯, exploding_head, shocked_face_with_exploding_head"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="exploding_head"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1134,10 +1649,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤠, face_with_cowboy_hat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_cowboy_hat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1145,10 +1666,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥳, partying_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="partying_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1156,10 +1683,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥸, disguised_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="disguised_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1167,10 +1700,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😎, sunglasses"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sunglasses"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1178,10 +1717,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤓, nerd_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="nerd_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1189,10 +1734,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧐, face_with_monocle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_monocle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1200,10 +1751,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😕, confused"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="confused"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1211,10 +1768,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😟, worried"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="worried"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1222,10 +1785,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙁, slightly_frowning_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="slightly_frowning_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1233,10 +1802,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☹️, white_frowning_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="white_frowning_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1244,10 +1819,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😮, open_mouth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="open_mouth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1255,10 +1836,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😯, hushed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hushed"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1266,10 +1853,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😲, astonished"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="astonished"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1277,10 +1870,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😳, flushed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flushed"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1288,10 +1887,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥺, pleading_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pleading_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1299,10 +1904,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😦, frowning"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="frowning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1310,10 +1921,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😧, anguished"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="anguished"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1321,10 +1938,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😨, fearful"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fearful"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1332,10 +1955,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😰, cold_sweat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cold_sweat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1343,10 +1972,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😥, disappointed_relieved"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="disappointed_relieved"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1354,10 +1989,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😢, cry"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cry"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1365,10 +2006,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😭, sob"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sob"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1376,10 +2023,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😱, scream"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="scream"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1387,10 +2040,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😖, confounded"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="confounded"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1398,10 +2057,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😣, persevere"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="persevere"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1409,10 +2074,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😞, disappointed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="disappointed"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1420,10 +2091,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😓, sweat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sweat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1431,10 +2108,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😩, weary"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="weary"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1442,10 +2125,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😫, tired_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tired_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1453,10 +2142,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥱, yawning_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="yawning_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1464,10 +2159,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😤, triumph"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="triumph"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1475,10 +2176,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😡, rage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1486,10 +2193,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😠, angry"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="angry"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1497,10 +2210,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤬, face_with_symbols_on_mouth, serious_face_with_symbols_covering_mouth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_with_symbols_on_mouth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1508,10 +2227,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😈, smiling_imp"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smiling_imp"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1519,10 +2244,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👿, imp"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="imp"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1530,10 +2261,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💀, skull"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="skull"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1541,10 +2278,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☠️, skull_and_crossbones"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="skull_and_crossbones"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1552,10 +2295,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💩, hankey, poop, shit"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hankey"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1563,10 +2312,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤡, clown_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clown_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1574,10 +2329,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👹, japanese_ogre"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="japanese_ogre"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1585,10 +2346,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👺, japanese_goblin"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="japanese_goblin"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1596,10 +2363,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👻, ghost"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ghost"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1607,10 +2380,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👽, alien"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="alien"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1618,10 +2397,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👾, space_invader"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="space_invader"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1629,10 +2414,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤖, robot_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="robot_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1640,10 +2431,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😺, smiley_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smiley_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1651,10 +2448,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😸, smile_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smile_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1662,10 +2465,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😹, joy_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="joy_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1673,10 +2482,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😻, heart_eyes_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heart_eyes_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1684,10 +2499,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😼, smirk_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="smirk_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1695,10 +2516,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😽, kissing_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kissing_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1706,10 +2533,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙀, scream_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="scream_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1717,10 +2550,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😿, crying_cat_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="crying_cat_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1728,10 +2567,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="😾, pouting_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pouting_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1739,10 +2584,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙈, see_no_evil"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="see_no_evil"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1750,10 +2601,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙉, hear_no_evil"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hear_no_evil"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1761,10 +2618,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙊, speak_no_evil"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="speak_no_evil"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1772,10 +2635,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💋, kiss"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kiss"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1783,10 +2652,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💌, love_letter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="love_letter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1794,10 +2669,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💘, cupid"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cupid"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1805,10 +2686,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💝, gift_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="gift_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1816,10 +2703,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💖, sparkling_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sparkling_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1827,10 +2720,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💗, heartpulse"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heartpulse"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1838,10 +2737,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💓, heartbeat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heartbeat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1849,10 +2754,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💞, revolving_hearts"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="revolving_hearts"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1860,10 +2771,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💕, two_hearts"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="two_hearts"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1871,10 +2788,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💟, heart_decoration"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heart_decoration"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1882,10 +2805,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="❣️, heavy_heart_exclamation_mark_ornament"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heavy_heart_exclamation_mark_ornament"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1893,10 +2822,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💔, broken_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="broken_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1904,10 +2839,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="❤️, heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1915,10 +2856,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧡, orange_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="orange_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1926,10 +2873,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💛, yellow_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="yellow_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1937,10 +2890,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💚, green_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="green_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1948,10 +2907,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💙, blue_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blue_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1959,10 +2924,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💜, purple_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="purple_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1970,10 +2941,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤎, brown_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="brown_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1981,10 +2958,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🖤, black_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="black_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -1992,10 +2975,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤍, white_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="white_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2003,10 +2992,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💯, 100"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="100"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2014,10 +3009,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💢, anger"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="anger"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2025,10 +3026,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💥, boom, collision"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="boom"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2036,10 +3043,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💫, dizzy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dizzy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2047,10 +3060,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💦, sweat_drops"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sweat_drops"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2058,10 +3077,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💨, dash"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dash"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2069,10 +3094,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕳️, hole"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hole"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2080,10 +3111,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💣, bomb"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bomb"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2091,10 +3128,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💬, speech_balloon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="speech_balloon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2102,10 +3145,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👁️‍🗨️, eye-in-speech-bubble"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="eye-in-speech-bubble"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2113,10 +3162,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗨️, left_speech_bubble"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="left_speech_bubble"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2124,10 +3179,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗯️, right_anger_bubble"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="right_anger_bubble"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2135,10 +3196,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💭, thought_balloon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="thought_balloon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2146,10 +3213,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💤, zzz"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="zzz"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2157,10 +3230,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
       <div
@@ -2170,20 +3243,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="2"
         >
-          <div
+          <section
+            aria-label="People & Body"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 People & Body
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="👋, wave"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wave"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2191,10 +3273,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤚, raised_back_of_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="raised_back_of_hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2202,10 +3290,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🖐️, raised_hand_with_fingers_splayed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="raised_hand_with_fingers_splayed"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2213,10 +3307,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="✋, hand, raised_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2224,10 +3324,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🖖, spock-hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="spock-hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2235,10 +3341,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👌, ok_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ok_hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2246,10 +3358,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤌, pinched_fingers"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pinched_fingers"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2257,10 +3375,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤏, pinching_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pinching_hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2268,10 +3392,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="✌️, v"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="v"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2279,10 +3409,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤞, crossed_fingers, hand_with_index_and_middle_fingers_crossed"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="crossed_fingers"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2290,10 +3426,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤟, i_love_you_hand_sign"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="i_love_you_hand_sign"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2301,10 +3443,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤘, the_horns, sign_of_the_horns"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="the_horns"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2312,10 +3460,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤙, call_me_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="call_me_hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2323,10 +3477,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👈, point_left"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="point_left"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2334,10 +3494,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👉, point_right"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="point_right"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2345,10 +3511,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👆, point_up_2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="point_up_2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2356,10 +3528,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🖕, middle_finger, reversed_hand_with_middle_finger_extended"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="middle_finger"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2367,10 +3545,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👇, point_down"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="point_down"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2378,10 +3562,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☝️, point_up"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="point_up"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2389,10 +3579,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👍, +1, thumbsup"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="+1"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2400,10 +3596,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👎, -1, thumbsdown"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="-1"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2411,10 +3613,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="✊, fist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2422,10 +3630,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👊, facepunch, punch"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="facepunch"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2433,10 +3647,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤛, left-facing_fist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="left-facing_fist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2444,10 +3664,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤜, right-facing_fist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="right-facing_fist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2455,10 +3681,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👏, clap"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clap"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2466,10 +3698,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙌, raised_hands"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="raised_hands"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2477,10 +3715,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👐, open_hands"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="open_hands"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2488,10 +3732,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤲, palms_up_together"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="palms_up_together"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2499,10 +3749,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤝, handshake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="handshake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2510,10 +3766,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙏, pray"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pray"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2521,10 +3783,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="✍️, writing_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="writing_hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2532,10 +3800,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💅, nail_care"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="nail_care"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2543,10 +3817,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤳, selfie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="selfie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2554,10 +3834,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💪, muscle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="muscle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2565,10 +3851,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦾, mechanical_arm"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mechanical_arm"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2576,10 +3868,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦿, mechanical_leg"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mechanical_leg"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2587,10 +3885,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦵, leg"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="leg"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2598,10 +3902,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦶, foot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="foot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2609,10 +3919,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👂, ear"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ear"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2620,10 +3936,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦻, ear_with_hearing_aid"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ear_with_hearing_aid"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2631,10 +3953,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👃, nose"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="nose"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2642,10 +3970,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧠, brain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="brain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2653,10 +3987,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫀, anatomical_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="anatomical_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2664,10 +4004,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫁, lungs"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lungs"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2675,10 +4021,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦷, tooth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tooth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2686,10 +4038,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦴, bone"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bone"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2697,10 +4055,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👀, eyes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="eyes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2708,10 +4072,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👁️, eye"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="eye"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2719,10 +4089,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👅, tongue"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tongue"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2730,10 +4106,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👄, lips"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lips"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2741,10 +4123,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👶, baby"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="baby"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2752,10 +4140,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧒, child"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="child"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2763,10 +4157,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👦, boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2774,10 +4174,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👧, girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2785,10 +4191,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑, adult"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="adult"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2796,10 +4208,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👱, person_with_blond_hair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_with_blond_hair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2807,10 +4225,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨, man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2818,10 +4242,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧔, bearded_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bearded_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2829,10 +4259,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦰, red_haired_man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="red_haired_man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2840,10 +4276,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦱, curly_haired_man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="curly_haired_man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2851,10 +4293,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦳, white_haired_man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="white_haired_man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2862,10 +4310,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦲, bald_man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bald_man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2873,10 +4327,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩, woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2884,10 +4344,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦰, red_haired_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="red_haired_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2895,10 +4361,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦰, red_haired_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="red_haired_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2906,10 +4378,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦱, curly_haired_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="curly_haired_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2917,10 +4395,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦱, curly_haired_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="curly_haired_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2928,10 +4412,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦳, white_haired_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="white_haired_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2939,10 +4429,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦳, white_haired_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="white_haired_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2950,10 +4446,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦲, bald_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bald_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2961,10 +4463,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦲, bald_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bald_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2972,10 +4480,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👱‍♀️, blond-haired-woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blond-haired-woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2983,10 +4497,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👱‍♂️, blond-haired-man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blond-haired-man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -2994,10 +4514,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧓, older_adult"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="older_adult"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3005,10 +4531,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👴, older_man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="older_man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3016,10 +4548,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👵, older_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="older_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3027,10 +4565,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙍, person_frowning"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_frowning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3038,10 +4582,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙍‍♂️, man-frowning"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-frowning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3049,10 +4599,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙍‍♀️, woman-frowning"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-frowning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3060,10 +4616,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙎, person_with_pouting_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_with_pouting_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3071,10 +4633,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙎‍♂️, man-pouting"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-pouting"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3082,10 +4650,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙎‍♀️, woman-pouting"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-pouting"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3093,10 +4667,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙅, no_good"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="no_good"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3104,10 +4684,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙅‍♂️, man-gesturing-no"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-gesturing-no"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3115,10 +4701,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙅‍♀️, woman-gesturing-no"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-gesturing-no"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3126,10 +4718,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙆, ok_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ok_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3137,10 +4735,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙆‍♂️, man-gesturing-ok"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-gesturing-ok"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3148,10 +4752,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙆‍♀️, woman-gesturing-ok"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-gesturing-ok"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3159,10 +4769,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💁, information_desk_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="information_desk_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3170,10 +4786,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💁‍♂️, man-tipping-hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-tipping-hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3181,10 +4803,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💁‍♀️, woman-tipping-hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-tipping-hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3192,10 +4820,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙋, raising_hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="raising_hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3203,10 +4837,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙋‍♂️, man-raising-hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-raising-hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3214,10 +4854,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙋‍♀️, woman-raising-hand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-raising-hand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3225,10 +4871,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧏, deaf_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="deaf_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3236,10 +4888,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧏‍♂️, deaf_man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="deaf_man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3247,10 +4905,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧏‍♀️, deaf_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="deaf_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3258,10 +4922,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙇, bow"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bow"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3269,10 +4939,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙇‍♂️, man-bowing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-bowing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3280,10 +4956,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🙇‍♀️, woman-bowing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-bowing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3291,10 +4973,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤦, face_palm"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="face_palm"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3302,10 +4990,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤦‍♂️, man-facepalming"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-facepalming"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3313,10 +5007,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤦‍♀️, woman-facepalming"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-facepalming"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3324,10 +5024,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤷, shrug"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shrug"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3335,10 +5041,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤷‍♂️, man-shrugging"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-shrugging"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3346,10 +5058,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤷‍♀️, woman-shrugging"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-shrugging"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3357,10 +5075,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍⚕️, health_worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="health_worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3368,10 +5092,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍⚕️, male-doctor"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-doctor"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3379,10 +5109,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍⚕️, female-doctor"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-doctor"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3390,10 +5126,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🎓, student"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="student"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3401,10 +5143,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🎓, male-student"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-student"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3412,10 +5160,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🎓, female-student"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-student"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3423,10 +5177,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🏫, teacher"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="teacher"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3434,10 +5194,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🏫, male-teacher"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-teacher"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3445,10 +5211,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🏫, female-teacher"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-teacher"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3456,10 +5228,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍⚖️, judge"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="judge"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3467,10 +5245,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍⚖️, male-judge"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-judge"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3478,10 +5262,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍⚖️, female-judge"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-judge"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3489,10 +5279,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🌾, farmer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="farmer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3500,10 +5296,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🌾, male-farmer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-farmer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3511,10 +5313,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🌾, female-farmer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-farmer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3522,10 +5330,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🍳, cook"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cook"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3533,10 +5347,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🍳, male-cook"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-cook"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3544,10 +5364,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🍳, female-cook"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-cook"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3555,10 +5381,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🔧, mechanic"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mechanic"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3566,10 +5398,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🔧, male-mechanic"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-mechanic"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3577,10 +5415,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🔧, female-mechanic"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-mechanic"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3588,10 +5432,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🏭, factory_worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="factory_worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3599,10 +5449,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🏭, male-factory-worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-factory-worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3610,10 +5466,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🏭, female-factory-worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-factory-worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3621,10 +5483,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍💼, office_worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="office_worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3632,10 +5500,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍💼, male-office-worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-office-worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3643,10 +5517,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍💼, female-office-worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-office-worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3654,10 +5534,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🔬, scientist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="scientist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3665,10 +5551,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🔬, male-scientist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-scientist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3676,10 +5568,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🔬, female-scientist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-scientist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3687,10 +5585,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍💻, technologist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="technologist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3698,10 +5602,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍💻, male-technologist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-technologist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3709,10 +5619,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍💻, female-technologist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-technologist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3720,10 +5636,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🎤, singer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="singer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3731,10 +5653,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🎤, male-singer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-singer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3742,10 +5670,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🎤, female-singer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-singer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3753,10 +5687,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🎨, artist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="artist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3764,10 +5704,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🎨, male-artist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-artist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3775,10 +5721,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🎨, female-artist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-artist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3786,10 +5738,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍✈️, pilot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pilot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3797,10 +5755,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍✈️, male-pilot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-pilot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3808,10 +5772,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍✈️, female-pilot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-pilot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3819,10 +5789,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🚀, astronaut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="astronaut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3830,10 +5806,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🚀, male-astronaut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-astronaut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3841,10 +5823,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🚀, female-astronaut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-astronaut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3852,10 +5840,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🚒, firefighter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="firefighter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3863,10 +5857,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🚒, male-firefighter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-firefighter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3874,10 +5874,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🚒, female-firefighter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-firefighter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3885,10 +5891,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👮, cop"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cop"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3896,10 +5908,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👮‍♂️, male-police-officer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-police-officer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3907,10 +5925,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👮‍♀️, female-police-officer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-police-officer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3918,10 +5942,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕵️, sleuth_or_spy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sleuth_or_spy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3929,10 +5959,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕵️‍♂️, male-detective"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-detective"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3940,10 +5976,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕵️‍♀️, female-detective"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-detective"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3951,10 +5993,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💂, guardsman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="guardsman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3962,10 +6010,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💂‍♂️, male-guard"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-guard"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3973,10 +6027,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💂‍♀️, female-guard"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-guard"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3984,10 +6044,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥷, ninja"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ninja"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -3995,10 +6061,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👷, construction_worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="construction_worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4006,10 +6078,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👷‍♂️, male-construction-worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male-construction-worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4017,10 +6095,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👷‍♀️, female-construction-worker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female-construction-worker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4028,10 +6112,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤴, prince"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="prince"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4039,10 +6129,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👸, princess"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="princess"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4050,10 +6146,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👳, man_with_turban"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_with_turban"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4061,10 +6163,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👳‍♂️, man-wearing-turban"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-wearing-turban"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4072,10 +6180,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👳‍♀️, woman-wearing-turban"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-wearing-turban"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4083,10 +6197,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👲, man_with_gua_pi_mao"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_with_gua_pi_mao"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4094,10 +6214,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧕, person_with_headscarf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_with_headscarf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4105,10 +6231,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤵, person_in_tuxedo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_in_tuxedo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4116,10 +6248,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤵‍♂️, man_in_tuxedo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_in_tuxedo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4127,10 +6265,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤵‍♀️, woman_in_tuxedo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_in_tuxedo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4138,10 +6282,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👰, bride_with_veil"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bride_with_veil"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4149,10 +6299,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👰‍♂️, man_with_veil"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_with_veil"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4160,10 +6316,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👰‍♀️, woman_with_veil"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_with_veil"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4171,10 +6333,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤰, pregnant_woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pregnant_woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4182,10 +6350,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤱, breast-feeding"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="breast-feeding"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4193,10 +6367,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🍼, woman_feeding_baby"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_feeding_baby"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4204,10 +6384,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🍼, man_feeding_baby"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_feeding_baby"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4215,10 +6401,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🍼, person_feeding_baby"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_feeding_baby"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4226,10 +6418,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👼, angel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="angel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4237,10 +6435,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎅, santa"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="santa"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4248,10 +6452,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤶, mrs_claus, mother_christmas"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mrs_claus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4259,10 +6469,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🎄, mx_claus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mx_claus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4270,10 +6486,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦸, superhero"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="superhero"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4281,10 +6503,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦸‍♂️, male_superhero"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_superhero"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4292,10 +6520,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦸‍♀️, female_superhero"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_superhero"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4303,10 +6537,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦹, supervillain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="supervillain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4314,10 +6554,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦹‍♂️, male_supervillain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_supervillain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4325,10 +6571,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦹‍♀️, female_supervillain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_supervillain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4336,10 +6588,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧙, mage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4347,10 +6605,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧙‍♂️, male_mage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_mage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4358,10 +6622,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧙‍♀️, female_mage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_mage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4369,10 +6639,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧚, fairy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fairy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4380,10 +6656,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧚‍♂️, male_fairy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_fairy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4391,10 +6673,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧚‍♀️, female_fairy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_fairy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4402,10 +6690,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧛, vampire"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="vampire"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4413,10 +6707,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧛‍♂️, male_vampire"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_vampire"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4424,10 +6724,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧛‍♀️, female_vampire"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_vampire"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4435,10 +6741,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧜, merperson"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="merperson"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4446,10 +6758,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧜‍♂️, merman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="merman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4457,10 +6775,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧜‍♀️, mermaid"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mermaid"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4468,10 +6792,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧝, elf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="elf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4479,10 +6809,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧝‍♂️, male_elf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_elf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4490,10 +6826,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧝‍♀️, female_elf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_elf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4501,10 +6843,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧞, genie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="genie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4512,10 +6860,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧞‍♂️, male_genie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_genie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4523,10 +6877,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧞‍♀️, female_genie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_genie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4534,10 +6894,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧟, zombie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="zombie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4545,10 +6911,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧟‍♂️, male_zombie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="male_zombie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4556,10 +6928,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧟‍♀️, female_zombie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="female_zombie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4567,10 +6945,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💆, massage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="massage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4578,10 +6962,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💆‍♂️, man-getting-massage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-getting-massage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4589,10 +6979,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💆‍♀️, woman-getting-massage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-getting-massage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4600,10 +6996,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💇, haircut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="haircut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4611,10 +7013,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💇‍♂️, man-getting-haircut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-getting-haircut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4622,10 +7030,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💇‍♀️, woman-getting-haircut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-getting-haircut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4633,10 +7047,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚶, walking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="walking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4644,10 +7064,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚶‍♂️, man-walking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-walking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4655,10 +7081,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚶‍♀️, woman-walking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-walking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4666,10 +7098,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧍, standing_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="standing_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4677,10 +7115,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧍‍♂️, man_standing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_standing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4688,10 +7132,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧍‍♀️, woman_standing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_standing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4699,10 +7149,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧎, kneeling_person"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kneeling_person"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4710,10 +7166,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧎‍♂️, man_kneeling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_kneeling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4721,10 +7183,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧎‍♀️, woman_kneeling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_kneeling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4732,10 +7200,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦯, person_with_probing_cane"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_with_probing_cane"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4743,10 +7217,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦯, man_with_probing_cane"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_with_probing_cane"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4754,10 +7234,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦯, woman_with_probing_cane"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_with_probing_cane"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4765,10 +7251,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦼, person_in_motorized_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_in_motorized_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4776,10 +7268,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦼, man_in_motorized_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_in_motorized_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4787,10 +7285,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦼, woman_in_motorized_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_in_motorized_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4798,10 +7302,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🦽, person_in_manual_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_in_manual_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4809,10 +7319,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍🦽, man_in_manual_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_in_manual_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4820,10 +7336,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍🦽, woman_in_manual_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_in_manual_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4831,10 +7353,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏃, runner, running"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="runner"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4842,10 +7370,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏃‍♂️, man-running"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-running"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4853,10 +7387,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏃‍♀️, woman-running"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-running"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4864,10 +7404,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💃, dancer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dancer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4875,10 +7421,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕺, man_dancing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_dancing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4886,10 +7438,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕴️, man_in_business_suit_levitating"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_in_business_suit_levitating"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4897,10 +7455,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👯, dancers"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dancers"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4908,10 +7472,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👯‍♂️, man-with-bunny-ears-partying"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-with-bunny-ears-partying"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4919,10 +7489,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👯‍♀️, woman-with-bunny-ears-partying"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-with-bunny-ears-partying"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4930,10 +7506,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧖, person_in_steamy_room"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_in_steamy_room"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4941,10 +7523,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧖‍♂️, man_in_steamy_room"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_in_steamy_room"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4952,10 +7540,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧖‍♀️, woman_in_steamy_room"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_in_steamy_room"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4963,10 +7557,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧗, person_climbing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_climbing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4974,10 +7574,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧗‍♂️, man_climbing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_climbing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4985,10 +7591,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧗‍♀️, woman_climbing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_climbing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -4996,10 +7608,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤺, fencer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fencer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5007,10 +7625,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏇, horse_racing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="horse_racing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5018,10 +7642,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛷️, skier"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="skier"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5029,10 +7659,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏂, snowboarder"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snowboarder"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5040,10 +7676,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏌️, golfer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="golfer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5051,10 +7693,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏌️‍♂️, man-golfing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-golfing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5062,10 +7710,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏌️‍♀️, woman-golfing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-golfing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5073,10 +7727,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏄, surfer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="surfer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5084,10 +7744,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏄‍♂️, man-surfing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-surfing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5095,10 +7761,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏄‍♀️, woman-surfing"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-surfing"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5106,10 +7778,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚣, rowboat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rowboat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5117,10 +7795,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚣‍♂️, man-rowing-boat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-rowing-boat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5128,10 +7812,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚣‍♀️, woman-rowing-boat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-rowing-boat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5139,10 +7829,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏊, swimmer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="swimmer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5150,10 +7846,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏊‍♂️, man-swimming"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-swimming"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5161,10 +7863,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏊‍♀️, woman-swimming"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-swimming"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5172,10 +7880,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛹️, person_with_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_with_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5183,10 +7897,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛹️‍♂️, man-bouncing-ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-bouncing-ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5194,10 +7914,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛹️‍♀️, woman-bouncing-ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-bouncing-ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5205,10 +7931,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏋️, weight_lifter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="weight_lifter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5216,10 +7948,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏋️‍♂️, man-lifting-weights"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-lifting-weights"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5227,10 +7965,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏋️‍♀️, woman-lifting-weights"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-lifting-weights"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5238,10 +7982,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚴, bicyclist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bicyclist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5249,10 +7999,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚴‍♂️, man-biking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-biking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5260,10 +8016,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚴‍♀️, woman-biking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-biking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5271,10 +8033,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚵, mountain_bicyclist"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mountain_bicyclist"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5282,10 +8050,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚵‍♂️, man-mountain-biking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-mountain-biking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5293,10 +8067,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚵‍♀️, woman-mountain-biking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-mountain-biking"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5304,10 +8084,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤸, person_doing_cartwheel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_doing_cartwheel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5315,10 +8101,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤸‍♂️, man-cartwheeling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-cartwheeling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5326,10 +8118,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤸‍♀️, woman-cartwheeling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-cartwheeling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5337,10 +8135,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤼, wrestlers"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wrestlers"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5348,10 +8152,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤼‍♂️, man-wrestling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-wrestling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5359,10 +8169,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤼‍♀️, woman-wrestling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-wrestling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5370,10 +8186,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤽, water_polo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="water_polo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5381,10 +8203,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤽‍♂️, man-playing-water-polo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-playing-water-polo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5392,10 +8220,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤽‍♀️, woman-playing-water-polo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-playing-water-polo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5403,10 +8237,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤾, handball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="handball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5414,10 +8254,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤾‍♂️, man-playing-handball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-playing-handball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5425,10 +8271,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤾‍♀️, woman-playing-handball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-playing-handball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5436,10 +8288,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤹, juggling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="juggling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5447,10 +8305,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤹‍♂️, man-juggling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-juggling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5458,10 +8322,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤹‍♀️, woman-juggling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-juggling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5469,10 +8339,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧘, person_in_lotus_position"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="person_in_lotus_position"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5480,10 +8356,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧘‍♂️, man_in_lotus_position"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_in_lotus_position"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5491,10 +8373,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧘‍♀️, woman_in_lotus_position"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman_in_lotus_position"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5502,10 +8390,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛀, bath"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bath"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5513,10 +8407,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛌, sleeping_accommodation"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sleeping_accommodation"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5524,10 +8424,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧑‍🤝‍🧑, people_holding_hands"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="people_holding_hands"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5535,10 +8441,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👭, two_women_holding_hands, women_holding_hands"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="two_women_holding_hands"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5546,10 +8458,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👫, man_and_woman_holding_hands, woman_and_man_holding_hands, couple"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man_and_woman_holding_hands"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5557,10 +8475,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👬, two_men_holding_hands, men_holding_hands"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="two_men_holding_hands"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5568,10 +8492,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💏, couplekiss"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="couplekiss"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5579,10 +8509,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍❤️‍💋‍👨, woman-kiss-man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-kiss-man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5590,10 +8526,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍❤️‍💋‍👨, man-kiss-man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-kiss-man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5601,10 +8543,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍❤️‍💋‍👩, woman-kiss-woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-kiss-woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5612,10 +8560,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💑, couple_with_heart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="couple_with_heart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5623,10 +8577,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍❤️‍👨, woman-heart-man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-heart-man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5634,10 +8594,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍❤️‍👨, man-heart-man"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-heart-man"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5645,10 +8611,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍❤️‍👩, woman-heart-woman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-heart-woman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5656,10 +8628,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👪, family"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="family"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5667,10 +8645,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👩‍👦, man-woman-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-woman-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5678,10 +8662,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👩‍👧, man-woman-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-woman-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5689,10 +8679,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👩‍👧‍👦, man-woman-girl-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-woman-girl-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5700,10 +8696,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👩‍👦‍👦, man-woman-boy-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-woman-boy-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5711,10 +8713,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👩‍👧‍👧, man-woman-girl-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-woman-girl-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5722,10 +8730,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👨‍👦, man-man-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-man-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5733,10 +8747,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👨‍👧, man-man-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-man-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5744,10 +8764,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👨‍👧‍👦, man-man-girl-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-man-girl-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5755,10 +8781,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👨‍👦‍👦, man-man-boy-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-man-boy-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5766,10 +8798,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👨‍👧‍👧, man-man-girl-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-man-girl-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5777,10 +8815,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👩‍👦, woman-woman-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-woman-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5788,10 +8832,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👩‍👧, woman-woman-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-woman-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5799,10 +8849,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👩‍👧‍👦, woman-woman-girl-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-woman-girl-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5810,10 +8866,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👩‍👦‍👦, woman-woman-boy-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-woman-boy-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5821,10 +8883,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👩‍👧‍👧, woman-woman-girl-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-woman-girl-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5832,10 +8900,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👦, man-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5843,10 +8917,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👦‍👦, man-boy-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-boy-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5854,10 +8934,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👧, man-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5865,10 +8951,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👧‍👦, man-girl-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-girl-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5876,10 +8968,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👨‍👧‍👧, man-girl-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="man-girl-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5887,10 +8985,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👦, woman-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5898,10 +9002,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👦‍👦, woman-boy-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-boy-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5909,10 +9019,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👧, woman-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5920,10 +9036,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👧‍👦, woman-girl-boy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-girl-boy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5931,10 +9053,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👩‍👧‍👧, woman-girl-girl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="woman-girl-girl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5942,10 +9070,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗣️, speaking_head_in_silhouette"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="speaking_head_in_silhouette"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5953,10 +9087,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👤, bust_in_silhouette"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bust_in_silhouette"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5964,10 +9104,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👥, busts_in_silhouette"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="busts_in_silhouette"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5975,10 +9121,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫂, people_hugging"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="people_hugging"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5986,10 +9138,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="👣, footprints"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="footprints"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -5997,10 +9155,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
       <div
@@ -6010,20 +9168,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="3"
         >
-          <div
+          <section
+            aria-label="Animals & Nature"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 Animals & Nature
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="🐵, monkey_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="monkey_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6031,10 +9198,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐒, monkey"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="monkey"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6042,10 +9215,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦍, gorilla"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="gorilla"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6053,10 +9232,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦧, orangutan"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="orangutan"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6064,10 +9249,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐶, dog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6075,10 +9266,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐕, dog2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dog2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6086,10 +9283,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦮, guide_dog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="guide_dog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6097,10 +9300,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐕‍🦺, service_dog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="service_dog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6108,10 +9317,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐩, poodle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="poodle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6119,10 +9334,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐺, wolf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wolf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6130,10 +9351,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦊, fox_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fox_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6141,10 +9368,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦝, raccoon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="raccoon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6152,10 +9385,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐱, cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6163,10 +9402,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐈, cat2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cat2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6174,10 +9419,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐈‍⬛, black_cat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="black_cat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6185,10 +9436,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦁, lion_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lion_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6196,10 +9453,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐯, tiger"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tiger"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6207,10 +9470,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐅, tiger2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tiger2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6218,10 +9487,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐆, leopard"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="leopard"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6229,10 +9504,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐴, horse"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="horse"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6240,10 +9521,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐎, racehorse"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="racehorse"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6251,10 +9538,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦄, unicorn_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="unicorn_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6262,10 +9555,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦓, zebra_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="zebra_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6273,10 +9572,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦌, deer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="deer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6284,10 +9589,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦬, bison"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bison"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6295,10 +9606,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐮, cow"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cow"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6306,10 +9623,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐂, ox"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ox"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6317,10 +9640,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐃, water_buffalo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="water_buffalo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6328,10 +9657,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐄, cow2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cow2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6339,10 +9674,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐷, pig"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pig"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6350,10 +9691,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐖, pig2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pig2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6361,10 +9708,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐗, boar"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="boar"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6372,10 +9725,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐽, pig_nose"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pig_nose"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6383,10 +9742,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐏, ram"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ram"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6394,10 +9759,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐑, sheep"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sheep"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6405,10 +9776,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐐, goat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="goat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6416,10 +9793,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐪, dromedary_camel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dromedary_camel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6427,10 +9810,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐫, camel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="camel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6438,10 +9827,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦙, llama"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="llama"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6449,10 +9844,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦒, giraffe_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="giraffe_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6460,10 +9861,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐘, elephant"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="elephant"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6471,10 +9878,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦣, mammoth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mammoth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6482,10 +9895,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦏, rhinoceros"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rhinoceros"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6493,10 +9912,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦛, hippopotamus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hippopotamus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6504,10 +9929,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐭, mouse"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mouse"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6515,10 +9946,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐁, mouse2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mouse2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6526,10 +9963,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐀, rat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6537,10 +9980,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐹, hamster"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hamster"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6548,10 +9997,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐰, rabbit"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rabbit"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6559,10 +10014,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐇, rabbit2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rabbit2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6570,10 +10031,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐿️, chipmunk"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="chipmunk"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6581,10 +10048,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦫, beaver"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="beaver"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6592,10 +10065,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦔, hedgehog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hedgehog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6603,10 +10082,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦇, bat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6614,10 +10099,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐻, bear"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bear"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6625,10 +10116,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐻‍❄️, polar_bear"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="polar_bear"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6636,10 +10133,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐨, koala"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="koala"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6647,10 +10150,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐼, panda_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="panda_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6658,10 +10167,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦥, sloth"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sloth"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6669,10 +10184,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦦, otter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="otter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6680,10 +10201,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦨, skunk"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="skunk"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6691,10 +10218,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦘, kangaroo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kangaroo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6702,10 +10235,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦡, badger"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="badger"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6713,10 +10252,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐾, feet, paw_prints"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="feet"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6724,10 +10269,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦃, turkey"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="turkey"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6735,10 +10286,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐔, chicken"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="chicken"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6746,10 +10303,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐓, rooster"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rooster"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6757,10 +10320,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐣, hatching_chick"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hatching_chick"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6768,10 +10337,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐤, baby_chick"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="baby_chick"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6779,10 +10354,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐥, hatched_chick"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hatched_chick"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6790,10 +10371,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐦, bird"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bird"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6801,10 +10388,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐧, penguin"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="penguin"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6812,10 +10405,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕊️, dove_of_peace"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dove_of_peace"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6823,10 +10422,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦅, eagle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="eagle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6834,10 +10439,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦆, duck"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="duck"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6845,10 +10456,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦢, swan"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="swan"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6856,10 +10473,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦉, owl"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="owl"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6867,10 +10490,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦤, dodo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dodo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6878,10 +10507,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪶, feather"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="feather"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6889,10 +10524,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦩, flamingo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flamingo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6900,10 +10541,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦚, peacock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="peacock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6911,10 +10558,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦜, parrot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="parrot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6922,10 +10575,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐸, frog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="frog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6933,10 +10592,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐊, crocodile"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="crocodile"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6944,10 +10609,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐢, turtle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="turtle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6955,10 +10626,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦎, lizard"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lizard"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6966,10 +10643,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐍, snake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6977,10 +10660,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐲, dragon_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dragon_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6988,10 +10677,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐉, dragon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dragon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -6999,10 +10694,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦕, sauropod"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sauropod"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7010,10 +10711,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦖, t-rex"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="t-rex"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7021,10 +10728,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐳, whale"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="whale"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7032,10 +10745,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐋, whale2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="whale2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7043,10 +10762,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐬, dolphin, flipper"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dolphin"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7054,10 +10779,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦭, seal"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="seal"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7065,10 +10796,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐟, fish"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fish"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7076,10 +10813,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐠, tropical_fish"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tropical_fish"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7087,10 +10830,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐡, blowfish"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blowfish"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7098,10 +10847,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦈, shark"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shark"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7109,10 +10864,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐙, octopus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="octopus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7120,10 +10881,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐚, shell"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shell"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7131,10 +10898,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐌, snail"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snail"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7142,10 +10915,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦋, butterfly"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="butterfly"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7153,10 +10932,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐛, bug"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bug"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7164,10 +10949,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐜, ant"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ant"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7175,10 +10966,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐝, bee, honeybee"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bee"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7186,10 +10983,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪲, beetle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="beetle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7197,10 +11000,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🐞, ladybug, lady_beetle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ladybug"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7208,10 +11017,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦗, cricket"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cricket"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7219,10 +11034,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪳, cockroach"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cockroach"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7230,10 +11051,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕷️, spider"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="spider"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7241,10 +11068,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕸️, spider_web"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="spider_web"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7252,10 +11085,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦂, scorpion"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="scorpion"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7263,10 +11102,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦟, mosquito"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mosquito"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7274,10 +11119,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪰, fly"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fly"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7285,10 +11136,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪱, worm"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="worm"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7296,10 +11153,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦠, microbe"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="microbe"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7307,10 +11170,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💐, bouquet"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bouquet"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7318,10 +11187,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌸, cherry_blossom"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cherry_blossom"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7329,10 +11204,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💮, white_flower"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="white_flower"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7340,10 +11221,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏵️, rosette"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rosette"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7351,10 +11238,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌹, rose"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rose"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7362,10 +11255,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥀, wilted_flower"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wilted_flower"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7373,10 +11272,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌺, hibiscus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hibiscus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7384,10 +11289,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌻, sunflower"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sunflower"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7395,10 +11306,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌼, blossom"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blossom"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7406,10 +11323,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌷, tulip"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tulip"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7417,10 +11340,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌱, seedling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="seedling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7428,10 +11357,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪴, potted_plant"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="potted_plant"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7439,10 +11374,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌲, evergreen_tree"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="evergreen_tree"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7450,10 +11391,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌳, deciduous_tree"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="deciduous_tree"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7461,10 +11408,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌴, palm_tree"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="palm_tree"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7472,10 +11425,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌵, cactus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cactus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7483,10 +11442,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌾, ear_of_rice"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ear_of_rice"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7494,10 +11459,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌿, herb"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="herb"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7505,10 +11476,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☘️, shamrock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shamrock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7516,10 +11493,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍀, four_leaf_clover"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="four_leaf_clover"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7527,10 +11510,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍁, maple_leaf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="maple_leaf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7538,10 +11527,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍂, fallen_leaf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fallen_leaf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7549,10 +11544,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍃, leaves"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="leaves"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7560,10 +11561,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
       <div
@@ -7573,20 +11574,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="4"
         >
-          <div
+          <section
+            aria-label="Food & Drink"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 Food & Drink
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="🍇, grapes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="grapes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7594,10 +11604,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍈, melon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="melon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7605,10 +11621,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍉, watermelon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="watermelon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7616,10 +11638,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍊, tangerine"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tangerine"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7627,10 +11655,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍋, lemon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lemon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7638,10 +11672,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍌, banana"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="banana"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7649,10 +11689,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍍, pineapple"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pineapple"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7660,10 +11706,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥭, mango"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mango"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7671,10 +11723,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍎, apple"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="apple"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7682,10 +11740,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍏, green_apple"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="green_apple"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7693,10 +11757,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍐, pear"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pear"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7704,10 +11774,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍑, peach"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="peach"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7715,10 +11791,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍒, cherries"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cherries"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7726,10 +11808,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍓, strawberry"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="strawberry"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7737,10 +11825,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫐, blueberries"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blueberries"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7748,10 +11842,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥝, kiwifruit"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kiwifruit"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7759,10 +11859,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍅, tomato"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tomato"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7770,10 +11876,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫒, olive"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="olive"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7781,10 +11893,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥥, coconut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="coconut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7792,10 +11910,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥑, avocado"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="avocado"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7803,10 +11927,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍆, eggplant"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="eggplant"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7814,10 +11944,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥔, potato"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="potato"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7825,10 +11961,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥕, carrot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="carrot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7836,10 +11978,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌽, corn"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="corn"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7847,10 +11995,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌶️, hot_pepper"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hot_pepper"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7858,10 +12012,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫑, bell_pepper"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bell_pepper"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7869,10 +12029,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥒, cucumber"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cucumber"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7880,10 +12046,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥬, leafy_green"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="leafy_green"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7891,10 +12063,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥦, broccoli"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="broccoli"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7902,10 +12080,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧄, garlic"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="garlic"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7913,10 +12097,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧅, onion"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="onion"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7924,10 +12114,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍄, mushroom"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mushroom"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7935,10 +12131,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥜, peanuts"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="peanuts"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7946,10 +12148,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌰, chestnut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="chestnut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7957,10 +12165,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍞, bread"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bread"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7968,10 +12182,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥐, croissant"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="croissant"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7979,10 +12199,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥖, baguette_bread"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="baguette_bread"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -7990,10 +12216,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫓, flatbread"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flatbread"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8001,10 +12233,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥨, pretzel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pretzel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8012,10 +12250,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥯, bagel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bagel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8023,10 +12267,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥞, pancakes"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pancakes"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8034,10 +12284,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧇, waffle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="waffle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8045,10 +12301,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧀, cheese_wedge"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cheese_wedge"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8056,10 +12318,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍖, meat_on_bone"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="meat_on_bone"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8067,10 +12335,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍗, poultry_leg"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="poultry_leg"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8078,10 +12352,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥩, cut_of_meat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cut_of_meat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8089,10 +12369,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥓, bacon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bacon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8100,10 +12386,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍔, hamburger"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hamburger"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8111,10 +12403,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍟, fries"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fries"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8122,10 +12420,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍕, pizza"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pizza"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8133,10 +12437,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌭, hotdog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hotdog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8144,10 +12454,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥪, sandwich"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sandwich"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8155,10 +12471,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌮, taco"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="taco"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8166,10 +12488,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌯, burrito"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="burrito"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8177,10 +12505,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫔, tamale"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tamale"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8188,10 +12522,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥙, stuffed_flatbread"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stuffed_flatbread"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8199,10 +12539,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧆, falafel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="falafel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8210,10 +12556,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥚, egg"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="egg"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8221,10 +12573,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍳, fried_egg, cooking"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fried_egg"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8232,10 +12590,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥘, shallow_pan_of_food"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shallow_pan_of_food"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8243,10 +12607,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍲, stew"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stew"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8254,10 +12624,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫕, fondue"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fondue"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8265,10 +12641,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥣, bowl_with_spoon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bowl_with_spoon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8276,10 +12658,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥗, green_salad"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="green_salad"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8287,10 +12675,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍿, popcorn"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="popcorn"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8298,10 +12692,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧈, butter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="butter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8309,10 +12709,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧂, salt"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="salt"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8320,10 +12726,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥫, canned_food"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="canned_food"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8331,10 +12743,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍱, bento"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bento"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8342,10 +12760,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍘, rice_cracker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rice_cracker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8353,10 +12777,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍙, rice_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rice_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8364,10 +12794,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍚, rice"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rice"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8375,10 +12811,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍛, curry"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="curry"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8386,10 +12828,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍜, ramen"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ramen"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8397,10 +12845,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍝, spaghetti"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="spaghetti"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8408,10 +12862,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍠, sweet_potato"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sweet_potato"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8419,10 +12879,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍢, oden"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oden"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8430,10 +12896,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍣, sushi"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sushi"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8441,10 +12913,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍤, fried_shrimp"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fried_shrimp"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8452,10 +12930,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍥, fish_cake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fish_cake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8463,10 +12947,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥮, moon_cake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="moon_cake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8474,10 +12964,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍡, dango"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dango"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8485,10 +12981,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥟, dumpling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dumpling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8496,10 +12998,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥠, fortune_cookie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fortune_cookie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8507,10 +13015,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥡, takeout_box"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="takeout_box"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8518,10 +13032,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦀, crab"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="crab"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8529,10 +13049,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦞, lobster"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lobster"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8540,10 +13066,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦐, shrimp"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shrimp"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8551,10 +13083,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦑, squid"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="squid"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8562,10 +13100,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦪, oyster"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oyster"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8573,10 +13117,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍦, icecream"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="icecream"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8584,10 +13134,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍧, shaved_ice"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shaved_ice"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8595,10 +13151,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍨, ice_cream"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ice_cream"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8606,10 +13168,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍩, doughnut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="doughnut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8617,10 +13185,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍪, cookie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cookie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8628,10 +13202,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎂, birthday"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="birthday"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8639,10 +13219,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍰, cake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8650,10 +13236,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧁, cupcake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cupcake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8661,10 +13253,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥧, pie"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pie"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8672,10 +13270,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍫, chocolate_bar"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="chocolate_bar"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8683,10 +13287,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍬, candy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="candy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8694,10 +13304,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍭, lollipop"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lollipop"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8705,10 +13321,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍮, custard"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="custard"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8716,10 +13338,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍯, honey_pot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="honey_pot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8727,10 +13355,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍼, baby_bottle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="baby_bottle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8738,10 +13372,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥛, glass_of_milk"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="glass_of_milk"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8749,10 +13389,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☕, coffee"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="coffee"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8760,10 +13406,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🫖, teapot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="teapot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8771,10 +13423,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍵, tea"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tea"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8782,10 +13440,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍶, sake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8793,10 +13457,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍾, champagne"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="champagne"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8804,10 +13474,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍷, wine_glass"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wine_glass"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8815,10 +13491,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍸, cocktail"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cocktail"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8826,10 +13508,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍹, tropical_drink"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tropical_drink"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8837,10 +13525,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍺, beer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="beer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8848,10 +13542,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍻, beers"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="beers"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8859,10 +13559,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥂, clinking_glasses"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clinking_glasses"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8870,10 +13576,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥃, tumbler_glass"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tumbler_glass"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8881,10 +13593,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥤, cup_with_straw"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cup_with_straw"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8892,10 +13610,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧋, bubble_tea"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bubble_tea"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8903,10 +13627,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧃, beverage_box"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="beverage_box"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8914,10 +13644,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧉, mate_drink"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mate_drink"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8925,10 +13661,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧊, ice_cube"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ice_cube"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8936,10 +13678,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥢, chopsticks"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="chopsticks"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8947,10 +13695,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍽️, knife_fork_plate"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="knife_fork_plate"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8958,10 +13712,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🍴, fork_and_knife"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fork_and_knife"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8969,10 +13729,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥄, spoon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="spoon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8980,10 +13746,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🔪, hocho, knife"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hocho"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -8991,10 +13763,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏺, amphora"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="amphora"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9002,10 +13780,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
       <div
@@ -9015,20 +13793,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="5"
         >
-          <div
+          <section
+            aria-label="Activity"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 Activity
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="🎃, jack_o_lantern"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="jack_o_lantern"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9036,10 +13823,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎄, christmas_tree"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="christmas_tree"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9047,10 +13840,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎆, fireworks"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fireworks"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9058,10 +13857,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎇, sparkler"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sparkler"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9069,10 +13874,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧨, firecracker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="firecracker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9080,10 +13891,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="✨, sparkles"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sparkles"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9091,10 +13908,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎈, balloon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="balloon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9102,10 +13925,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎉, tada"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tada"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9113,10 +13942,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎊, confetti_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="confetti_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9124,10 +13959,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎋, tanabata_tree"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tanabata_tree"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9135,10 +13976,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎍, bamboo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bamboo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9146,10 +13993,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎎, dolls"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dolls"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9157,10 +14010,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎏, flags"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flags"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9168,10 +14027,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎐, wind_chime"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wind_chime"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9179,10 +14044,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎑, rice_scene"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rice_scene"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9190,10 +14061,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧧, red_envelope"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="red_envelope"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9201,10 +14078,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎀, ribbon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ribbon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9212,10 +14095,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎁, gift"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="gift"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9223,10 +14112,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎗️, reminder_ribbon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="reminder_ribbon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9234,10 +14129,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎟️, admission_tickets"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="admission_tickets"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9245,10 +14146,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎫, ticket"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ticket"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9256,10 +14163,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎖️, medal"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="medal"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9267,10 +14180,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏆, trophy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="trophy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9278,10 +14197,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏅, sports_medal"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sports_medal"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9289,10 +14214,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥇, first_place_medal"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="first_place_medal"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9300,10 +14231,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥈, second_place_medal"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="second_place_medal"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9311,10 +14248,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥉, third_place_medal"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="third_place_medal"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9322,10 +14265,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⚽, soccer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="soccer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9333,10 +14282,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⚾, baseball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="baseball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9344,10 +14299,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥎, softball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="softball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9355,10 +14316,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏀, basketball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="basketball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9366,10 +14333,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏐, volleyball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="volleyball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9377,10 +14350,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏈, football"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="football"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9388,10 +14367,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏉, rugby_football"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rugby_football"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9399,10 +14384,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎾, tennis"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tennis"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9410,10 +14401,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥏, flying_disc"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flying_disc"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9421,10 +14418,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎳, bowling"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bowling"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9432,10 +14435,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏏, cricket_bat_and_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cricket_bat_and_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9443,10 +14452,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏑, field_hockey_stick_and_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="field_hockey_stick_and_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9454,10 +14469,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏒, ice_hockey_stick_and_puck"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ice_hockey_stick_and_puck"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9465,10 +14486,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥍, lacrosse"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lacrosse"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9476,10 +14503,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏓, table_tennis_paddle_and_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="table_tennis_paddle_and_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9487,10 +14520,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏸, badminton_racquet_and_shuttlecock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="badminton_racquet_and_shuttlecock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9498,10 +14537,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥊, boxing_glove"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="boxing_glove"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9509,10 +14554,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥋, martial_arts_uniform"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="martial_arts_uniform"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9520,10 +14571,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥅, goal_net"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="goal_net"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9531,10 +14588,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛳, golf"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="golf"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9542,10 +14605,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛸️, ice_skate"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ice_skate"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9553,10 +14622,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎣, fishing_pole_and_fish"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fishing_pole_and_fish"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9564,10 +14639,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🤿, diving_mask"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="diving_mask"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9575,10 +14656,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎽, running_shirt_with_sash"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="running_shirt_with_sash"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9586,10 +14673,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎿, ski"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ski"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9597,10 +14690,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛷, sled"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sled"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9608,10 +14707,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🥌, curling_stone"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="curling_stone"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9619,10 +14724,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎯, dart"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="dart"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9630,10 +14741,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪀, yo-yo"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="yo-yo"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9641,10 +14758,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪁, kite"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kite"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9652,10 +14775,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎱, 8ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="8ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9663,10 +14792,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🔮, crystal_ball"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="crystal_ball"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9674,10 +14809,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪄, magic_wand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="magic_wand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9685,10 +14826,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧿, nazar_amulet"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="nazar_amulet"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9696,10 +14843,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎮, video_game"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="video_game"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9707,10 +14860,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕹️, joystick"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="joystick"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9718,10 +14877,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎰, slot_machine"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="slot_machine"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9729,10 +14894,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎲, game_die"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="game_die"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9740,10 +14911,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧩, jigsaw"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="jigsaw"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9751,10 +14928,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧸, teddy_bear"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="teddy_bear"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9762,10 +14945,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪅, pinata"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pinata"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9773,10 +14962,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪆, nesting_dolls"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="nesting_dolls"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9784,10 +14979,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="♠️, spades"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="spades"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9795,10 +14996,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="♥️, hearts"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hearts"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9806,10 +15013,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="♦️, diamonds"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="diamonds"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9817,10 +15030,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="♣️, clubs"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clubs"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9828,10 +15047,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="♟️, chess_pawn"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="chess_pawn"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9839,10 +15064,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🃏, black_joker"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="black_joker"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9850,10 +15081,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🀄, mahjong"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mahjong"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9861,10 +15098,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎴, flower_playing_cards"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flower_playing_cards"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9872,10 +15115,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎭, performing_arts"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="performing_arts"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9883,10 +15132,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🖼️, frame_with_picture"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="frame_with_picture"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9894,10 +15149,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎨, art"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="art"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9905,10 +15166,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧵, thread"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="thread"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9916,10 +15183,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪡, sewing_needle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sewing_needle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9927,10 +15200,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧶, yarn"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="yarn"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9938,10 +15217,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪢, knot"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="knot"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9949,10 +15234,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
       <div
@@ -9962,20 +15247,29 @@ exports[`Picker renders correctly 1`] = `
         <div
           data-index="6"
         >
-          <div
+          <section
+            aria-label="Travel & Places"
             class="emoji-mart-category"
           >
             <div
               class="emoji-mart-category-label"
             >
-              <span>
+              <h3
+                class="emoji-mart-category-label"
+              >
                 Travel & Places
-              </span>
+              </h3>
             </div>
              
-            <span
+            <button
+              aria-label="🌍, earth_africa"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="earth_africa"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9983,10 +15277,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌎, earth_americas"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="earth_americas"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -9994,10 +15294,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌏, earth_asia"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="earth_asia"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10005,10 +15311,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌐, globe_with_meridians"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="globe_with_meridians"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10016,10 +15328,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗺️, world_map"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="world_map"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10027,10 +15345,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗾, japan"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="japan"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10038,10 +15362,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧭, compass"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="compass"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10049,10 +15379,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏔️, snow_capped_mountain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snow_capped_mountain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10060,10 +15396,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛰️, mountain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mountain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10071,10 +15413,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌋, volcano"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="volcano"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10082,10 +15430,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗻, mount_fuji"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mount_fuji"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10093,10 +15447,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏕️, camping"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="camping"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10104,10 +15464,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏖️, beach_with_umbrella"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="beach_with_umbrella"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10115,10 +15481,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏜️, desert"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="desert"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10126,10 +15498,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏝️, desert_island"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="desert_island"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10137,10 +15515,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏞️, national_park"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="national_park"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10148,10 +15532,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏟️, stadium"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stadium"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10159,10 +15549,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏛️, classical_building"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="classical_building"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10170,10 +15566,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏗️, building_construction"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="building_construction"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10181,10 +15583,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧱, bricks"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bricks"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10192,10 +15600,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪨, rock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10203,10 +15617,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪵, wood"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wood"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10214,10 +15634,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛖, hut"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hut"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10225,10 +15651,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏘️, house_buildings"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="house_buildings"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10236,10 +15668,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏚️, derelict_house_building"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="derelict_house_building"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10247,10 +15685,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏠, house"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="house"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10258,10 +15702,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏡, house_with_garden"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="house_with_garden"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10269,10 +15719,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏢, office"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="office"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10280,10 +15736,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏣, post_office"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="post_office"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10291,10 +15753,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏤, european_post_office"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="european_post_office"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10302,10 +15770,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏥, hospital"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hospital"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10313,10 +15787,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏦, bank"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bank"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10324,10 +15804,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏨, hotel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hotel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10335,10 +15821,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏩, love_hotel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="love_hotel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10346,10 +15838,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏪, convenience_store"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="convenience_store"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10357,10 +15855,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏫, school"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="school"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10368,10 +15872,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏬, department_store"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="department_store"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10379,10 +15889,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏭, factory"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="factory"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10390,10 +15906,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏯, japanese_castle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="japanese_castle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10401,10 +15923,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏰, european_castle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="european_castle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10412,10 +15940,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💒, wedding"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wedding"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10423,10 +15957,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗼, tokyo_tower"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tokyo_tower"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10434,10 +15974,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🗽, statue_of_liberty"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="statue_of_liberty"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10445,10 +15991,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛪, church"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="church"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10456,10 +16008,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕌, mosque"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mosque"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10467,10 +16025,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛕, hindu_temple"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hindu_temple"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10478,10 +16042,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕍, synagogue"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="synagogue"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10489,10 +16059,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛩️, shinto_shrine"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="shinto_shrine"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10500,10 +16076,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕋, kaaba"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="kaaba"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10511,10 +16093,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛲, fountain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fountain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10522,10 +16110,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛺, tent"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tent"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10533,10 +16127,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌁, foggy"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="foggy"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10544,10 +16144,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌃, night_with_stars"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="night_with_stars"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10555,10 +16161,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏙️, cityscape"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cityscape"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10566,10 +16178,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌄, sunrise_over_mountains"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sunrise_over_mountains"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10577,10 +16195,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌅, sunrise"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sunrise"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10588,10 +16212,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌆, city_sunset"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="city_sunset"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10599,10 +16229,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌇, city_sunrise"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="city_sunrise"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10610,10 +16246,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌉, bridge_at_night"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bridge_at_night"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10621,10 +16263,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="♨️, hotsprings"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hotsprings"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10632,10 +16280,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎠, carousel_horse"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="carousel_horse"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10643,10 +16297,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎡, ferris_wheel"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ferris_wheel"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10654,10 +16314,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎢, roller_coaster"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="roller_coaster"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10665,10 +16331,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💈, barber"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="barber"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10676,10 +16348,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🎪, circus_tent"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="circus_tent"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10687,10 +16365,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚂, steam_locomotive"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="steam_locomotive"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10698,10 +16382,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚃, railway_car"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="railway_car"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10709,10 +16399,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚄, bullettrain_side"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bullettrain_side"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10720,10 +16416,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚅, bullettrain_front"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bullettrain_front"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10731,10 +16433,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚆, train2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="train2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10742,10 +16450,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚇, metro"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="metro"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10753,10 +16467,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚈, light_rail"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="light_rail"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10764,10 +16484,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚉, station"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="station"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10775,10 +16501,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚊, tram"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tram"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10786,10 +16518,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚝, monorail"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="monorail"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10797,10 +16535,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚞, mountain_railway"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mountain_railway"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10808,10 +16552,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚋, train"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="train"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10819,10 +16569,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚌, bus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10830,10 +16586,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚍, oncoming_bus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oncoming_bus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10841,10 +16603,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚎, trolleybus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="trolleybus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10852,10 +16620,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚐, minibus"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="minibus"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10863,10 +16637,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚑, ambulance"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ambulance"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10874,10 +16654,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚒, fire_engine"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fire_engine"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10885,10 +16671,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚓, police_car"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="police_car"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10896,10 +16688,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚔, oncoming_police_car"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oncoming_police_car"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10907,10 +16705,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚕, taxi"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="taxi"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10918,10 +16722,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚖, oncoming_taxi"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oncoming_taxi"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10929,10 +16739,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚗, car, red_car"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="car"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10940,10 +16756,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚘, oncoming_automobile"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oncoming_automobile"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10951,10 +16773,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚙, blue_car"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="blue_car"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10962,10 +16790,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛻, pickup_truck"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="pickup_truck"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10973,10 +16807,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚚, truck"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="truck"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10984,10 +16824,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚛, articulated_lorry"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="articulated_lorry"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -10995,10 +16841,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚜, tractor"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tractor"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11006,10 +16858,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏎️, racing_car"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="racing_car"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11017,10 +16875,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🏍️, racing_motorcycle"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="racing_motorcycle"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11028,10 +16892,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛵, motor_scooter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="motor_scooter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11039,10 +16909,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦽, manual_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="manual_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11050,10 +16926,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🦼, motorized_wheelchair"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="motorized_wheelchair"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11061,10 +16943,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛺, auto_rickshaw"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="auto_rickshaw"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11072,10 +16960,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚲, bike"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bike"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11083,10 +16977,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛴, scooter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="scooter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11094,10 +16994,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛹, skateboard"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="skateboard"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11105,10 +17011,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛼, roller_skate"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="roller_skate"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11116,10 +17028,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚏, busstop"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="busstop"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11127,10 +17045,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛣️, motorway"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="motorway"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11138,10 +17062,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛤️, railway_track"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="railway_track"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11149,10 +17079,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛢️, oil_drum"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="oil_drum"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11160,10 +17096,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛽, fuelpump"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fuelpump"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11171,10 +17113,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚨, rotating_light"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rotating_light"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11182,10 +17130,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚥, traffic_light"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="traffic_light"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11193,10 +17147,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚦, vertical_traffic_light"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="vertical_traffic_light"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11204,10 +17164,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛑, octagonal_sign"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="octagonal_sign"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11215,10 +17181,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚧, construction"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="construction"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11226,10 +17198,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⚓, anchor"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="anchor"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11237,10 +17215,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛵, boat, sailboat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="boat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11248,10 +17232,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛶, canoe"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="canoe"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11259,10 +17249,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚤, speedboat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="speedboat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11270,10 +17266,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛳️, passenger_ship"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="passenger_ship"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11281,10 +17283,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛴️, ferry"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ferry"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11292,10 +17300,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛥️, motor_boat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="motor_boat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11303,10 +17317,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚢, ship"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ship"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11314,10 +17334,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="✈️, airplane"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="airplane"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11325,10 +17351,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛩️, small_airplane"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="small_airplane"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11336,10 +17368,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛫, airplane_departure"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="airplane_departure"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11347,10 +17385,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛬, airplane_arriving"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="airplane_arriving"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11358,10 +17402,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪂, parachute"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="parachute"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11369,10 +17419,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💺, seat"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="seat"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11380,10 +17436,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚁, helicopter"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="helicopter"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11391,10 +17453,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚟, suspension_railway"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="suspension_railway"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11402,10 +17470,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚠, mountain_cableway"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mountain_cableway"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11413,10 +17487,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚡, aerial_tramway"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="aerial_tramway"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11424,10 +17504,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛰️, satellite"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="satellite"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11435,10 +17521,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🚀, rocket"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rocket"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11446,10 +17538,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛸, flying_saucer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="flying_saucer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11457,10 +17555,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🛎️, bellhop_bell"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="bellhop_bell"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11468,10 +17572,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🧳, luggage"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="luggage"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11479,10 +17589,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⌛, hourglass"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hourglass"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11490,10 +17606,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⏳, hourglass_flowing_sand"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="hourglass_flowing_sand"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11501,10 +17623,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⌚, watch"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="watch"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11512,10 +17640,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⏰, alarm_clock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="alarm_clock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11523,10 +17657,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⏱️, stopwatch"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stopwatch"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11534,10 +17674,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⏲️, timer_clock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="timer_clock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11545,10 +17691,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕰️, mantelpiece_clock"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mantelpiece_clock"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11556,10 +17708,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕛, clock12"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock12"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11567,10 +17725,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕧, clock1230"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock1230"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11578,10 +17742,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕐, clock1"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock1"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11589,10 +17759,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕜, clock130"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock130"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11600,10 +17776,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕑, clock2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11611,10 +17793,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕝, clock230"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock230"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11622,10 +17810,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕒, clock3"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock3"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11633,10 +17827,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕞, clock330"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock330"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11644,10 +17844,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕓, clock4"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock4"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11655,10 +17861,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕟, clock430"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock430"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11666,10 +17878,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕔, clock5"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock5"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11677,10 +17895,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕠, clock530"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock530"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11688,10 +17912,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕕, clock6"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock6"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11699,10 +17929,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕡, clock630"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock630"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11710,10 +17946,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕖, clock7"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock7"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11721,10 +17963,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕢, clock730"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock730"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11732,10 +17980,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕗, clock8"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock8"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11743,10 +17997,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕣, clock830"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock830"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11754,10 +18014,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕘, clock9"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock9"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11765,10 +18031,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕤, clock930"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock930"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11776,10 +18048,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕙, clock10"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock10"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11787,10 +18065,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕥, clock1030"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock1030"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11798,10 +18082,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕚, clock11"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock11"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11809,10 +18099,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🕦, clock1130"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="clock1130"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11820,10 +18116,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌑, new_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="new_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11831,10 +18133,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌒, waxing_crescent_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="waxing_crescent_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11842,10 +18150,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌓, first_quarter_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="first_quarter_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11853,10 +18167,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌔, moon, waxing_gibbous_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11864,10 +18184,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌕, full_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="full_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11875,10 +18201,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌖, waning_gibbous_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="waning_gibbous_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11886,10 +18218,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌗, last_quarter_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="last_quarter_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11897,10 +18235,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌘, waning_crescent_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="waning_crescent_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11908,10 +18252,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌙, crescent_moon"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="crescent_moon"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11919,10 +18269,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌚, new_moon_with_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="new_moon_with_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11930,10 +18286,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌛, first_quarter_moon_with_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="first_quarter_moon_with_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11941,10 +18303,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌜, last_quarter_moon_with_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="last_quarter_moon_with_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11952,10 +18320,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌡️, thermometer"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="thermometer"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11963,10 +18337,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☀️, sunny"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sunny"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11974,10 +18354,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌝, full_moon_with_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="full_moon_with_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11985,10 +18371,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌞, sun_with_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="sun_with_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -11996,10 +18388,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🪐, ringed_planet"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ringed_planet"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12007,10 +18405,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⭐, star"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="star"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12018,10 +18422,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌟, star2"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="star2"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12029,10 +18439,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌠, stars"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="stars"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12040,10 +18456,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌌, milky_way"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="milky_way"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12051,10 +18473,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☁️, cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cloud"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12062,10 +18490,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛅, partly_sunny"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="partly_sunny"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12073,10 +18507,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛈️, thunder_cloud_and_rain"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="thunder_cloud_and_rain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12084,10 +18524,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌤️, mostly_sunny, sun_small_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="mostly_sunny"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12095,10 +18541,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌥️, barely_sunny, sun_behind_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="barely_sunny"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12106,10 +18558,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌦️, partly_sunny_rain, sun_behind_rain_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="partly_sunny_rain"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12117,10 +18575,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌧️, rain_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rain_cloud"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12128,10 +18592,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌨️, snow_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snow_cloud"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12139,10 +18609,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌩️, lightning, lightning_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="lightning"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12150,10 +18626,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌪️, tornado, tornado_cloud"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="tornado"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12161,10 +18643,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌫️, fog"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fog"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12172,10 +18660,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌬️, wind_blowing_face"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="wind_blowing_face"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12183,10 +18677,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌀, cyclone"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="cyclone"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12194,10 +18694,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌈, rainbow"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="rainbow"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12205,10 +18711,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌂, closed_umbrella"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="closed_umbrella"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12216,10 +18728,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☂️, umbrella"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="umbrella"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12227,10 +18745,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☔, umbrella_with_rain_drops"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="umbrella_with_rain_drops"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12238,10 +18762,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛱️, umbrella_on_ground"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="umbrella_on_ground"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12249,10 +18779,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⚡, zap"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="zap"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12260,10 +18796,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="❄️, snowflake"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snowflake"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12271,10 +18813,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☃️, snowman"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snowman"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12282,10 +18830,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="⛄, snowman_without_snow"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="snowman_without_snow"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12293,10 +18847,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="☄️, comet"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="comet"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12304,10 +18864,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🔥, fire"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="fire"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12315,10 +18881,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="💧, droplet"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="droplet"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12326,10 +18898,16 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
-            <span
+            </button>
+            <button
+              aria-label="🌊, ocean"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="1812"
               class="emoji-mart-emoji"
               data-title="ocean"
+              role="option"
+              type="button"
             >
               <span
                 class="emoji-set-apple emoji-type-image"
@@ -12337,10 +18915,10 @@ exports[`Picker renders correctly 1`] = `
               >
                 
               </span>
-            </span>
+            </button>
              
             <!---->
-          </div>
+          </section>
         </div>
       </div>
     </div>
@@ -12371,6 +18949,7 @@ exports[`Picker renders correctly 1`] = `
         class="emoji-mart-preview-emoji"
       >
         <span
+          aria-label="🏬, department_store"
           class="emoji-mart-emoji"
         >
           <span
diff --git a/spec/picker-virtual-scroll-spec.js b/spec/picker-virtual-scroll-spec.js
index 15a090a7..3478e646 100644
--- a/spec/picker-virtual-scroll-spec.js
+++ b/spec/picker-virtual-scroll-spec.js
@@ -145,7 +145,7 @@ describe('anchors', () => {
 
   it('contains all categories', () => {
     let anchors = picker.find(Anchors)
-    let categories = anchors.findAll('span.emoji-mart-anchor')
+    let categories = anchors.findAll('.emoji-mart-anchor')
     let names = []
     for (let idx = 0; idx < categories.length; idx++) {
       names.push(categories.at(idx).element.attributes['data-title'].value)
@@ -168,7 +168,7 @@ describe('anchors', () => {
   it('can be clicked to scroll to the category', () => {
     let anchors = picker.find(Anchors)
 
-    let anchorsCategories = anchors.findAll('span.emoji-mart-anchor')
+    let anchorsCategories = anchors.findAll('.emoji-mart-anchor')
     let symbols = anchorsCategories.at(8)
     expect(symbols.element.attributes['data-title'].value).toBe('Symbols')
 

From ae6c43c27649b9fbdcca34c1db261e1943c53220 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 21:41:25 +0300
Subject: [PATCH 13/32] Fix frequently used emojis test.

---
 spec/frequently-spec.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/spec/frequently-spec.js b/spec/frequently-spec.js
index d45c551b..e2ef9857 100644
--- a/spec/frequently-spec.js
+++ b/spec/frequently-spec.js
@@ -14,8 +14,8 @@ describe('Picker frequnt category', () => {
 
   it('Has default emojis initially', () => {
     let categories = picker.findAll(Category)
-    expect(categories.at(1).vm.name).toBe('Recent')
-    expect(categories.at(1).vm.emojis.length).toBe(16)
+    expect(categories.at(0).vm.name).toBe('Recent')
+    expect(categories.at(0).vm.emojis.length).toBe(16)
 
     const DEFAULTS = [
       '+1',
@@ -36,8 +36,8 @@ describe('Picker frequnt category', () => {
       'hankey',
     ]
 
-    for (let idx in categories.at(1).vm.emojis) {
-      let emoji = categories.at(1).vm.emojis[idx]
+    for (let idx in categories.at(0).vm.emojis) {
+      let emoji = categories.at(0).vm.emojis[idx]
       expect(emoji.id).toBe(DEFAULTS[idx])
     }
   })
@@ -93,7 +93,7 @@ describe('Picker frequnt category', () => {
     // Wait for picker to be rendered.
     picker.vm.$nextTick(() => {
       let categories = newPicker.findAll(Category)
-      let recent = categories.at(1).vm
+      let recent = categories.at(0).vm
 
       expect(recent.emojis[0].id).toBe('nerd_face')
       expect(recent.emojis[1].id).toBe('space_invader')

From 99d8f076cb4399ab88bceb43c734cff7f1e4ac5b Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 21:44:58 +0300
Subject: [PATCH 14/32] Fix search test

---
 spec/search-spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/search-spec.js b/spec/search-spec.js
index 5b5f3a29..b69a4404 100644
--- a/spec/search-spec.js
+++ b/spec/search-spec.js
@@ -60,7 +60,7 @@ describe('search', () => {
     expect(searchCategory.vm.id).toBe('search')
 
     let anchors = picker.find(Anchors)
-    let anchorsCategories = anchors.findAll('span.emoji-mart-anchor')
+    let anchorsCategories = anchors.findAll('.emoji-mart-anchor')
     let symbols = anchorsCategories.at(8)
     expect(symbols.element.attributes['data-title'].value).toBe('Symbols')
     symbols.trigger('click')

From 8e554b4a059e26c95e32b19d4da3948d09018eb3 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 21:47:00 +0300
Subject: [PATCH 15/32] Add comment, remove commented out code

---
 src/components/Picker.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index d66cf119..73acb8be 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -285,8 +285,8 @@ export default {
         }
       }
       if ($event && this.previewEmojiIdx !== oldIdx) {
-         // Prevent cursor movement inside the input
-         $event.preventDefault()
+        // Prevent cursor movement inside the input
+        $event.preventDefault()
       }
       this.updatePreviewEmoji()
     },
@@ -370,6 +370,7 @@ export default {
         this.previewEmojiCategoryIdx
       ].emojis[this.previewEmojiIdx]
 
+      // Scroll the view if the `previewEmoji` goes out of the visible area.
       const emojiEl = document.querySelector('.emoji-mart-emoji-selected')
       const scrollEl = document.querySelector('.emoji-mart-scroll')
 
@@ -388,14 +389,10 @@ export default {
       }
     },
     emojisLength(categoryIdx) {
-      // if (this.searchEmojis) {
-      //   return this.searchEmojis.length
-      // } else {
       if (categoryIdx == -1) {
         return 0
       }
       return this.filteredCategories[categoryIdx].emojis.length
-      // }
     },
   },
   components: {

From 7abe9e600493c8198728128f96c268eeeb875016 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 22:27:41 +0300
Subject: [PATCH 16/32] Add tests for down and up arrows

---
 spec/keyboard-spec.js | 62 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 spec/keyboard-spec.js

diff --git a/spec/keyboard-spec.js b/spec/keyboard-spec.js
new file mode 100644
index 00000000..32891179
--- /dev/null
+++ b/spec/keyboard-spec.js
@@ -0,0 +1,62 @@
+import { mount } from '@vue/test-utils'
+
+import { Picker, Search } from '../src/components'
+import data from '../data/all.json'
+import { EmojiIndex } from '../src/utils/emoji-data'
+
+describe('Picker keyboard control', () => {
+  let index = new EmojiIndex(data)
+  let picker = null
+
+  beforeEach(() => {
+    picker = mount(Picker, {
+      propsData: {
+        data: index,
+      },
+    })
+  })
+
+  it('Arrow down selects emoji below', () => {
+    expect(picker.vm.previewEmoji).toEqual(null)
+
+    const search = picker.find(Search)
+    const input = search.find('input')
+    input.trigger('click')
+
+    input.trigger('keydown.down')
+    expect(picker.vm.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.down')
+    expect(picker.vm.previewEmoji.native).toEqual('😒')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.down')
+    expect(picker.vm.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
+  })
+
+  it('Arrow down selects emoji above', () => {
+    expect(picker.vm.previewEmoji).toEqual(null)
+
+    const search = picker.find(Search)
+    const input = search.find('input')
+
+    input.trigger('click')
+    input.trigger('keydown.down')
+    input.trigger('keydown.down')
+    input.trigger('keydown.down')
+
+    expect(picker.vm.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
+
+    input.trigger('keydown.up')
+    expect(picker.vm.previewEmoji.native).toEqual('😒')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.up')
+    expect(picker.vm.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+  })
+
+})

From a1414c0b529c252494b08152a6bc6063600dbcb1 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 22:31:09 +0300
Subject: [PATCH 17/32] Add test for Enter (select emoji)

---
 spec/keyboard-spec.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/spec/keyboard-spec.js b/spec/keyboard-spec.js
index 32891179..37838bfa 100644
--- a/spec/keyboard-spec.js
+++ b/spec/keyboard-spec.js
@@ -59,4 +59,30 @@ describe('Picker keyboard control', () => {
     expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
   })
 
+  it('Enter selects the emoji', () => {
+    expect(picker.vm.previewEmoji).toEqual(null)
+
+    const search = picker.find(Search)
+    const input = search.find('input')
+    input.trigger('click')
+
+    input.trigger('keydown.down')
+    input.trigger('keydown.down')
+    input.trigger('keydown.down')
+
+    expect(picker.vm.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
+
+    input.trigger('keydown.enter')
+
+    let events = picker.emitted().select
+    expect(events.length).toBe(1)
+    let emojiData = events[0][0]
+    expect(emojiData).toBe(index.emoji('grinning'))
+    expect(emojiData.id).toBe('grinning')
+    expect(emojiData.name).toBe('Grinning Face')
+    expect(emojiData.colons).toBe(':grinning:')
+    expect(emojiData.native).toBe('😀')
+  })
+
 })

From 670094fa205ba49cfbd00e9623b8a296cccea0bd Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 22:35:01 +0300
Subject: [PATCH 18/32] Add test for left and right arrows

---
 spec/keyboard-spec.js | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/spec/keyboard-spec.js b/spec/keyboard-spec.js
index 37838bfa..11649ff5 100644
--- a/spec/keyboard-spec.js
+++ b/spec/keyboard-spec.js
@@ -59,6 +59,49 @@ describe('Picker keyboard control', () => {
     expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
   })
 
+  it('Arrow right selects emoji on the right', () => {
+    expect(picker.vm.previewEmoji).toEqual(null)
+
+    const search = picker.find(Search)
+    const input = search.find('input')
+    input.trigger('click')
+
+    input.trigger('keydown.right')
+    expect(picker.vm.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.right')
+    expect(picker.vm.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.right')
+    expect(picker.vm.previewEmoji.native).toEqual('😘')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+  })
+
+  it('Arrow left selects emoji on the left', () => {
+    expect(picker.vm.previewEmoji).toEqual(null)
+
+    const search = picker.find(Search)
+    const input = search.find('input')
+
+    input.trigger('click')
+    input.trigger('keydown.right')
+    input.trigger('keydown.right')
+    input.trigger('keydown.right')
+
+    expect(picker.vm.previewEmoji.native).toEqual('😘')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.left')
+    expect(picker.vm.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+
+    input.trigger('keydown.left')
+    expect(picker.vm.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+  })
+
   it('Enter selects the emoji', () => {
     expect(picker.vm.previewEmoji).toEqual(null)
 

From 1c42e2ffc2b397f1ce3b22aa3dac671ae23c80b3 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:20:46 +0300
Subject: [PATCH 19/32] Use $ref instead of the document.querySelector.

---
 src/components/Picker.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 73acb8be..52b66a6c 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -40,7 +40,12 @@
       ref="scroll"
       @scroll="onScroll"
     >
-      <div id="emoji-mart-list" role="listbox" aria-expanded="true">
+      <div
+        id="emoji-mart-list"
+        ref="scrollContent"
+        role="listbox"
+        aria-expanded="true"
+      >
         <category
           v-for="(category, idx) in filteredCategories"
           v-show="infiniteScroll || category == activeCategory"
@@ -371,8 +376,8 @@ export default {
       ].emojis[this.previewEmojiIdx]
 
       // Scroll the view if the `previewEmoji` goes out of the visible area.
-      const emojiEl = document.querySelector('.emoji-mart-emoji-selected')
-      const scrollEl = document.querySelector('.emoji-mart-scroll')
+      const scrollEl = this.$refs.scroll
+      const emojiEl = scrollEl.querySelector('.emoji-mart-emoji-selected')
 
       if (!scrollEl) return
 

From 231c1aecb29516b75a4d9837b941455bba387051 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:21:32 +0300
Subject: [PATCH 20/32] Use `perLine` property for row length instead of the
 hard-coded

---
 src/components/Picker.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 52b66a6c..c77769f5 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -165,6 +165,11 @@ export default {
     calculateWidth() {
       return this.perLine * (this.emojiSize + 12) + 12 + 2 + measureScrollbar()
     },
+    // emojisPerRow() {
+    //   const listEl = this.$refs.scrollContent
+    //   const emojiEl = listEl.querySelector('.emoji-mart-emoji')
+    //   return Math.floor(listEl.offsetWidth / emojiEl.offsetWidth)
+    // },
     filteredCategories() {
       if (this.searchEmojis) {
         return [
@@ -319,7 +324,8 @@ export default {
       const categoryLength = this.filteredCategories[
         this.previewEmojiCategoryIdx
       ].emojis.length
-      let diff = 10
+
+      let diff = this.perLine
       if (this.previewEmojiIdx + diff > categoryLength) {
         diff = categoryLength - this.previewEmojiIdx
       }
@@ -329,7 +335,7 @@ export default {
       this.updatePreviewEmoji()
     },
     onArrowUp($event) {
-      let diff = 10
+      let diff = this.perLine
       if (this.previewEmojiIdx - diff < 0) {
         if (this.previewEmojiCategoryIdx > 0) {
           const prevCategoryLastRowLength =

From d2f568eb69e9b539252b1599d9b9b052247dfbac Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:25:26 +0300
Subject: [PATCH 21/32] Fix native emoji scaling.

We had 10 native emoji per line while perLine parameter is set to 9.
---
 src/utils/emoji-data.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/utils/emoji-data.js b/src/utils/emoji-data.js
index 74fc444f..d6484670 100644
--- a/src/utils/emoji-data.js
+++ b/src/utils/emoji-data.js
@@ -568,9 +568,9 @@ export class EmojiView {
         // Set font-size for native emoji.
         cssStyle = Object.assign(cssStyle, {
           // font-size is used for native emoji which we need
-          // to scale with 0.8 factor to have them look approximately
-          // the same size as image-based emojl.
-          fontSize: Math.round(emojiSize * 0.8 * 10) / 10 + 'px',
+          // to scale with 0.95 factor to have them look approximately
+          // the same size as image-based emoji.
+          fontSize: Math.round(emojiSize * 0.95 * 10) / 10 + 'px',
         })
       } else {
         // Set width/height for image emoji.

From b547e675ebf3d8b11b9ddc0862b60f0268f4b9ba Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:26:09 +0300
Subject: [PATCH 22/32] Fix up/down position when moving between categories.

---
 src/components/Picker.vue | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index c77769f5..678d2f06 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -326,8 +326,22 @@ export default {
       ].emojis.length
 
       let diff = this.perLine
+      // If we jump to the next category and current category
+      // has the last row shorter than `perLine`, use the
+      // last row length as diff, so we go straight down,
+      // for example:
+      //
+      //   1 2 3 4 5 6
+      //   7 8 9
+      //   A B C D E F
+      //
+      // If we go down from `8`, we need to move 3 emojis right
+      // to lend at `B` (and 3 is the length of the last row of
+      // this category).
+      // And if we used 6 instead (row length, `perLine`), we would
+      // lend up at `E`.
       if (this.previewEmojiIdx + diff > categoryLength) {
-        diff = categoryLength - this.previewEmojiIdx
+        diff = categoryLength % this.perLine
       }
       for (let i = 0; i < diff; i++) {
         this.onArrowRight()
@@ -338,10 +352,22 @@ export default {
       let diff = this.perLine
       if (this.previewEmojiIdx - diff < 0) {
         if (this.previewEmojiCategoryIdx > 0) {
+          // If the previous category is shorter and does not extend to
+          // the end of row, use the last row length as diff, so
+          // we go straight up, for example:
+          //
+          //   1 2 3 4 5
+          //   6 7 8
+          //   9 A B C D
+          //
+          // If we go up from `A`, we need to move 3 emojis left to get
+          // to `7` (and 3 is the length of the last row of the previous
+          // category).
           const prevCategoryLastRowLength =
             this.filteredCategories[this.previewEmojiCategoryIdx - 1].emojis
-              .length % 10
-          diff = this.previewEmojiIdx + prevCategoryLastRowLength
+              .length % this.perLine
+          // diff = this.previewEmojiIdx + prevCategoryLastRowLength
+          diff = prevCategoryLastRowLength
         } else {
           diff = 0
         }

From b8d26a5f8884ce1695e4ceb8e99863e44e29c838 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:29:16 +0300
Subject: [PATCH 23/32] Fix keyboard tests.

---
 spec/keyboard-spec.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/spec/keyboard-spec.js b/spec/keyboard-spec.js
index 11649ff5..79a6417a 100644
--- a/spec/keyboard-spec.js
+++ b/spec/keyboard-spec.js
@@ -28,7 +28,7 @@ describe('Picker keyboard control', () => {
     expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.down')
-    expect(picker.vm.previewEmoji.native).toEqual('😒')
+    expect(picker.vm.previewEmoji.native).toEqual('😞')
     expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.down')
@@ -51,7 +51,7 @@ describe('Picker keyboard control', () => {
     expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
 
     input.trigger('keydown.up')
-    expect(picker.vm.previewEmoji.native).toEqual('😒')
+    expect(picker.vm.previewEmoji.native).toEqual('😞')
     expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.up')

From cb35915cfd27fde8f9384c5f70e5a08448c937cb Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:42:25 +0300
Subject: [PATCH 24/32] Remove unnecessary check

---
 src/components/Picker.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 678d2f06..ecf636a7 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -411,8 +411,6 @@ export default {
       const scrollEl = this.$refs.scroll
       const emojiEl = scrollEl.querySelector('.emoji-mart-emoji-selected')
 
-      if (!scrollEl) return
-
       const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
       if (
         emojiEl &&

From b0ebcc8669d51ece3997b0f737baf37cd636befe Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:42:46 +0300
Subject: [PATCH 25/32] Update font size checks for native emojis.

---
 spec/picker-spec.js                | 8 ++++----
 spec/picker-virtual-scroll-spec.js | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/spec/picker-spec.js b/spec/picker-spec.js
index 09f1e1d3..d7cf9aab 100644
--- a/spec/picker-spec.js
+++ b/spec/picker-spec.js
@@ -352,9 +352,9 @@ describe('emjoiSize', () => {
     let emoji = picker.find('[data-title="+1"]')
     // The inner span with applied inline style.
     let emojiSpan = emoji.element.childNodes[0]
-    // Font-size is 80% of width/height value.
+    // Font-size is 95% of width/height value.
     expect(emojiSpan.style.cssText).toBe(
-      'background-position: 22.81% 49.12%; font-size: 19.2px;',
+      'background-position: 22.81% 49.12%; font-size: 22.8px;',
     )
   })
 
@@ -363,9 +363,9 @@ describe('emjoiSize', () => {
     let emoji = picker.find('[data-title="+1"]')
     // The inner span with applied inline style.
     let emojiSpan = emoji.element.childNodes[0]
-    // Font-size is 80% of width/height value.
+    // Font-size is 95% of width/height value.
     expect(emojiSpan.style.cssText).toBe(
-      'background-position: 22.81% 49.12%; font-size: 16px;',
+      'background-position: 22.81% 49.12%; font-size: 19px;',
     )
   })
 })
diff --git a/spec/picker-virtual-scroll-spec.js b/spec/picker-virtual-scroll-spec.js
index 3478e646..c277b0e6 100644
--- a/spec/picker-virtual-scroll-spec.js
+++ b/spec/picker-virtual-scroll-spec.js
@@ -307,9 +307,9 @@ describe('emjoiSize', () => {
     let emoji = picker.find('[data-title="+1"]')
     // The inner span with applied inline style.
     let emojiSpan = emoji.element.childNodes[0]
-    // Font-size is 80% of width/height value.
+    // Font-size is 95% of width/height value.
     expect(emojiSpan.style.cssText).toBe(
-      'background-position: 22.81% 49.12%; font-size: 19.2px;',
+      'background-position: 22.81% 49.12%; font-size: 22.8px;',
     )
   })
 
@@ -318,9 +318,9 @@ describe('emjoiSize', () => {
     let emoji = picker.find('[data-title="+1"]')
     // The inner span with applied inline style.
     let emojiSpan = emoji.element.childNodes[0]
-    // Font-size is 80% of width/height value.
+    // Font-size is 95% of width/height value.
     expect(emojiSpan.style.cssText).toBe(
-      'background-position: 22.81% 49.12%; font-size: 16px;',
+      'background-position: 22.81% 49.12%; font-size: 19px;',
     )
   })
 })

From c632c41c3b9b2d826d4cd9f567a4bf83f7570f13 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Mon, 5 Apr 2021 23:45:16 +0300
Subject: [PATCH 26/32] Formatting

---
 spec/keyboard-spec.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/spec/keyboard-spec.js b/spec/keyboard-spec.js
index 79a6417a..984186df 100644
--- a/spec/keyboard-spec.js
+++ b/spec/keyboard-spec.js
@@ -127,5 +127,4 @@ describe('Picker keyboard control', () => {
     expect(emojiData.colons).toBe(':grinning:')
     expect(emojiData.native).toBe('😀')
   })
-
 })

From f89c098835606515e97c8585f4a0dbc7241d1aca Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 11 Apr 2021 19:01:50 +0300
Subject: [PATCH 27/32] Better scroll handling

---
 src/components/Picker.vue | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index ecf636a7..540731b9 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -407,21 +407,23 @@ export default {
         this.previewEmojiCategoryIdx
       ].emojis[this.previewEmojiIdx]
 
-      // Scroll the view if the `previewEmoji` goes out of the visible area.
-      const scrollEl = this.$refs.scroll
-      const emojiEl = scrollEl.querySelector('.emoji-mart-emoji-selected')
+      this.$nextTick(() => {
+        // Scroll the view if the `previewEmoji` goes out of the visible area.
+        const scrollEl = this.$refs.scroll
+        const emojiEl = scrollEl.querySelector('.emoji-mart-emoji-selected')
 
-      const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
-      if (
-        emojiEl &&
-        emojiEl.offsetTop + emojiEl.offsetHeight >
-          scrollHeight + scrollEl.scrollTop
-      ) {
-        scrollEl.scrollTop += emojiEl.offsetHeight
-      }
-      if (emojiEl && emojiEl.offsetTop < scrollEl.scrollTop) {
-        scrollEl.scrollTop -= emojiEl.offsetHeight
-      }
+        const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
+        if (
+          emojiEl &&
+          emojiEl.offsetTop + emojiEl.offsetHeight >
+            scrollHeight + scrollEl.scrollTop
+        ) {
+          scrollEl.scrollTop += emojiEl.offsetHeight
+        }
+        if (emojiEl && emojiEl.offsetTop < scrollEl.scrollTop) {
+          scrollEl.scrollTop -= emojiEl.offsetHeight
+        }
+      })
     },
     emojisLength(categoryIdx) {
       if (categoryIdx == -1) {

From 3ea8d26d151f3feda5251a6dc7ca4c3adffdaaa5 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 11 Apr 2021 22:57:12 +0300
Subject: [PATCH 28/32] Extract component logic

---
 src/components/Picker.vue | 226 ++++-------------------------------
 src/utils/picker.js       | 242 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 267 insertions(+), 201 deletions(-)
 create mode 100644 src/utils/picker.js

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 540731b9..61f2be90 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -5,8 +5,8 @@
         :data="data"
         :i18n="mergedI18n"
         :color="color"
-        :categories="_categories"
-        :active-category="activeCategory"
+        :categories="view.allCategories"
+        :active-category="view.activeCategory"
         @click="onAnchorClick"
       />
     </div>
@@ -47,8 +47,8 @@
         aria-expanded="true"
       >
         <category
-          v-for="(category, idx) in filteredCategories"
-          v-show="infiniteScroll || category == activeCategory"
+          v-for="(category, idx) in view.filteredCategories"
+          v-show="infiniteScroll || category == view.activeCategory"
           :ref="'categories_' + idx"
           :key="category.id"
           :data="data"
@@ -65,7 +65,7 @@
       name="previewTemplate"
       :data="data"
       :title="title"
-      :emoji="previewEmoji"
+      :emoji="view.previewEmoji"
       :idle-emoji="idleEmoji"
       :show-skin-tones="showSkinTones"
       :emoji-props="emojiProps"
@@ -76,7 +76,7 @@
         <preview
           :data="data"
           :title="title"
-          :emoji="previewEmoji"
+          :emoji="view.previewEmoji"
           :idle-emoji="idleEmoji"
           :show-skin-tones="showSkinTones"
           :emoji-props="emojiProps"
@@ -94,6 +94,7 @@ import store from '../utils/store'
 import frequently from '../utils/frequently'
 import { deepMerge, measureScrollbar } from '../utils'
 import { PickerProps } from '../utils/shared-props'
+import { PickerView } from '../utils/picker'
 import Anchors from './anchors.vue'
 import Category from './category.vue'
 import Preview from './preview.vue'
@@ -129,11 +130,7 @@ export default {
   data() {
     return {
       activeSkin: this.skin || store.get('skin') || this.defaultSkin,
-      activeCategory: null,
-      previewEmoji: null,
-      previewEmojiCategoryIdx: 0,
-      previewEmojiIdx: -1,
-      searchEmojis: null,
+      view: this.view,
     }
   },
   computed: {
@@ -150,8 +147,8 @@ export default {
         set: this.set,
         emojiTooltip: this.emojiTooltip,
         emojiSize: this.emojiSize,
-        selectedEmoji: this.previewEmoji,
-        selectedEmojiCategory: this.previewEmojiCategory,
+        selectedEmoji: this.view.previewEmoji,
+        selectedEmojiCategory: this.view.previewEmojiCategory,
         onEnter: this.onEmojiEnter.bind(this),
         onLeave: this.onEmojiLeave.bind(this),
         onClick: this.onEmojiClick.bind(this),
@@ -171,19 +168,7 @@ export default {
     //   return Math.floor(listEl.offsetWidth / emojiEl.offsetWidth)
     // },
     filteredCategories() {
-      if (this.searchEmojis) {
-        return [
-          {
-            id: 'search',
-            name: 'Search',
-            emojis: this.searchEmojis,
-          },
-        ]
-      }
-      return this._categories.filter((category) => {
-        let hasEmojis = category.emojis.length > 0
-        return hasEmojis
-      })
+      return this.view.filteredCategories
     },
     mergedI18n() {
       return Object.freeze(deepMerge(I18N, this.i18n))
@@ -201,24 +186,9 @@ export default {
         return this.data.firstEmoji()
       }
     },
-    previewEmojiCategory() {
-      if (this.previewEmojiCategoryIdx >= 0) {
-        return this.filteredCategories[this.previewEmojiCategoryIdx]
-      }
-      return null
-    },
   },
   created() {
-    this._categories = []
-    this._categories.push(...this.data.categories())
-    this._categories = this._categories.filter((category) => {
-      return category.emojis.length > 0
-    })
-
-    this._categories[0].first = true
-    Object.freeze(this._categories)
-    this.activeCategory = this._categories[0]
-    this.skipScrollUpdate = false
+    this.view = new PickerView(this)
   },
   methods: {
     onScroll() {
@@ -229,159 +199,42 @@ export default {
     },
     onScrollPaint() {
       this.waitingForPaint = false
-      let scrollTop = this.$refs.scroll.scrollTop
-      let activeCategory = this.filteredCategories[0]
-      for (let i = 0, l = this.filteredCategories.length; i < l; i++) {
-        let category = this.filteredCategories[i]
-        let component = this.getCategoryComponent(i)
-        // The `-50` offset switches active category (selected in the
-        // anchors bar) a bit eariler, before it actually reaches the top.
-        if (component && component.$el.offsetTop - 50 > scrollTop) {
-          break
-        }
-        activeCategory = category
-      }
-      this.activeCategory = activeCategory
+      this.view.onScroll()
     },
     onAnchorClick(category) {
-      if (this.searchEmojis) {
-        // No categories are shown when search is active.
-        return
-      }
-      let i = this.filteredCategories.indexOf(category)
-      let component = this.getCategoryComponent(i)
-      let scrollToComponent = () => {
-        if (component) {
-          let top = component.$el.offsetTop
-          if (category.first) {
-            top = 0
-          }
-          this.$refs.scroll.scrollTop = top
-        }
-      }
-      if (this.infiniteScroll) {
-        scrollToComponent()
-      } else {
-        this.activeCategory = this.filteredCategories[i]
-      }
+      this.view.onAnchorClick(category)
     },
     onSearch(value) {
-      let emojis = this.data.search(value, this.maxSearchResults)
-      this.searchEmojis = emojis
-      this.previewEmojiCategoryIdx = 0
-      this.previewEmojiIdx = 0
-      this.updatePreviewEmoji()
+      this.view.onSearch(value)
     },
     onEmojiEnter(emoji) {
-      this.previewEmoji = emoji
-      this.previewEmojiIdx = -1
-      this.previewEmojiCategoryIdx = -1
+      this.view.onEmojiEnter(emoji)
     },
     onEmojiLeave(emoji) {
-      this.previewEmoji = null
+      this.view.onEmojiLeave(emoji)
     },
     onArrowLeft($event) {
-      const oldIdx = this.previewEmojiIdx
-      if (this.previewEmojiIdx > 0) {
-        this.previewEmojiIdx -= 1
-      } else {
-        this.previewEmojiCategoryIdx -= 1
-        if (this.previewEmojiCategoryIdx < 0) {
-          this.previewEmojiCategoryIdx = 0
-        } else {
-          this.previewEmojiIdx =
-            this.filteredCategories[this.previewEmojiCategoryIdx].emojis
-              .length - 1
-        }
-      }
-      if ($event && this.previewEmojiIdx !== oldIdx) {
+      const oldIdx = this.view.previewEmojiIdx
+      this.view.onArrowLeft()
+      if ($event && this.view.previewEmojiIdx !== oldIdx) {
         // Prevent cursor movement inside the input
         $event.preventDefault()
       }
-      this.updatePreviewEmoji()
     },
     onArrowRight() {
-      if (
-        this.previewEmojiIdx <
-        this.emojisLength(this.previewEmojiCategoryIdx) - 1
-      ) {
-        this.previewEmojiIdx += 1
-      } else {
-        this.previewEmojiCategoryIdx += 1
-        if (this.previewEmojiCategoryIdx >= this.filteredCategories.length) {
-          this.previewEmojiCategoryIdx = this.filteredCategories.length - 1
-        } else {
-          this.previewEmojiIdx = 0
-        }
-      }
-      this.updatePreviewEmoji()
+      this.view.onArrowRight()
     },
     onArrowDown() {
-      if (this.previewEmojiIdx == -1) {
-        return this.onArrowRight()
-      }
-
-      const categoryLength = this.filteredCategories[
-        this.previewEmojiCategoryIdx
-      ].emojis.length
-
-      let diff = this.perLine
-      // If we jump to the next category and current category
-      // has the last row shorter than `perLine`, use the
-      // last row length as diff, so we go straight down,
-      // for example:
-      //
-      //   1 2 3 4 5 6
-      //   7 8 9
-      //   A B C D E F
-      //
-      // If we go down from `8`, we need to move 3 emojis right
-      // to lend at `B` (and 3 is the length of the last row of
-      // this category).
-      // And if we used 6 instead (row length, `perLine`), we would
-      // lend up at `E`.
-      if (this.previewEmojiIdx + diff > categoryLength) {
-        diff = categoryLength % this.perLine
-      }
-      for (let i = 0; i < diff; i++) {
-        this.onArrowRight()
-      }
-      this.updatePreviewEmoji()
+      this.view.onArrowDown()
     },
     onArrowUp($event) {
-      let diff = this.perLine
-      if (this.previewEmojiIdx - diff < 0) {
-        if (this.previewEmojiCategoryIdx > 0) {
-          // If the previous category is shorter and does not extend to
-          // the end of row, use the last row length as diff, so
-          // we go straight up, for example:
-          //
-          //   1 2 3 4 5
-          //   6 7 8
-          //   9 A B C D
-          //
-          // If we go up from `A`, we need to move 3 emojis left to get
-          // to `7` (and 3 is the length of the last row of the previous
-          // category).
-          const prevCategoryLastRowLength =
-            this.filteredCategories[this.previewEmojiCategoryIdx - 1].emojis
-              .length % this.perLine
-          // diff = this.previewEmojiIdx + prevCategoryLastRowLength
-          diff = prevCategoryLastRowLength
-        } else {
-          diff = 0
-        }
-      }
-      for (let i = 0; i < diff; i++) {
-        this.onArrowLeft()
-      }
+      this.view.onArrowUp()
       // Prevent cursor movement inside the input
       $event.preventDefault()
-      this.updatePreviewEmoji()
     },
     onEnter(emoji) {
-      this.$emit('select', this.previewEmoji)
-      frequently.add(this.previewEmoji)
+      this.$emit('select', this.view.previewEmoji)
+      frequently.add(this.view.previewEmoji)
     },
     onEmojiClick(emoji) {
       this.$emit('select', emoji)
@@ -402,35 +255,6 @@ export default {
       // Vue 3 does not support $refs as array.
       return component
     },
-    updatePreviewEmoji() {
-      this.previewEmoji = this.filteredCategories[
-        this.previewEmojiCategoryIdx
-      ].emojis[this.previewEmojiIdx]
-
-      this.$nextTick(() => {
-        // Scroll the view if the `previewEmoji` goes out of the visible area.
-        const scrollEl = this.$refs.scroll
-        const emojiEl = scrollEl.querySelector('.emoji-mart-emoji-selected')
-
-        const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
-        if (
-          emojiEl &&
-          emojiEl.offsetTop + emojiEl.offsetHeight >
-            scrollHeight + scrollEl.scrollTop
-        ) {
-          scrollEl.scrollTop += emojiEl.offsetHeight
-        }
-        if (emojiEl && emojiEl.offsetTop < scrollEl.scrollTop) {
-          scrollEl.scrollTop -= emojiEl.offsetHeight
-        }
-      })
-    },
-    emojisLength(categoryIdx) {
-      if (categoryIdx == -1) {
-        return 0
-      }
-      return this.filteredCategories[categoryIdx].emojis.length
-    },
   },
   components: {
     Anchors,
diff --git a/src/utils/picker.js b/src/utils/picker.js
new file mode 100644
index 00000000..9cbfc97f
--- /dev/null
+++ b/src/utils/picker.js
@@ -0,0 +1,242 @@
+export class PickerView {
+  constructor(pickerComponent) {
+    this._vm = pickerComponent
+    this._data = pickerComponent.data
+    this._perLine = pickerComponent.perLine
+
+    this._categories = []
+    this._categories.push(...this._data.categories())
+    this._categories = this._categories.filter((category) => {
+      return category.emojis.length > 0
+    })
+
+    this._categories[0].first = true
+    Object.freeze(this._categories)
+
+    this.activeCategory = this._categories[0]
+    this.searchEmojis = null
+
+    this.previewEmoji = null
+    this.previewEmojiCategoryIdx = 0
+    this.previewEmojiIdx = -1
+  }
+
+  onScroll() {
+    const scrollElement = this._vm.$refs.scroll
+    const scrollTop = scrollElement.scrollTop
+
+    let activeCategory = this.filteredCategories[0]
+    for (let i = 0, l = this.filteredCategories.length; i < l; i++) {
+      let category = this.filteredCategories[i]
+      let component = this._vm.getCategoryComponent(i)
+      // The `-50` offset switches active category (selected in the
+      // anchors bar) a bit eariler, before it actually reaches the top.
+      if (component && component.$el.offsetTop - 50 > scrollTop) {
+        break
+      }
+      activeCategory = category
+    }
+    this.activeCategory = activeCategory
+  }
+
+  get allCategories() {
+    return this._categories
+  }
+
+  get filteredCategories() {
+    if (this.searchEmojis) {
+      return [
+        {
+          id: 'search',
+          name: 'Search',
+          emojis: this.searchEmojis,
+        },
+      ]
+    }
+    return this._categories.filter((category) => {
+      let hasEmojis = category.emojis.length > 0
+      return hasEmojis
+    })
+  }
+
+  get previewEmojiCategory() {
+    if (this.previewEmojiCategoryIdx >= 0) {
+      return this.filteredCategories[this.previewEmojiCategoryIdx]
+    }
+    return null
+  }
+
+  onAnchorClick(category) {
+    if (this.searchEmojis) {
+      // No categories are shown when search is active.
+      return
+    }
+    let i = this.filteredCategories.indexOf(category)
+    let component = this._vm.getCategoryComponent(i)
+    let scrollToComponent = () => {
+      if (component) {
+        let top = component.$el.offsetTop
+        if (category.first) {
+          top = 0
+        }
+        this._vm.$refs.scroll.scrollTop = top
+      }
+    }
+    if (this._vm.infiniteScroll) {
+      scrollToComponent()
+    } else {
+      this.activeCategory = this.filteredCategories[i]
+    }
+  }
+
+  onSearch(value) {
+    let emojis = this._data.search(value, this.maxSearchResults)
+    this.searchEmojis = emojis
+
+    this.previewEmojiCategoryIdx = 0
+    this.previewEmojiIdx = 0
+    this.updatePreviewEmoji()
+  }
+
+  onEmojiEnter(emoji) {
+    this.previewEmoji = emoji
+    this.previewEmojiIdx = -1
+    this.previewEmojiCategoryIdx = -1
+  }
+
+  onEmojiLeave(emoji) {
+    this.previewEmoji = null
+  }
+
+  onArrowLeft() {
+    if (this.previewEmojiIdx > 0) {
+      this.previewEmojiIdx -= 1
+    } else {
+      this.previewEmojiCategoryIdx -= 1
+      if (this.previewEmojiCategoryIdx < 0) {
+        this.previewEmojiCategoryIdx = 0
+      } else {
+        this.previewEmojiIdx =
+          this.filteredCategories[this.previewEmojiCategoryIdx].emojis.length -
+          1
+      }
+    }
+    this.updatePreviewEmoji()
+  }
+
+  onArrowRight() {
+    if (
+      this.previewEmojiIdx <
+      this.emojisLength(this.previewEmojiCategoryIdx) - 1
+    ) {
+      this.previewEmojiIdx += 1
+    } else {
+      this.previewEmojiCategoryIdx += 1
+      if (this.previewEmojiCategoryIdx >= this.filteredCategories.length) {
+        this.previewEmojiCategoryIdx = this.filteredCategories.length - 1
+      } else {
+        this.previewEmojiIdx = 0
+      }
+    }
+    this.updatePreviewEmoji()
+  }
+
+  onArrowDown() {
+    if (this.previewEmojiIdx == -1) {
+      return this.onArrowRight()
+    }
+
+    const categoryLength = this.filteredCategories[this.previewEmojiCategoryIdx]
+      .emojis.length
+
+    let diff = this._perLine
+    // If we jump to the next category and current category
+    // has the last row shorter than `_perLine`, use the
+    // last row length as diff, so we go straight down,
+    // for example:
+    //
+    //   1 2 3 4 5 6
+    //   7 8 9
+    //   A B C D E F
+    //
+    // If we go down from `8`, we need to move 3 emojis right
+    // to lend at `B` (and 3 is the length of the last row of
+    // this category).
+    // And if we used 6 instead (row length, `_perLine`), we would
+    // lend up at `E`.
+    if (this.previewEmojiIdx + diff > categoryLength) {
+      diff = categoryLength % this._perLine
+    }
+    for (let i = 0; i < diff; i++) {
+      this.onArrowRight()
+    }
+    this.updatePreviewEmoji()
+  }
+
+  onArrowUp() {
+    let diff = this._perLine
+    if (this.previewEmojiIdx - diff < 0) {
+      if (this.previewEmojiCategoryIdx > 0) {
+        // If the previous category is shorter and does not extend to
+        // the end of row, use the last row length as diff, so
+        // we go straight up, for example:
+        //
+        //   1 2 3 4 5
+        //   6 7 8
+        //   9 A B C D
+        //
+        // If we go up from `A`, we need to move 3 emojis left to get
+        // to `7` (and 3 is the length of the last row of the previous
+        // category).
+        const prevCategoryLastRowLength =
+          this.filteredCategories[this.previewEmojiCategoryIdx - 1].emojis
+            .length % this._perLine
+        // diff = this.previewEmojiIdx + prevCategoryLastRowLength
+        diff = prevCategoryLastRowLength
+      } else {
+        diff = 0
+      }
+    }
+    for (let i = 0; i < diff; i++) {
+      this.onArrowLeft()
+    }
+    this.updatePreviewEmoji()
+  }
+
+  updatePreviewEmoji() {
+    this.previewEmoji = this.filteredCategories[
+      this.previewEmojiCategoryIdx
+    ].emojis[this.previewEmojiIdx]
+
+    this._vm.$nextTick(() => {
+      // Scroll the view if the `previewEmoji` goes out of the visible area.
+      const scrollEl = this._vm.$refs.scroll
+
+      // Note: it would be more Vue-ish to mark all emojis with `ref`s
+      // and then do something similar here to what we do in the
+      // `getCategories` instead of using `querySelector` directly,
+      // but I am not sure if having many refs would affect the performance
+      // (it might, so I use `querySelector` for now).
+      const emojiEl = scrollEl.querySelector('.emoji-mart-emoji-selected')
+
+      const scrollHeight = scrollEl.offsetTop - scrollEl.offsetHeight
+      if (
+        emojiEl &&
+        emojiEl.offsetTop + emojiEl.offsetHeight >
+          scrollHeight + scrollEl.scrollTop
+      ) {
+        scrollEl.scrollTop += emojiEl.offsetHeight
+      }
+      if (emojiEl && emojiEl.offsetTop < scrollEl.scrollTop) {
+        scrollEl.scrollTop -= emojiEl.offsetHeight
+      }
+    })
+  }
+
+  emojisLength(categoryIdx) {
+    if (categoryIdx == -1) {
+      return 0
+    }
+    return this.filteredCategories[categoryIdx].emojis.length
+  }
+}

From 0ec7238d6baf07f871c70f329ffb6b430dc9b9ac Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 11 Apr 2021 22:57:32 +0300
Subject: [PATCH 29/32] Update tests

---
 spec/keyboard-spec.js | 62 +++++++++++++++++++++----------------------
 spec/picker-spec.js   |  4 +--
 2 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/spec/keyboard-spec.js b/spec/keyboard-spec.js
index 984186df..57f70ecf 100644
--- a/spec/keyboard-spec.js
+++ b/spec/keyboard-spec.js
@@ -17,27 +17,27 @@ describe('Picker keyboard control', () => {
   })
 
   it('Arrow down selects emoji below', () => {
-    expect(picker.vm.previewEmoji).toEqual(null)
+    expect(picker.vm.view.previewEmoji).toEqual(null)
 
     const search = picker.find(Search)
     const input = search.find('input')
     input.trigger('click')
 
     input.trigger('keydown.down')
-    expect(picker.vm.previewEmoji.native).toEqual('👍')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.down')
-    expect(picker.vm.previewEmoji.native).toEqual('😞')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😞')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.down')
-    expect(picker.vm.previewEmoji.native).toEqual('😀')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('smileys')
   })
 
   it('Arrow down selects emoji above', () => {
-    expect(picker.vm.previewEmoji).toEqual(null)
+    expect(picker.vm.view.previewEmoji).toEqual(null)
 
     const search = picker.find(Search)
     const input = search.find('input')
@@ -47,40 +47,40 @@ describe('Picker keyboard control', () => {
     input.trigger('keydown.down')
     input.trigger('keydown.down')
 
-    expect(picker.vm.previewEmoji.native).toEqual('😀')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('smileys')
 
     input.trigger('keydown.up')
-    expect(picker.vm.previewEmoji.native).toEqual('😞')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😞')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.up')
-    expect(picker.vm.previewEmoji.native).toEqual('👍')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
   })
 
   it('Arrow right selects emoji on the right', () => {
-    expect(picker.vm.previewEmoji).toEqual(null)
+    expect(picker.vm.view.previewEmoji).toEqual(null)
 
     const search = picker.find(Search)
     const input = search.find('input')
     input.trigger('click')
 
     input.trigger('keydown.right')
-    expect(picker.vm.previewEmoji.native).toEqual('👍')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.right')
-    expect(picker.vm.previewEmoji.native).toEqual('😀')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.right')
-    expect(picker.vm.previewEmoji.native).toEqual('😘')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😘')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
   })
 
   it('Arrow left selects emoji on the left', () => {
-    expect(picker.vm.previewEmoji).toEqual(null)
+    expect(picker.vm.view.previewEmoji).toEqual(null)
 
     const search = picker.find(Search)
     const input = search.find('input')
@@ -90,20 +90,20 @@ describe('Picker keyboard control', () => {
     input.trigger('keydown.right')
     input.trigger('keydown.right')
 
-    expect(picker.vm.previewEmoji.native).toEqual('😘')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😘')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.left')
-    expect(picker.vm.previewEmoji.native).toEqual('😀')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
 
     input.trigger('keydown.left')
-    expect(picker.vm.previewEmoji.native).toEqual('👍')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('recent')
+    expect(picker.vm.view.previewEmoji.native).toEqual('👍')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('recent')
   })
 
   it('Enter selects the emoji', () => {
-    expect(picker.vm.previewEmoji).toEqual(null)
+    expect(picker.vm.view.previewEmoji).toEqual(null)
 
     const search = picker.find(Search)
     const input = search.find('input')
@@ -113,8 +113,8 @@ describe('Picker keyboard control', () => {
     input.trigger('keydown.down')
     input.trigger('keydown.down')
 
-    expect(picker.vm.previewEmoji.native).toEqual('😀')
-    expect(picker.vm.previewEmojiCategory.id).toEqual('smileys')
+    expect(picker.vm.view.previewEmoji.native).toEqual('😀')
+    expect(picker.vm.view.previewEmojiCategory.id).toEqual('smileys')
 
     input.trigger('keydown.enter')
 
diff --git a/spec/picker-spec.js b/spec/picker-spec.js
index d7cf9aab..76304fa8 100644
--- a/spec/picker-spec.js
+++ b/spec/picker-spec.js
@@ -207,7 +207,7 @@ describe('anchors', () => {
     expect(symbols.element.attributes['data-title'].value).toBe('Symbols')
 
     // The `recent` category is selected initially.
-    expect(picker.vm.activeCategory.id).toBe('recent')
+    expect(picker.vm.view.activeCategory.id).toBe('recent')
     expect(anchors.vm.activeCategory.id).toBe('recent')
 
     symbols.trigger('click')
@@ -223,7 +223,7 @@ describe('anchors', () => {
     // Picker change - the check below fails (although works in demo app)
     // scrollTop if 0 for all categories and activeCategory is changed in the
     // onScroll handler, need to find a way to thes this.
-    // expect(picker.vm.activeCategory.id).toBe('symbols')
+    // expect(picker.vm.view.activeCategory.id).toBe('symbols')
     // expect(anchors.vm.activeCategory.id).toBe('symbols')
   })
 })

From b977e4a48721dacd1952d8cec5819c070f3082a9 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sun, 11 Apr 2021 23:18:37 +0300
Subject: [PATCH 30/32] Add comments for arrow control functions

---
 src/utils/picker.js | 39 +++++++++++++++++++++++++++++++++------
 1 file changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/utils/picker.js b/src/utils/picker.js
index 9cbfc97f..0bd85947 100644
--- a/src/utils/picker.js
+++ b/src/utils/picker.js
@@ -16,7 +16,12 @@ export class PickerView {
     this.activeCategory = this._categories[0]
     this.searchEmojis = null
 
+    // Preview emoji, shown on mouse over or when we move
+    // with arrow keys.
     this.previewEmoji = null
+    // Indexes are used to keep the position when moving
+    // with arrows: current category and current emoji
+    // inside the category.
     this.previewEmojiCategoryIdx = 0
     this.previewEmojiIdx = -1
   }
@@ -109,13 +114,18 @@ export class PickerView {
   }
 
   onArrowLeft() {
+    // Moving left, decrease emoji index.
     if (this.previewEmojiIdx > 0) {
       this.previewEmojiIdx -= 1
     } else {
+      // If emoji index is zero, go to the previous category.
       this.previewEmojiCategoryIdx -= 1
       if (this.previewEmojiCategoryIdx < 0) {
+        // If we reached first category, keep it.
         this.previewEmojiCategoryIdx = 0
       } else {
+        // Update emoji index - we moved to the previous category,
+        // get the last emoji in it.
         this.previewEmojiIdx =
           this.filteredCategories[this.previewEmojiCategoryIdx].emojis.length -
           1
@@ -129,12 +139,17 @@ export class PickerView {
       this.previewEmojiIdx <
       this.emojisLength(this.previewEmojiCategoryIdx) - 1
     ) {
+      // Moving right within category, increase emoji index.
       this.previewEmojiIdx += 1
     } else {
+      // Go to the next category.
       this.previewEmojiCategoryIdx += 1
       if (this.previewEmojiCategoryIdx >= this.filteredCategories.length) {
+        // If we reached the last category - keep it.
         this.previewEmojiCategoryIdx = this.filteredCategories.length - 1
       } else {
+        // If we moved to the next category, update emoji index to the
+        // first emoji in the new category.
         this.previewEmojiIdx = 0
       }
     }
@@ -142,6 +157,9 @@ export class PickerView {
   }
 
   onArrowDown() {
+
+    // If we are out of the emoji control (index is -1), select the first
+    // emoji in the first category by calling `onArrowRight`.
     if (this.previewEmojiIdx == -1) {
       return this.onArrowRight()
     }
@@ -149,11 +167,14 @@ export class PickerView {
     const categoryLength = this.filteredCategories[this.previewEmojiCategoryIdx]
       .emojis.length
 
+    // When moving down, we can move `_perLine` icons right to
+    // jump to the same position in the next row.
     let diff = this._perLine
-    // If we jump to the next category and current category
-    // has the last row shorter than `_perLine`, use the
-    // last row length as diff, so we go straight down,
-    // for example:
+
+    // Unless if we are on the last row of the category and
+    // there are less then `_perLine` emojis in it.
+    // In this case we use the last row length as diff
+    // so we go straight down, for example:
     //
     //   1 2 3 4 5 6
     //   7 8 9
@@ -165,6 +186,7 @@ export class PickerView {
     // And if we used 6 instead (row length, `_perLine`), we would
     // lend up at `E`.
     if (this.previewEmojiIdx + diff > categoryLength) {
+      // Calculate the last row length.
       diff = categoryLength % this._perLine
     }
     for (let i = 0; i < diff; i++) {
@@ -174,11 +196,16 @@ export class PickerView {
   }
 
   onArrowUp() {
+    // Similar to `onArrowDown`, to move up we can move left
+    // by `_perLine` number of emojis.
     let diff = this._perLine
+
     if (this.previewEmojiIdx - diff < 0) {
       if (this.previewEmojiCategoryIdx > 0) {
-        // If the previous category is shorter and does not extend to
-        // the end of row, use the last row length as diff, so
+        // Unless if we are on the first line of the category and
+        // the last line in the previous category is shorter than
+        // `_perLine`.
+        // In this case we use the last row length as diff, so
         // we go straight up, for example:
         //
         //   1 2 3 4 5

From 83950d14916105d03ad3436995dab78f2be02908 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sat, 17 Apr 2021 15:15:37 +0300
Subject: [PATCH 31/32] Fix view property initialization.

---
 src/components/Picker.vue |  5 +----
 src/utils/picker.js       | 12 ++++++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 61f2be90..ac42c441 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -130,7 +130,7 @@ export default {
   data() {
     return {
       activeSkin: this.skin || store.get('skin') || this.defaultSkin,
-      view: this.view,
+      view: new PickerView(this),
     }
   },
   computed: {
@@ -187,9 +187,6 @@ export default {
       }
     },
   },
-  created() {
-    this.view = new PickerView(this)
-  },
   methods: {
     onScroll() {
       if (this.infiniteScroll && !this.waitingForPaint) {
diff --git a/src/utils/picker.js b/src/utils/picker.js
index 0bd85947..4cb37546 100644
--- a/src/utils/picker.js
+++ b/src/utils/picker.js
@@ -171,6 +171,18 @@ export class PickerView {
     // jump to the same position in the next row.
     let diff = this._perLine
 
+    // TODO: previewCategory should match activeCategory
+    // (so it would be both highlighted in UI and used
+    // when we start moving with arrows after clicking
+    // the category).
+
+    // Note: probably we can alwasy take current row length
+    // as a `diff` - it will fit both case of any row and
+    // special case of the last row.
+    // Note: it can be also easier to update indexes
+    // directly here instead of calling onArrowRight.
+    // Same is true for `onArrowUp`.
+
     // Unless if we are on the last row of the category and
     // there are less then `_perLine` emojis in it.
     // In this case we use the last row length as diff

From 07581e9b09c656385b433e1c4b346a441028b913 Mon Sep 17 00:00:00 2001
From: Boris Serebrov <serebrov@gmail.com>
Date: Sat, 17 Apr 2021 15:17:49 +0300
Subject: [PATCH 32/32] Formatting

---
 src/utils/picker.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/utils/picker.js b/src/utils/picker.js
index 4cb37546..75f9dc04 100644
--- a/src/utils/picker.js
+++ b/src/utils/picker.js
@@ -157,7 +157,6 @@ export class PickerView {
   }
 
   onArrowDown() {
-
     // If we are out of the emoji control (index is -1), select the first
     // emoji in the first category by calling `onArrowRight`.
     if (this.previewEmojiIdx == -1) {