.super-admin {
  &.super-admin-organizations {
    .organization-user-status {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: var(--color-fg-disabled);
      transition: background-color 200ms ease;

      &.online {
        background-color: var(--color-fg-success-primary);

        &::after {
          content: '';
          position: absolute;
          border-radius: 50%;
        }

        &::after {
          inset: 3px;
          background-color: var(--color-bg-primary);
          animation: organization-user-status-inner-pulse 2s ease-in-out infinite;
        }
      }
    }
  }
}

@keyframes organization-user-status-inner-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(0.65);
  }
}