.led {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6A5A4A;
  transition: background var(--transition-slow), box-shadow var(--transition-slow);
  flex-shrink: 0;
}

.led--on {
  background: #E64030;
  box-shadow: 0 0 10px rgba(230, 64, 48, 0.6);
}

.led--selected {
  background: #42FFD2;
  box-shadow: 0 0 10px rgba(66, 255, 210, 0.6);
}

.led--green {
  background: #4F7F45;
}

.led--green.led--on {
  background: #6FBF5A;
  box-shadow: 0 0 10px rgba(111, 191, 90, 0.5);
}

.led--yellow {
  background: #6A5A4A;
}

.led--yellow.led--on {
  background: #C9A13B;
  box-shadow: 0 0 10px rgba(201, 161, 59, 0.5);
}