<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.stats-container {
  width: 125px;
  font-family: Arial, sans-serif;
}
.stat-box {
  padding: 5px;
  margin-bottom: 1px;
  border-radius: 1px;
  text-align: center;
  color: white;
  font-weight: bold;
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.5s ease;
}
#total-box {
  background: #3498db;
  opacity: 1;
  transform: translateX(0);
}
#today-box {
  background: #2ecc71;
  transition-delay: 0.1s;
}
#yesterday-box {
  background: #e74c3c;
  transition-delay: 0.2s;
}
#your-box {
  background: #9b59b6;
  transition-delay: 0.3s;
}
.stats-container:hover .stat-box {
  opacity: 1;
  transform: translateX(0);
}
</pre></body></html>