.onlineIndicator {
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid #fff;

  &.online {
    background-color: #10b981;
  }

  &.offline {
    background-color: #9ca3af;
  }

  &.sm {
    width: 8px;
  }

  &.md {
    width: 12px;
  }

  &.lg {
    width: 16px;
  }
}
