.bpr-rating {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 1300px;
    margin: 1rem auto auto;
    padding: 0 10px;
}

.bpr-row {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.bpr-stars-row {
    gap: .75rem;
}

.bpr-label {
    font-size: .9rem;
    color: #4b5563;
}

.bpr-stars {
    display: inline-flex;
    gap: .25rem;
    height: 24px;
}

.bpr-star {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0;
    line-height: 0;
}

.bpr-star:hover {
    background-color: transparent!important;
    opacity: 0.8;
}
.bpr-star.is-disabled {
    cursor: default;
    opacity: .6;
}

.bpr-message {
    margin-top: .25rem;
    font-size: .85rem;
}

.bpr-success {
    color: #16a34a;
}

.bpr-error {
    color: #dc2626;
}

.bpr-rating-display .bpr-rating-text,
.bpr-rating-display .bpr-no-ratings {
    font-size: .9rem;
    color: #4b5563;
}