.lpp-charts {
    display: flex;
    gap: 60px;
}

.lpp-chart {
    width: 80px;
    height: 80px;
}

.lpp-chart circle {
    fill: none;
    stroke-width: 20;
    stroke: #e8e8e8;
    stroke-linecap: butt;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.lpp-chart.in-progress .fill {
    stroke: #f2d129;
}

.lpp-chart.completed .fill {
    stroke: #557b2e;
}

.lpp-chart .label {
    font-size: 24px;
    font-weight: 600;
    text-anchor: middle;
}

.lpp-chart .check {
    stroke: #ffffff;
    stroke-width: 2;
    fill: #557b2e;
}