@keyframes animate-gradient{to{background-position:200%}}@keyframes dd-3e7c9f42-gifVibrate{0%,to{transform:translate(0)rotate(0)}20%,60%{transform:translate(-2px)rotate(-1deg)}40%,80%{transform:translate(2px)rotate(1deg)}}.dd-3e7c9f42-chatInputWrapper{width:100%;position:relative}.dd-3e7c9f42-chatInput{background:#151515;border:2px solid #ffffff1a;border-radius:15px;flex-direction:column;justify-content:start;width:100%;padding:11px 15px;transition:all .3s ease-in-out;display:flex}.dd-3e7c9f42-chatInput:focus-within{border-color:#ffc54d}.dd-3e7c9f42-chatInput__main{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;display:flex}.dd-3e7c9f42-chatInput__field{caret-color:#ffc54d;color:#fff;text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:auto;width:100%;min-width:0;height:21px;font-family:Poppins;font-size:16px;font-weight:400;line-height:130%;overflow:hidden}.dd-3e7c9f42-chatInput__field::placeholder{color:#a7a7a780;opacity:1}.dd-3e7c9f42-chatInput__field:disabled{opacity:1;-webkit-text-fill-color:#a7a7a780}.dd-3e7c9f42-chatInput__actions{flex:none;align-items:center;gap:16px;display:flex}.dd-3e7c9f42-chatInput__mediaActions{align-items:center;gap:16px;display:flex}.dd-3e7c9f42-chatInput__action{cursor:pointer;background:#212121;border:0;border-radius:80px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:background-color .3s ease-in-out;display:flex;overflow:hidden}.dd-3e7c9f42-chatInput__action:disabled{opacity:1;cursor:default}.dd-3e7c9f42-chatInput__action--primary{background:#ffc54d1a}.dd-3e7c9f42-chatInput__action--primary:not(:disabled):hover{background:#ffc54d}.dd-3e7c9f42-chatInput__action--primary:not(:disabled):hover>.dd-3e7c9f42-chatInput__actionIcon{filter:brightness(0)}.dd-3e7c9f42-chatInput__actionIcon{width:20px;min-width:20px;height:20px;transition:filter .3s ease-in-out;display:block}.dd-3e7c9f42-chatInput__attachmentRow{align-items:start;gap:16px;width:100%;min-width:0;height:100%;max-height:80px;padding-top:16px;display:flex;overflow:hidden}.dd-3e7c9f42-chatInput__attachmentEnter{opacity:0;max-height:0;padding-top:0}.dd-3e7c9f42-chatInput__attachmentExit{opacity:1;max-height:80px;padding-top:16px}.dd-3e7c9f42-chatInput__attachmentEnterActive{opacity:1;max-height:80px;transition:max-height var(--switch-duration,.3s) ease-in-out 0s,padding-top var(--switch-duration,.3s) ease-in-out 0s,opacity var(--switch-duration,.3s) ease-in-out 0s;padding-top:16px}.dd-3e7c9f42-chatInput__attachmentExitActive{opacity:0;max-height:0;transition:max-height var(--switch-duration,.3s) ease-in-out 0s,padding-top var(--switch-duration,.3s) ease-in-out 0s,opacity var(--switch-duration,.3s) ease-in-out 0s;padding-top:0}.dd-3e7c9f42-chatInput__attachment{width:64px;min-width:64px;height:64px;position:relative}.dd-3e7c9f42-chatInput__gifList{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;width:100%;min-width:0;height:64px;display:flex;overflow:auto hidden}.dd-3e7c9f42-chatInput__gifList::-webkit-scrollbar{display:none}.dd-3e7c9f42-chatInput__gifList--shake .dd-3e7c9f42-chatInput__gifItem{animation:.3s ease-in-out dd-3e7c9f42-gifVibrate}.dd-3e7c9f42-chatInput__gifItem{cursor:pointer;background:0 0;border:0;border-radius:8px;outline:0;flex:0 0 64px;padding:0;overflow:hidden}.dd-3e7c9f42-chatInput__gifItem:focus-visible{outline-offset:-2px;outline:2px solid #ffc54d}.dd-3e7c9f42-chatInput__gifItem:not(:disabled):hover>.dd-3e7c9f42-chatInput__attachmentImage{transform:scale(1.1)}.dd-3e7c9f42-chatInput__gifItem:disabled{opacity:1;cursor:default}.dd-3e7c9f42-chatInput__attachmentImage{object-fit:cover;border:1px solid #0000;border-radius:8px;width:64px;height:64px;transition:transform .3s ease-in-out;display:block}.dd-3e7c9f42-chatInput__attachmentImage--sticker{object-fit:contain}.dd-3e7c9f42-chatInput--error .dd-3e7c9f42-chatInput__attachmentImage{border-color:#f6762e}.dd-3e7c9f42-chatInput__removeAttachment{color:#a7a7a7;cursor:pointer;background:#212121;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background-color .3s ease-in-out,color .3s ease-in-out;display:flex;position:absolute;top:-10px;right:-10px}.dd-3e7c9f42-chatInput__removeAttachment>svg{width:13.333px;min-width:13.333px;height:13.333px}.dd-3e7c9f42-chatInput__removeAttachment:not(:disabled):hover{color:#070707;background:#ffc54d}.dd-3e7c9f42-chatInput__removeAttachment:disabled{opacity:1;cursor:default}.dd-3e7c9f42-chatInput__gifsStatus,.dd-3e7c9f42-chatInput__errorMessage{overflow-wrap:anywhere;min-width:0;margin:auto 0;font-family:Poppins;font-size:14px;font-weight:400;line-height:130%}.dd-3e7c9f42-chatInput__gifsStatus{color:#a7a7a7}.dd-3e7c9f42-chatInput__gifsStatus--error{color:#f6762e}.dd-3e7c9f42-chatInput__gifsStatus--loading{-webkit-text-fill-color:#0000;contain:layout style paint;background:linear-gradient(90deg,#212121 0%,#fff 50%,#212121 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;padding:24px 0;font-size:16px;line-height:100%;animation:3s linear infinite animate-gradient}.dd-3e7c9f42-chatInput__errorMessage{color:#f6762e}
@keyframes animate-gradient{to{background-position:200%}}.dd-8c2f04e1-chatMentionSuggestions{z-index:5;width:100%;max-height:min(248px,var(--chat-mention-max-height,248px));z-index:100;scrollbar-width:thin;background:#212121;border:1px solid #ffffff1a;border-radius:15px;flex-direction:column;gap:16px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #00000059}.dd-8c2f04e1-chatMentionSuggestions--above{bottom:calc(100% + 8px)}.dd-8c2f04e1-chatMentionSuggestions--below{top:calc(100% + 8px)}.dd-8c2f04e1-chatMentionSuggestions__option{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;outline:0;align-items:center;gap:8px;width:100%;min-width:0;min-height:40px;padding:4px 8px;transition:background-color .3s ease-in-out;display:flex}.dd-8c2f04e1-chatMentionSuggestions__option--active,.dd-8c2f04e1-chatMentionSuggestions__option:hover,.dd-8c2f04e1-chatMentionSuggestions__option:focus-visible{background:#151515}.dd-8c2f04e1-chatMentionSuggestions__avatar{object-fit:cover;background:#151515;border-radius:50%;width:32px;min-width:32px;height:32px;display:block;overflow:hidden}.dd-8c2f04e1-chatMentionSuggestions__username{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Poppins;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}