.cpd-progress-panel {
    background-color: color-mix(in srgb, var(--root-primary) 10%, white 100%);
    padding: 1.3rem;
    font-weight: 600 !important;
}

.cpd-progress-panel .totalcpdhours {
    height: 2.4rem;
    margin: 0;
    font-size: 2.525rem;
}

.cpd-progress-panel .cpd-progress-bar {
    height: 1rem;
    display: flex;
    border-radius: 0.4rem;
    overflow: hidden;
    background-color: color-mix(in srgb, var(--root-primary) 40%, white 100%)
}

.cpd-progress-panel .cpd-progress-bar .cpd-progress-bar-fill {
    background-color: var(--root-primary);
}

.cpd-progress-panel .progress-bar-text {
    padding-top: 1rem;
}