@import "../../../../styles/app";

.avatar {
  height: 30px;
  width: 30px;
  min-width: 30px;
  position: relative;

  .image-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: $font-weight-semi-bold;
    color: $white;

    overflow: hidden;
    background: $danger;

    &.stroke {
      border: 2px solid $white;
    }
  }

  img {
    width: 100%;
    height: 100%;
  }

  .status {
    position: absolute;
    bottom: 1px;
    right: 1px;

    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid $white;
  }
}
