.chat-status-indicator {
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);

  &.online {
    background: $status-online;
  }

  &.offline {
    background: $status-offline;
  }

  &.busy {
    background: $status-busy;
  }

  &.away {
    background: $status-away;
    border: 1px solid darken($status-away, 10%);
  }
}