.bg-P {
    background-color: #d7191c;
}

.bg-LP {
    background-color: #fdae61;
}

.bg-VUS {
    background-color: #cccccc;
}

.bg-LB {
    background-color: #a6d96a;
}

.bg-B {
    background-color: #1a9641;
}

.bg-gray {
    background-color: #cccccc;
}


/* Adapted from https://codepen.io/Cormac-Maher/pen/KGpXqZ */
.pgb .step {
    text-align: center;
    position: relative;
}

.pgb h2 {
    font-size: 1.3rem;
}

.pgb .step p {
    position: absolute;
    height: 60px;
    width: 100%;
    text-align: center;
    display: block;
    z-index: 3;
    color: #fff;
    font-size: 160%;
    line-height: 55px;
    opacity: .7;
}

.pgb .active.step p {
    opacity: 1;
    font-weight: 600;
}

.pgb .img-circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--bs-gray);
    border: 4px solid #fff;
}

.pgb .complete .img-circle {
    background-color: var(--bs-primary);
}

.pgb .active .img-circle {
    background-color: var(--bs-info);
}

.pgb .step .img-circle:before {
    content: "";
    display: block;
    background: var(--bs-gray);
    height: 4px;
    width: 50%;
    position: absolute;
    bottom: 50%;
    left: 0;
    z-index: -1;
    margin-right: 24px;
}

.pgb .step .img-circle:after {
    content: "";
    display: block;
    background: var(--bs-gray);
    height: 4px;
    width: 50%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: -1;
}

.pgb .step.active .img-circle:after {
    background: var(--bs-gray);
}

.pgb .step.complete .img-circle:after,
.pgb .step.active .img-circle:before,
.pgb .step.complete .img-circle:before {
    background: var(--bs-primary);
}

.pgb .step:last-of-type .img-circle:after,
.pgb .step:first-of-type .img-circle:before {
    display: none;
}

.active-filters .badge:hover {
    cursor: pointer;
}

.active-filters .badge {
    margin-right: 8px;
}

.variant-filters {
    gap: 16px;
}

.export-menu {
    min-width: 250px;
}