.picker .icon{fill:currentColor;height:1em;width:1.25em}.icon-small{font-size:.8em}.icon-medium{font-size:1em}.icon-large{font-size:1.25em}.icon-2x{font-size:2em}.icon-3x{font-size:3em}.icon-4x{font-size:4em}.icon-5x{font-size:5em}.icon-8x{font-size:8em}.icon-10x{font-size:10em}.auto,.light{--accent-color:#4f46e5;--background-color:#f9fafb;--border-color:#ccc;--category-name-background-color:#f9fafb;--category-name-button-color:#999;--category-name-text-color:#597aa6;--category-tab-active-background-color:hsla(0,0%,100%,.6);--category-tab-active-color:var(--accent-color);--category-tab-color:#666;--category-tab-highlight-background-color:rgba(0,0,0,.15);--error-color-dark:#e60000;--error-color:#c00;--focus-indicator-background-color:#c0e3f2;--focus-indicator-color:#333;--hover-background-color:#c7d2fe;--placeholder-background-color:#ccc;--search-background-color:#f9fafb;--search-focus-background-color:#fff;--search-icon-color:#999;--search-placeholder-color:#71717a;--secondary-background-color:#e2e8f0;--secondary-text-color:#666;--tag-background-color:rgba(162,190,245,.3);--text-color:#000;--variant-popup-background-color:#fff;color-scheme:light}.dark{--accent-color:#a580f9;--background-color:#333;--border-color:#666;--category-name-background-color:#333;--category-name-button-color:#eee;--category-name-text-color:#fff;--category-tab-active-background-color:#000;--category-tab-active-color:var(--accent-color);--category-tab-color:#ccc;--category-tab-highlight-background-color:#4a4a4a;--error-color-dark:#080707;--error-color:#b87a7a;--focus-indicator-background-color:grey;--focus-indicator-color:#999;--hover-background-color:hsla(0,0%,40%,.85);--image-placeholder-color:#fff;--placeholder-background-color:#666;--search-background-color:#71717a;--search-focus-background-color:#52525b;--search-icon-color:#ccc;--search-placeholder-color:#d4d4d8;--secondary-background-color:#000;--secondary-text-color:#999;--tag-background-color:rgba(162,190,245,.3);--text-color:#fff;--variant-popup-background-color:#333;color-scheme:dark}@media (prefers-color-scheme:dark){.auto{--accent-color:#a580f9;--background-color:#333;--border-color:#666;--category-name-background-color:#333;--category-name-button-color:#eee;--category-name-text-color:#fff;--category-tab-active-background-color:#000;--category-tab-active-color:var(--accent-color);--category-tab-color:#ccc;--category-tab-highlight-background-color:#4a4a4a;--error-color-dark:#080707;--error-color:#b87a7a;--focus-indicator-background-color:grey;--focus-indicator-color:#999;--hover-background-color:hsla(0,0%,40%,.85);--image-placeholder-color:#fff;--placeholder-background-color:#666;--search-background-color:#71717a;--search-focus-background-color:#52525b;--search-icon-color:#ccc;--search-placeholder-color:#d4d4d8;--secondary-background-color:#000;--secondary-text-color:#999;--tag-background-color:rgba(162,190,245,.3);--text-color:#fff;--variant-popup-background-color:#333;color-scheme:dark}}.picker .categoryButtonsContainer{overflow:auto;padding:2px 0}.picker .categoryButtonsContainer.has-overflow-right{mask-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 10%);-webkit-mask-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 10%)}.picker .categoryButtonsContainer.has-overflow-left{mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 10%);-webkit-mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 10%)}.picker .categoryButtonsContainer.has-overflow-both{mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 10%,#fff 90%,hsla(0,0%,100%,0));-webkit-mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 10%,#fff 90%,hsla(0,0%,100%,0))}.picker .categoryButtons{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--tab-gap);height:var(--category-tabs-height);justify-content:space-between;justify-self:center;list-style-type:none;margin:0;max-width:min(23.55rem,calc(var(--category-count, 1)*2.5rem));padding:0 .5em;position:relative;width:100%}.picker .categoryButtons .categoryTab{align-items:center;display:flex;transition:all .1s;width:2em}.picker .categoryButtons .categoryTab.categoryTabActive .categoryButton{background:linear-gradient(hsla(0,0%,100%,.75) 0,hsla(0,0%,100%,.75) 100%),linear-gradient(var(--category-tab-active-color) 0,var(--category-tab-active-color) 100%);border:2px solid var(--category-tab-active-color);color:var(--category-tab-active-color)}.picker .categoryButtons .categoryTab.categoryTabActive .categoryButton:hover{background-color:var(--category-tab-active-background-color)}.picker .categoryButtons .categoryTab button.categoryButton{align-items:center;background:transparent;border:2px solid transparent;border-radius:5px;color:var(--category-tab-color);cursor:pointer;display:flex;font-size:1.2rem;height:1.6em;justify-content:center;padding:2px;transition:all .1s;vertical-align:middle;width:1.6em}.picker .categoryButtons .categoryTab button.categoryButton:is(img){height:var(--category-tab-size);width:var(--category-tab-size)}.picker .categoryButtons .categoryTab button.categoryButton:hover{background:var(--category-tab-highlight-background-color)}.dataError [data-icon]{opacity:.8}@keyframes appear{0%{opacity:0}to{opacity:.8}}@keyframes appear-grow{0%{opacity:0;transform:scale(.8)}to{opacity:.8;transform:scale(1)}}.picker .error{align-items:center;color:var(--secondary-text-color);display:flex;flex-direction:column;height:100%;justify-content:center}.picker .error .iconContainer{--color-primary:var(--error-color);--color-secondary:var(--error-color-dark);animation:appear-grow .25s cubic-bezier(.175,.885,.32,1.275);opacity:.8}.picker .error .title{animation:appear .25s;animation-delay:50ms;animation-fill-mode:both}.picker .error button{background:var(--background-color);border:1px solid var(--text-color);border-radius:5px;color:var(--text-color);cursor:pointer;padding:8px 16px}.picker .error button:hover{background:var(--text-color);color:var(--background-color)}.emojiButton{align-items:center;background:transparent;border:none;border-radius:15px;cursor:pointer;display:flex;font-family:var(--emoji-font);font-size:var(--emoji-size);height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;width:100%}.emojiButton:hover{background:var(--hover-background-color)}.emojiButton:focus{background:var(--focus-indicator-background-color);border-radius:0;outline:1px solid var(--focus-indicator-color)}.picker .emojiArea{height:var(--emoji-area-height);overflow-y:auto;position:relative}.picker .emojiCategory{position:relative}.picker .emojiCategory .categoryName{align-items:center;background:var(--category-name-background-color);box-sizing:border-box;color:var(--category-name-text-color);display:grid;font-size:.9em;gap:4px;grid-template-columns:auto 1fr auto;height:var(--category-name-height);justify-content:flex-start;line-height:1;margin:0;padding:.5rem;text-transform:uppercase;top:0;z-index:1}.picker .emojiCategory .categoryName button{align-items:center;background:transparent;border:none;color:var(--category-name-button-color);cursor:pointer;display:flex}.picker .emojiCategory .categoryName button:hover{opacity:1}.picker .emojiCategory .noRecents{align-items:center;color:var(--secondary-text-color);display:flex;font-size:.9em;grid-column:1/span var(--emojis-per-row);justify-content:center;min-height:calc(var(--emoji-size)*var(--emoji-size-multiplier));text-align:center}.picker .emojiCategory .recentEmojis[data-empty=true]{display:none}:is(.picker .emojiCategory) .recentEmojis[data-empty=false]+div{display:none}.picker .emojiContainer{align-items:center;display:grid;gap:1px;grid-auto-rows:calc(var(--emoji-size)*var(--emoji-size-multiplier));grid-template-columns:repeat(var(--emojis-per-row),calc(var(--emoji-size)*var(--emoji-size-multiplier)));justify-content:space-between;justify-items:center;padding:0 .5em}.picker.picker{--border-radius:5px;--emoji-area-height:calc(var(--row-count)*var(--emoji-size)*var(--emoji-size-multiplier) + var(--category-name-height));--content-height:var(--emoji-area-height);--emojis-per-row:8;--row-count:6;--emoji-preview-margin:4px;--emoji-preview-height:calc(var(--emoji-preview-size) + 1em + 1px);--emoji-preview-height-full:calc(var(--emoji-preview-height) + var(--emoji-preview-margin));--emoji-preview-size:2.75em;--emoji-size:2rem;--emoji-size-multiplier:1.3;--content-margin:8px;--category-tabs-height:calc(1.5em + 9px);--category-tabs-offset:8px;--category-tab-size:1.2rem;--category-name-height:2rem;--category-name-padding-y:6px;--search-height:2em;--search-margin:0.5em;--search-margin-bottom:4px;--search-height-full:calc(var(--search-height) + var(--search-margin) + var(--search-margin-bottom));--overlay-background-color:rgba(0,0,0,.8);--emoji-font:"Segoe UI Emoji","Segoe UI Symbol","Segoe UI","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","EmojiOne Color","Android Emoji";--ui-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--ui-font-size:16px;--picker-width:calc(var(--emojis-per-row)*var(--emoji-size)*var(--emoji-size-multiplier) + 2.75rem);--preview-background-color:var(--secondary-background-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:grid;font-size:var(--ui-font-size);gap:8px;overflow:hidden;position:relative;width:var(--picker-width)}.picker.picker,.picker.picker>*,.picker.skeleton{font-family:var(--ui-font)}.picker.skeleton{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--secondary-text-color);width:var(--picker-width)}.picker.skeleton *{box-sizing:border-box}.picker.skeleton .placeholder{background:var(--placeholder-background-color);overflow:hidden;position:relative}.picker.skeleton .placeholder:after{animation:shine 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.picker.skeleton .headerSkeleton{background-color:var(--secondary-background-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;overflow:hidden;padding-bottom:8px;padding-top:8px;width:var(--picker-width)}.picker.skeleton .searchSkeleton{height:var(--search-height);padding:0 8px}.picker.skeleton .searchSkeleton .searchInput{border-radius:3px;height:28px;width:100%}.picker.skeleton .categoryTabsSkeleton{align-items:center;display:flex;flex-direction:row;height:var(--category-tabs-height);justify-self:center;width:calc(2rem*var(--category-count, 1))}.picker.skeleton .categoryTabsSkeleton .categoryTab{border-radius:5px;height:25px;margin:.25em;padding:2px;width:25px}.picker.skeleton .contentSkeleton{height:var(--content-height);opacity:.7;padding-right:8px}.picker.skeleton .contentSkeleton .categoryName{box-sizing:border-box;height:1rem;margin:.5rem;width:50%}.picker.skeleton .contentSkeleton .emojiGrid{align-items:center;display:grid;gap:1px;grid-auto-rows:calc(var(--emoji-size)*var(--emoji-size-multiplier));grid-template-columns:repeat(var(--emojis-per-row),calc(var(--emoji-size)*var(--emoji-size-multiplier)));justify-content:space-between;justify-items:center;padding:0 .5em;width:var(--picker-width)}.picker.skeleton .contentSkeleton .emojiGrid .emoji{border-radius:50%;height:var(--emoji-size);width:var(--emoji-size)}.picker.skeleton .previewSkeleton{align-items:center;border-top:1px solid var(--border-color);display:grid;gap:6px;grid-template-areas:"emoji name" "emoji tags";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:var(--emoji-preview-height);padding:.5em}.picker.skeleton .previewSkeleton .previewEmoji{border-radius:50%;grid-area:emoji;height:var(--emoji-preview-size);width:var(--emoji-preview-size)}.picker.skeleton .previewSkeleton .previewName{grid-area:name;height:.8em;width:80%}.picker.skeleton .previewSkeleton .tagList{display:flex;flex-direction:row;grid-area:tags;list-style-type:none;margin:0;padding:0}.picker.skeleton .previewSkeleton .tagList .tag{border-radius:3px;height:1em;margin-right:.25em;padding:2px 8px;width:20%}.overlay{background:rgba(0,0,0,.75);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.content{height:var(--content-height);overflow:hidden;position:relative}.content.fullHeight{height:calc(var(--content-height) + var(--category-tabs-height) + var(--category-tabs-offset));overflow-y:auto}.pluginContainer{display:flex;flex-direction:row;margin:.5em}.header{background-color:var(--secondary-background-color);border-bottom:1px solid var(--border-color);display:grid;gap:8px;padding-bottom:8px;padding-top:8px}@media (prefers-reduced-motion:reduce){.placeholder{background:var(--placeholder-background-color);overflow:hidden;position:relative}.placeholder:after{display:none}}.picker .preview{align-items:center;background:var(--preview-background-color);border-top:1px solid var(--border-color);box-sizing:border-box;display:grid;gap:6px;grid-template-areas:"emoji name" "emoji tags";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:var(--emoji-preview-height);padding:.5em;position:relative}.picker .preview .previewEmoji{align-items:center;display:flex;font-family:var(--emoji-font);font-size:var(--emoji-preview-size);grid-area:emoji;justify-content:center;width:1.25em}.picker .preview .previewName{color:var(--text-color);font-size:.8em;font-weight:500;grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker .preview .tagList{display:flex;flex-direction:row;font-size:.75em;grid-area:tags;list-style-type:none;margin:0;overflow:hidden;padding:0}.picker .preview .tag{background:var(--tag-background-color);border-radius:3px;color:var(--text-color);margin-right:.25em;padding:2px 8px;white-space:nowrap}.picker .preview .tag:last-child{margin-right:0}.picker .searchContainer{box-sizing:border-box;display:flex;height:var(--search-height);padding:0 8px;position:relative}.picker .searchContainer .searchField{background:var(--search-background-color);border:none;border-radius:3px;box-sizing:border-box;color:var(--text-color);font-size:.9em;outline:none;padding:.5em 2.25em .5em .5em;width:100%}.picker .searchContainer .searchField:focus{background:var(--search-focus-background-color)}.picker .searchContainer .searchField::placeholder{color:var(--search-placeholder-color)}.picker .searchContainer .searchAccessory{align-items:center;color:var(--search-icon-color);display:flex;height:100%;position:absolute;right:1em;top:0;width:1.25rem}.picker .searchContainer .searchAccessory svg{fill:var(--search-icon-color)}.picker .searchContainer .clearButton{background:transparent;border:0;color:var(--search-icon-color);cursor:pointer}.picker .searchContainer .clearSearchButton{align-items:center;background:transparent;border:none;color:var(--search-icon-color);cursor:pointer;display:flex;font-size:1em;height:100%;padding:0;width:100%}.picker .searchContainer .notFound [data-icon]{fill:#f3e265}.picker .variantOverlay{background:var(--overlay-background-color);border-radius:5px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.picker .variantOverlay .variantPopup{align-items:center;background:var(--variant-popup-background-color);border-radius:5px;display:flex;justify-content:center;margin:.5em;padding:.5em;text-align:center;user-select:none}.customEmoji{height:1em;width:1em}@keyframes shine{to{transform:translateX(100%)}}.picker .imagePlaceholder{border-radius:50%;height:2rem;width:2rem}.placeholder{background:#dddbdd;position:relative}.placeholder:after{animation:shine 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}