.is-leaving{pointer-events:none}@keyframes motion-fade-out{to{opacity:0}}.message:hover .msg-actions,.message.is-editing .msg-actions{animation:msg-actions-in .12s ease-out}@keyframes msg-actions-in{0%{opacity:0;transform:translateY(3px)}}.reaction-chip{transition:border-color .1s,background-color .15s,transform .1s ease-out}.reaction-chip:active{transform:scale(.94)}.reaction-chip.rx-new{animation:rx-pop .22s cubic-bezier(.2,.8,.2,1)}.reaction-chip.is-leaving{animation:rx-out .16s ease-in forwards}.reaction-chip .count.rx-up{animation:rx-count-up .22s ease-out}.reaction-chip .count.rx-down{animation:rx-count-down .22s ease-out}@keyframes rx-pop{0%{opacity:0;transform:scale(.5)}}@keyframes rx-out{to{opacity:0;transform:scale(.5)}}@keyframes rx-count-up{0%{opacity:0;transform:translateY(60%)}}@keyframes rx-count-down{0%{opacity:0;transform:translateY(-60%)}}.message.msg-arrive{animation:msg-arrive .2s ease-out}@keyframes msg-arrive{0%{opacity:0;transform:translateY(6px)}}#typing-indicator{display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(3px);transition:opacity .15s ease-out,transform .15s ease-out}#typing-indicator.is-typing{opacity:1;transform:none}.typing-dots{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.typing-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;animation:typing-dot 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}.reduced-motion .typing-dots i{animation:none;opacity:.7}#reply-preview{animation:reply-in .16s ease-out}#reply-preview.is-leaving{animation:reply-out .12s ease-in forwards}@keyframes reply-in{0%{opacity:0;transform:translateY(6px)}}@keyframes reply-out{to{opacity:0;transform:translateY(6px)}}.rcm{animation:rcm-in .12s cubic-bezier(.2,.8,.2,1)}.rcm.is-leaving{animation:rcm-out .09s ease-in forwards}@keyframes rcm-in{0%{opacity:0;transform:scale(.96)}}@keyframes rcm-out{to{opacity:0;transform:scale(.98)}}#emoji-picker,#media-picker{animation:picker-in .16s cubic-bezier(.2,.8,.2,1)}#emoji-picker{transform-origin:bottom left}#media-picker{transform-origin:bottom right}#emoji-picker.is-leaving,#media-picker.is-leaving{animation:picker-out .12s ease-in forwards}@keyframes picker-in{0%{opacity:0;transform:scale(.96)}}@keyframes picker-out{to{opacity:0;transform:scale(.97)}}.mention-dropdown{animation:dropdown-in .12s ease-out}.mention-dropdown.is-leaving{animation:dropdown-out .1s ease-in forwards}@keyframes dropdown-in{0%{opacity:0;transform:translateY(4px)}}@keyframes dropdown-out{to{opacity:0;transform:translateY(4px)}}#scroll-bottom-btn{animation:jump-btn-in .18s cubic-bezier(.2,.8,.2,1)}#scroll-bottom-btn.is-leaving{animation:jump-btn-out .14s ease-in forwards}@keyframes jump-btn-in{0%{opacity:0;transform:translateY(8px) scale(.94)}}@keyframes jump-btn-out{to{opacity:0;transform:translateY(8px) scale(.94)}}#modal-overlay.is-leaving,#confirm-modal-overlay.is-leaving,#install-card-overlay.is-leaving{animation:motion-fade-out .14s ease-in forwards}#modal-overlay.is-leaving #modal,#confirm-modal-overlay.is-leaving .confirm-modal,#install-card-overlay.is-leaving .install-card{animation:modal-out .14s ease-in forwards}@keyframes modal-out{to{opacity:0;transform:scale(.96)}}#settings-container{animation:settings-in .2s cubic-bezier(.2,.8,.2,1)}#settings-overlay.is-leaving{animation:motion-fade-out .16s ease-in forwards}#settings-overlay.is-leaving #settings-container{animation:settings-out .16s ease-in forwards}@keyframes settings-in{0%{opacity:0;transform:scale(1.015)}}@keyframes settings-out{to{transform:scale(1.015)}}#settings-content.settings-swap #settings-content-title{animation:settings-swap-title .18s ease-out}#settings-content.settings-swap #settings-content-body{animation:motion-fade-in .2s ease-out}@keyframes settings-swap-title{0%{opacity:0;transform:translateY(4px)}}@keyframes motion-fade-in{0%{opacity:0}}.member-item.member-enter{animation:member-enter .22s ease-out}@keyframes member-enter{0%{opacity:0;transform:translate(8px)}}.member-item .avatar-status.status-change{animation:status-change .3s ease-out}@keyframes status-change{0%{transform:scale(.3)}}.unread-separator{animation:motion-fade-in .3s ease-out .1s both}.unread-separator:before,.unread-separator:after{animation:unread-line .45s cubic-bezier(.2,.8,.2,1) .1s both}.unread-separator:before{transform-origin:right center}.unread-separator:after{transform-origin:left center}@keyframes unread-line{0%{transform:scaleX(0)}}.reduced-motion .unread-separator,.reduced-motion .unread-separator:before,.reduced-motion .unread-separator:after{animation:none}@media(max-width:768px){#channel-sidebar{display:flex;visibility:hidden;opacity:0;transform:translate(-24px);pointer-events:none;transition:transform .2s ease-in,opacity .2s ease-in,visibility 0s linear .2s}#channel-sidebar.mobile-open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out,visibility 0s}.mobile-sidebar-backdrop{animation:motion-fade-in .2s ease-out}.mobile-sidebar-backdrop.is-leaving{animation:motion-fade-out .2s ease-in forwards}#right-panel{position:fixed;top:0;right:0;bottom:0;width:100%!important;z-index:500;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}#right-panel.collapsed{display:flex;width:100%!important;opacity:1;transform:translate(100%);visibility:hidden;pointer-events:none;transition:transform .22s ease-in,visibility 0s linear .22s}}
