Spaces:
Sleeping
Sleeping
File size: 957 Bytes
f2bfbb5 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | .container {
width: 100%;
margin: 1.5rem 0;
}
.labelRow {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 8px;
}
.label {
font-size: 0.9rem;
color: var(--text-secondary);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.value {
font-size: 1.1rem;
font-weight: 700;
color: var(--text-primary);
}
.track {
width: 100%;
height: 8px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 4px;
overflow: hidden;
}
.fill {
height: 100%;
border-radius: 4px;
transition: width 1s cubic-bezier(0.2, 0.8, 0.2, 1);
box-shadow: 0 0 10px currentColor;
}
.high {
background: linear-gradient(90deg, #4ade80, #22c55e);
color: rgba(34, 197, 94, 0.5);
}
.medium {
background: linear-gradient(90deg, #facc15, #eab308);
color: rgba(234, 179, 8, 0.5);
}
.low {
background: linear-gradient(90deg, #f87171, #ef4444);
color: rgba(239, 68, 68, 0.5);
}
|