.emoji-name-field{position:relative;width:100%;min-width:0}.emoji-name-field>input{width:100%;padding-right:46px!important}.emoji-name-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:32px;border-radius:6px;font:22px 'Segoe UI Emoji','Apple Color Emoji',sans-serif}.emoji-name-button:hover,.emoji-name-button[aria-expanded=true]{background:#ffffff12}.emoji-name-button:focus-visible{outline:2px solid var(--berry-soft)}
.channel-emoji-picker{position:fixed;z-index:400;display:flex;flex-direction:column;background:#27262c;color:#eeeef3;border:1px solid #35333d;border-radius:9px;box-shadow:0 12px 36px #0008;overflow:hidden;font-family:'Segoe UI',sans-serif}.channel-emoji-search-row{padding:15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #3a3841;position:relative;flex-shrink:0}.channel-emoji-search{height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;flex:1;min-width:0;border:2px solid #7064ff;border-radius:7px;background:#202026}.channel-emoji-search svg{height:18px;width:18px;flex-shrink:0}.channel-emoji-search input{width:100%;min-width:0;padding:0!important;background:none!important;border:0!important;outline:none!important;color:#efeff5;font-size:14px}.channel-emoji-search input::placeholder{color:#aaa6b5}.channel-emoji-tone{flex-shrink:0;width:34px;height:36px;font-size:25px;border-radius:5px}.channel-emoji-tone:hover{background:#ffffff10}.channel-emoji-tones{position:absolute;z-index:2;top:58px;right:12px;display:flex;gap:2px;background:#18181e;border:1px solid #44414e;border-radius:7px;padding:5px;box-shadow:0 5px 15px #0008}.channel-emoji-tones[hidden]{display:none}.channel-emoji-tones button{font-size:23px;padding:4px;border-radius:4px}.channel-emoji-tones button:hover,.channel-emoji-tones [aria-pressed=true]{background:#4a4258}
.channel-emoji-content{display:flex;min-height:0;flex:1}.channel-emoji-categories{width:48px;flex-shrink:0;padding:8px 5px;display:flex;flex-direction:column;gap:3px;background:#202026;overflow-y:auto}.channel-emoji-categories button{display:grid;place-items:center;flex-shrink:0;height:34px;border-radius:5px;font-size:22px;filter:grayscale(1);opacity:.7}.channel-emoji-categories button:hover,.channel-emoji-categories button[aria-pressed=true]{background:#414049;filter:none;opacity:1}.channel-emoji-results{flex:1;min-width:0;overflow-y:auto;padding:9px 10px 14px 7px;scrollbar-color:#67636f transparent;scrollbar-width:thin}.channel-emoji-results h3{font-size:13px;padding:0 5px 9px;color:#dddbe5;font-weight:650}.channel-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:1px}.channel-emoji-option{padding:0;min-width:0;height:46px;display:grid;place-items:center;border-radius:5px;font:36px/1 'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif}.channel-emoji-option:hover,.channel-emoji-option:focus{background:#46424d;outline:0}.channel-emoji-option:focus-visible{outline:2px solid #a296ff;outline-offset:-2px}.channel-emoji-empty,.channel-emoji-grid>p{grid-column:1/-1;font-size:13px;line-height:1.6;color:#b2adbd;padding:22px 10px}.channel-emoji-footer{min-height:63px;padding:9px 15px;background:#202026;border-top:1px solid #35333d;display:flex;align-items:center;gap:12px;flex-shrink:0}.channel-emoji-preview{font:32px 'Segoe UI Emoji','Apple Color Emoji',sans-serif}.channel-emoji-footer>div{min-width:0}.channel-emoji-footer b,.channel-emoji-footer small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-emoji-footer b{font-size:12px}.channel-emoji-footer small{font-size:11px;color:#a6a2b0;margin-top:3px}.channel-emoji-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.channel-emoji-status:not(:empty){pointer-events:none}
@media(max-width:540px){.channel-emoji-option{font-size:30px;height:40px}.channel-emoji-categories{width:42px}.channel-emoji-search-row{padding:10px}.channel-emoji-results{padding-left:4px;padding-right:6px}}