.c-navbar { display: flex; align-items: center; width: 100%; gap: 0.25rem; &-container { border-bottom: 1px solid var(--primary-low); background: var(--secondary); height: var(--chat-header-offset); min-height: var(--chat-header-offset); box-sizing: border-box; display: flex; z-index: z("composer", "content") - 1; padding-inline: 1rem; &.-clickable { cursor: pointer; } } .single-select-header { padding: 0.3675rem 0.584rem; } .c-navbar__channel-title { @include ellipsis(); font-weight: 700; } .c-navbar__title { @include ellipsis(); font-weight: 700; .chat-drawer & { padding-left: 1rem; } } .c-navbar__back-button ~ .c-navbar__title { padding-left: 0; } .c-navbar__sub-title { line-height: var(--line-height-small); font-size: var(--font-down-1-rem); font-weight: normal; } .c-navbar__threads-list-button { gap: 0.25rem; &.has-unreads { .d-icon-discourse-threads { color: var(--tertiary-med-or-tertiary); } } } } .c-navbar__actions { list-style: none; margin-left: auto; display: flex; align-items: center; }