@use '../../../../mx-core/src/base/typography';

:host {
  display: flex;
  align-items: center;
}

.mx-avatar:not(:first-child) {
  margin-left: -4px;
}

.mx-avatar-group {
  &__content {
    @extend .gl-body-md;
    margin-left: 8px;
  }

  &__dot {
    margin: 0 4px;
  }
}