/*
 * KoloPlus — widgets/user/online_dot · v1.1.3.007
 * Online/away/offline status indicator dot (3 sizes).
 */

.w-user-online-dot {
  --dot-size: 10px;

  display: inline-block;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  flex-shrink: 0;
  vertical-align: middle;
  background: var(--n-text-mute);
  position: relative;
}

.w-user-online-dot--sm { --dot-size: 8px; }
.w-user-online-dot--md { --dot-size: 10px; }
.w-user-online-dot--lg { --dot-size: 14px; }

.w-user-online-dot--online {
  background: var(--n-ok);
}
.w-user-online-dot--online::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  background: var(--n-ok);
  opacity: 0.4;
  animation: kp-pulse 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.w-user-online-dot--away {
  background: var(--n-warn);
}

.w-user-online-dot--offline {
  background: var(--n-text-mute);
  opacity: 0.6;
}