/* Twitch widget - reuses winloss.css entirely for the panel/themes/shape/
   size/effects/settings-panel/Widget-Fields-editor machinery (all of that is
   generic, not Win/Loss-specific). This file only adds the one visual bit
   unique to this widget: the LIVE/OFFLINE badge. */

#twitch-live-badge {
  font-weight: 800;
  letter-spacing: 1px;
  opacity: 0.65;
}

#twitch-live-badge.live {
  color: var(--loss-color);
  opacity: 1;
  animation: twitch-live-pulse 2s ease-in-out infinite;
}

#twitch-live-badge.live::before {
  content: "\25CF ";
  font-size: 0.8em;
}

@keyframes twitch-live-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}