:host {
    display: block;
}

.wrapper {
    background-color: var(--iqser-btn-bg);

    .indicator {
        width: calc(100% / var(--total) * var(--count));
        background-color: var(--iqser-loading-progress);
    }
}

.wrapper,
.indicator {
    height: 8px;
    border-radius: 6px;
}

.details {
    display: flex;
    justify-content: space-between;
    align-items: center;

    mat-icon {
        width: 10px;
    }
}

.active .indicator {
    background-color: rgba(var(--iqser-primary-rgb), 0.7);
}