.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.specialCharEmojiCopy{max-width:1100px}.specialCharEmojiCopy h3{font-size:20px;font-weight:700;text-align:left;color:#17445c;margin-bottom:8px}@media(max-width:576px){.specialCharEmojiCopy h3{font-size:18px}}.specialCharEmojiCopy .stickySearch{position:sticky;top:96px;z-index:25;align-self:stretch;padding:6px 0;background:#fff}.specialCharEmojiCopy .stickyTabs{position:sticky;top:146px;z-index:20;padding-bottom:8px;background:#fff}.specialCharEmojiCopy .stickyTabs .mt_15,.specialCharEmojiCopy .stickyTabs .mt_12{margin-top:6px!important}.specialCharEmojiCopy .symbolComposer{padding:10px 12px;background:#fff;border:1px solid #dce5f5;border-radius:12px;box-shadow:0 8px 20px #1f293714}.specialCharEmojiCopy .symbolComposer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.specialCharEmojiCopy .symbolComposer__header h3{margin-bottom:4px}.specialCharEmojiCopy .symbolComposer__actions{display:flex;flex-shrink:0;gap:8px}.specialCharEmojiCopy .symbolComposer__footer{margin-top:6px;color:#3f464d;font-size:12px;text-align:right}.specialCharEmojiCopy .composerTextarea{display:block;width:100%;min-height:58px;padding:7px 10px;border:1px solid #cfd8ea;border-radius:8px;color:#1f2937;font:inherit;line-height:1.5;resize:vertical;outline:none}.specialCharEmojiCopy .composerTextarea:focus{border-color:#4e8ab5;box-shadow:0 0 0 2px #4e8ab51f}.specialCharEmojiCopy .composerClearBtn,.specialCharEmojiCopy .composerCopyBtn{border-radius:8px;cursor:pointer;transition:all .2s}.specialCharEmojiCopy .composerClearBtn{padding:6px 12px;border:1px solid #d5dbe7;background:#fff;color:#3f464d}.specialCharEmojiCopy .composerCopyBtn{padding:6px 14px;border:1px solid #4e8ab5;background:#4e8ab5;color:#fff;font-weight:600}.specialCharEmojiCopy .composerClearBtn:hover:not(:disabled){border-color:#df2073;color:#df2073}.specialCharEmojiCopy .composerCopyBtn:hover:not(:disabled){filter:brightness(.95)}.specialCharEmojiCopy .composerClearBtn:disabled,.specialCharEmojiCopy .composerCopyBtn:disabled{cursor:not-allowed;opacity:.45}.specialCharEmojiCopy .searchIcon{color:#9aa4b2;font-size:16px}.specialCharEmojiCopy .searchInput{font-size:14px;border-radius:8px;padding:4px 10px}.specialCharEmojiCopy .recentBlock{background:#fdfdfd;border:1px dashed #ddd;border-radius:10px;padding:14px}.specialCharEmojiCopy .recentBlock__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.specialCharEmojiCopy .recentBlock__header .recentExpandBtn{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.specialCharEmojiCopy .recentBlock__header .recentExpandBtn__label{color:#4e8ab5;font-size:16px;font-weight:700}.specialCharEmojiCopy .recentBlock__header .recentBlock__actions{display:flex;align-items:center}.specialCharEmojiCopy .recentBlock .clearBtn{background:#fff;border:1px solid #ddd;color:#3f464d;font-size:12px;border-radius:16px;padding:4px 12px;cursor:pointer;transition:.2s}.specialCharEmojiCopy .recentBlock .clearBtn:hover{border-color:#df2073;color:#df2073}.specialCharEmojiCopy .recentBlock .symbolBtn{border-color:#e3eaff;background:#f7f9ff}.specialCharEmojiCopy .categoryTabs{display:flex;flex-wrap:wrap;gap:8px}.specialCharEmojiCopy .emojiCategoryTabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px 8px;border-radius:10px;background:#f7f9ff;border:1px solid #e3eaff}.specialCharEmojiCopy .emojiCategoryTab{flex:0 0 auto;padding:4px 10px;border-radius:16px;border:1px solid #d9e1f2;background:#fff;color:#3f464d;font-size:13px;cursor:pointer;line-height:1.2;transition:all .2s}.specialCharEmojiCopy .emojiCategoryTab:hover,.specialCharEmojiCopy .emojiCategoryTab.active{border-color:#4e8ab5;color:#4e8ab5;background:#fff7f0}.specialCharEmojiCopy .categoryTab{flex:0 0 auto;padding:4px 12px;border-radius:20px;border:1px solid #ddd;background:#fff;color:#3f464d;font-weight:600;font-size:14px;white-space:nowrap;line-height:1.2;cursor:pointer;transition:all .2s}.specialCharEmojiCopy .categoryTab:hover{border-color:#4e8ab5;color:#4e8ab5}.specialCharEmojiCopy .categoryTab.active{background:#4e8ab5;color:#fff;border-color:#4e8ab5}.specialCharEmojiCopy .categoryTab.active:hover{color:#fff}@media(max-width:576px){.specialCharEmojiCopy .categoryTab{padding:5px 12px;font-size:13px}}.specialCharEmojiCopy .symbolGrid{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:576px){.specialCharEmojiCopy .symbolGrid{gap:8px}}.specialCharEmojiCopy .symbolBtn{min-height:56px;display:flex;flex:0 0 auto;align-items:center;justify-content:center;text-align:center;min-width:72px;background:#fff;border:2px solid #f3f4f6;border-radius:10px;cursor:pointer;transition:all .15s ease-in-out;padding:6px 12px;word-break:keep-all;white-space:nowrap;line-height:1.3;color:#1f2937;overflow-x:auto;max-width:100%}.specialCharEmojiCopy .symbolBtn:hover{border-color:#4e8ab5;background:#fff7f0;box-shadow:0 6px 14px #0000000f;transform:translateY(-2px)}@media(max-width:576px){.specialCharEmojiCopy .symbolBtn{min-height:46px;min-width:64px;padding:6px 10px}}.specialCharEmojiCopy .noResultsHint{color:#7993a5;font-size:13px;text-align:center;padding:16px 0}@media(max-width:576px){.specialCharEmojiCopy .stickyTabs{position:static;top:auto;z-index:auto;padding-bottom:0;background:transparent}.specialCharEmojiCopy .symbolComposer{padding:12px}.specialCharEmojiCopy .symbolComposer__header{display:block}.specialCharEmojiCopy .symbolComposer__actions{justify-content:flex-end}.specialCharEmojiCopy .symbolGrid{justify-content:space-between;column-gap:0;row-gap:8px}.specialCharEmojiCopy .symbolBtn{flex:0 0 calc((100% - 32px)/5);min-width:0;padding:6px 4px}}
