.user_head {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 1px var(--grey-background);
  background-position: center;
  background-size: cover;
  background-color: var(--primary-background);
  position: relative;
  border: 0px solid #fff;

  &.border {
    border: 1px solid #fff;
  }

  .online_user_status {
    position: absolute;
    bottom: -1px;
    right: -1px;
  }

  &.big {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-large);
    .online_user_status {
      border-width: 2px;
      bottom: -2px;
      right: -2px;
    }
  }

  &.medium {
    width: 24px;
    height: 24px;
    .status {
      width: 6px;
      height: 6px;
    }
  }

  &.small {
    width: 16px;
    height: 16px;
    .status {
      width: 4px;
      height: 4px;
    }
  }
}