.presence-dot {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: auto;
  box-sizing: border-box;
  width: 0.625rem;
  height: 0.625rem;
  border: 1.5px solid var(--color-surface);
  border-radius: 50%;
  background: var(--color-presence-offline);
  pointer-events: none;
}

.presence-dot--online {
  background: var(--color-presence-online);
}

.presence-dot--away {
  background: var(--color-presence-away);
}

.presence-dot--offline {
  background: var(--color-presence-offline);
}