Team Ai
Apppublic

Decoder2704/python-chatbot-jay

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
StatsCard.css67 linesDownload Raw Back to components
1.stats-card {2  padding: 1.25rem 1.2rem;3  background: #ffffff;4  border: 1px solid rgba(15, 23, 42, 0.07);5  border-radius: 16px;6  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);7  transition:8    box-shadow var(--duration-normal) var(--ease-standard),9    transform var(--duration-normal) var(--ease-standard),10    border-color var(--duration-normal) var(--ease-standard);11}12 13@media (hover: hover) {14  .stats-card:hover {15    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.08);16    transform: translateY(-1px);17    border-color: rgba(99, 102, 241, 0.12);18  }19}20 21.stats-card__title {22  margin: 0 0 1rem;23  font-size: 0.6875rem;24  font-weight: 700;25  letter-spacing: 0.08em;26  text-transform: uppercase;27  color: #6366f1;28}29 30.stats-card__grid {31  display: flex;32  flex-direction: column;33  gap: 1rem;34}35 36.stats-card__item {37  display: flex;38  align-items: center;39  gap: 0.75rem;40}41 42.stats-card__icon {43  display: flex;44  align-items: center;45  justify-content: center;46  width: 2.5rem;47  height: 2.5rem;48  font-size: 1.1rem;49  background: linear-gradient(145deg, rgba(99, 102, 241, 0.12) 0%, rgba(124, 58, 237, 0.08) 100%);50  border: 1px solid rgba(99, 102, 241, 0.15);51  border-radius: 12px;52}53 54.stats-card__value {55  font-size: 1.25rem;56  font-weight: 800;57  letter-spacing: -0.02em;58  color: #0f172a;59  line-height: 1.2;60}61 62.stats-card__label {63  font-size: 0.75rem;64  color: #64748b;65  margin-top: 0.1rem;66}67