.online-dot{
  width:10px;height:10px;border-radius:50%;
  flex:0 0 auto;
  animation: pulse 2.2s infinite;
  background: var(--online-green)!important;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.26);
}
html[data-theme="dark"] .online-dot{
  box-shadow:0 0 0 5px rgba(148,163,184,0.14);
}