/* Progressbar — i2t3 component styles
 * Bootstrap provides .progress and .progress-bar. The rules below wrap them
 * in a labeled block as used by I2t3Progressbar.html.
 */

.i2t3-progressbar-section { position: relative; }

.progressbar-block {
    margin-bottom: 1rem;
}
.progressbar-block .h6,
.progressbar-block h6 {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
}
.progressbar-block .progress {
    /* Height comes from the inline style="height:{i2t3_progressbar_height}px"
     * emitted by the template (default 16px), so no fixed height here. */
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    overflow: hidden;
}
.progressbar-block .progress-bar {
    background-color: var(--i2t3-primary, #0d6efd);
    transition: width 0.6s ease;
}