/* ==========================================================================
   Avatar Subcomponent: Status Indicator
   ========================================================================== */

.c-avatar__status {
  border: 2px solid var(--surface-card);
  border-radius: var(--radius-full);
  bottom: 0;
  box-shadow: var(--shadow-sm);
  height: 25%;
  position: absolute;
  right: 0;
  width: 25%;
}

/* Status variants */
.c-avatar__status--online {
  background-color: var(--color-success);
}

.c-avatar__status--offline {
  background-color: var(--surface-ground);
}

.c-avatar__status--away {
  background-color: var(--color-warning);
}

.c-avatar__status--busy {
  background-color: var(--color-danger);
}