.chat-channel-name { @include ellipsis; color: var(--primary); .has-unread & { font-weight: bold; } &__label { display: flex; align-items: center; white-space: nowrap; gap: 0.5rem; } .emoji { height: 1em; width: 1em; vertical-align: baseline; } .chat-channel-unread-indicator { @include chat-unread-indicator; display: flex; align-items: center; justify-content: center; width: 8px; height: 8px; &.-urgent { width: auto; height: auto; min-width: 0.6em; padding: 0.3em 0.5em; } } }