.progress-bar-container{display:flex;gap:10px;align-items:flex-end;margin-left:50px;position:relative}.time-labels{position:absolute;left:-5%;justify-content:space-between;height:203px;font-weight:700;color:#687588;margin-bottom:17px;font-size:12px}.progess-ber-body,.time-labels{display:flex;flex-direction:column}.progess-ber-body{margin-top:5%;align-items:center;justify-content:center}.progress-bar{width:74px;height:203px;background-color:#f1f1f1;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative;margin:0 10px}.date-label-container{display:flex;justify-content:center;margin-top:10px;gap:20px}.date-label{text-align:center;font-weight:700;color:#687588;width:100px}.no-data{background-color:#ccc;color:#000}.progress-bar-wrapper{flex-direction:column}.progress-bar-wrapper,.progress-fill{display:flex;align-items:center;animation:pop-in 1s ease-out}.progress-fill{background-color:#3ebf0f;width:100%;justify-content:center;color:white;font-weight:700;position:absolute;bottom:0;transition:height 2s;min-height:1%}.progess-ber-body{opacity:0;animation:fade-in 1s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}