/* A face with its status dot; --presence is a dot the presence script lights on a row served from cache. */
.ds-avatar-status {
  position: relative;
  display: inline-grid;
  flex-shrink: 0;
}

.ds-avatar-status__dot {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  inline-size: max(0.5rem, calc(var(--ds-avatar-status-size) * 0.28));
  block-size: max(0.5rem, calc(var(--ds-avatar-status-size) * 0.28));
  border: 2px solid var(--ds-bg-pure);
  border-radius: 50%;
}

.ds-avatar-status__dot--online, .ds-avatar-status__dot--presence { background: var(--ds-positive); }
.ds-avatar-status__dot--presence:not(.is-online) { display: none; }