.health-progress{
margin:8px 16px 0;
padding:10px 12px;
background:#f2f8fc;
border-radius:14px;
border:1px solid #dce8f2;
}

.progress-title{
font-size:.75rem;
font-weight:700;
color:#173a78;
margin-bottom:8px;
}

.progress-dots{
display:flex;
gap:6px;
}

.progress-dots span{
width:18px;
height:5px;
border-radius:10px;
background:#dce8f2;
transition:.3s;
}

.progress-dots span.active{
background:#1f9fc0;
}

.progress-text{
margin-top:6px;
font-size:.7rem;
color:#5a6b86;
}

.typing .dots span{
display:inline-block;
width:6px;
height:6px;
margin-left:3px;
background:#1f9fc0;
border-radius:50%;
animation:typing 1s infinite;
}

.typing .dots span:nth-child(2){animation-delay:.2s}
.typing .dots span:nth-child(3){animation-delay:.4s}

@keyframes typing{
0%,100%{opacity:.3;transform:translateY(0)}
50%{opacity:1;transform:translateY(-4px)}
}