.conversejs {
    .chat-status {
        border-radius: 50%;
        font-size: 1em;
        margin-inline-end: 0;
        padding-bottom: 0.2em;
        vertical-align: middle;

        &.chat-status--avatar {
          border-radius: 50%;
          font-size: 0.6rem;
          margin-bottom: -1.9em;
          margin-inline-start: -0.7em;
        }
    }
    .chat-status--offline {
        margin-inline-end: 0.8em;
    }
    .chat-status--online {
        color: var(--chat-status-online);
        svg {
            fill: var(--chat-status-online);
        }
    }
    .chat-status--busy {
        color: var(--chat-status-busy);
        svg {
            fill: var(--chat-status-busy);
        }
    }
    .chat-status--away {
        color: var(--chat-status-away);
        svg {
            fill: var(--chat-status-away);
        }
    }
    .chat-status--offline {
        display: none;
    }
}
