%presence {
  display: inline-block;
  width: 8px;
  height: 8px;
  align-self: flex-start;
  align-items: center;
  text-indent: -10000000px;
  margin-right: 4px;
  border-radius: 100px;
}
.presence {
  @extend %presence;
  &.pcOn {
    background-color: #28ad66;
  }
  &.pcOut {
    background-color: #f35b5b;
  }
  &.pcOff {
    background-color: #a29f9f;
  }
  &.pcOther {
    background-color: #f0c10a;
  }
}
