.phase-indicator .phase-label {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.phase-indicator .phase-label:first-child {
    text-align: left;
}

.phase-indicator .phase-label:last-child {
    text-align: right;
}

@media (max-width: 768px) {
    .phase-indicator .phase-label {
        font-size: 0.6rem !important;
    }
}