.supplier-rating {
    max-width: calc(var(--star-size) * 5);
    white-space: nowrap;
    text-align: center;
    font-weight: 400;
    display: inline-block;
}

.supplier-rating .rating-wrapper {
    overflow: hidden;
    display: flex;
}

.supplier-rating .rating-wrapper .flex {
    display: inline-flex;
}

.supplier-rating .rating-wrapper .star {
    display: inline-block;
    width: var(--star-size);
    aspect-ratio: 1;
    /*background: var(--bbx-locales-secondary-color);*/
    background: var(--star-color);
    clip-path: polygon(50% 0,
    calc(50% * (1 + sin(.4turn))) calc(50% * (1 - cos(.4turn))),
    calc(50% * (1 - sin(.2turn))) calc(50% * (1 - cos(.2turn))),
    calc(50% * (1 + sin(.2turn))) calc(50% * (1 - cos(.2turn))),
    calc(50% * (1 - sin(.4turn))) calc(50% * (1 - cos(.4turn))));
}