/*
 * Mixplat card compatibility layer.
 *
 * Visual geometry deliberately comes from Livefund's
 * existing Givr thermometer classes.
 */

.livefund-mixplat-card-progress {
    width: 100%;
    opacity: 0;
    transition: opacity .18s ease;
}

.livefund-mixplat-card-progress--ready {
    opacity: 1;
}

.livefund-mixplat-card-progress--unavailable {
    display: none;
}

/*
 * Givr normally supplies data dynamically.
 * Mixplat uses the same DOM, while these two declarations
 * guarantee the native progress colours even if Givr's
 * runtime stylesheet changes loading order.
 */

.livefund-mixplat-card-progress
.donation-thermometer-amount-center-line {
    background: rgba(173, 174, 175, .447);
}

.livefund-mixplat-card-progress
.donation-thermometer-amount-center-line
> div {
    background: rgb(1, 191, 3);
}