.tp-rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tp-rating__stars {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 16px;
    background: linear-gradient(90deg, #f2b01e calc(var(--rating) * 20%), #e0e0e0 0);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='16' viewBox='0 0 90 16'><g fill='black'><path d='M8 0l2.2 4.6L15 5.2l-3.5 3.5.9 5.1L8 11.5 3.6 13.8l.9-5.1L1 5.2l4.8-.6L8 0z'/><path d='M26 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L26 11.5l-4.4 2.3.9-5.1L19 5.2l4.8-.6L26 0z'/><path d='M44 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L44 11.5l-4.4 2.3.9-5.1L37 5.2l4.8-.6L44 0z'/><path d='M62 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L62 11.5l-4.4 2.3.9-5.1L55 5.2l4.8-.6L62 0z'/><path d='M80 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L80 11.5l-4.4 2.3.9-5.1L73 5.2l4.8-.6L80 0z'/></g></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='16' viewBox='0 0 90 16'><g fill='black'><path d='M8 0l2.2 4.6L15 5.2l-3.5 3.5.9 5.1L8 11.5 3.6 13.8l.9-5.1L1 5.2l4.8-.6L8 0z'/><path d='M26 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L26 11.5l-4.4 2.3.9-5.1L19 5.2l4.8-.6L26 0z'/><path d='M44 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L44 11.5l-4.4 2.3.9-5.1L37 5.2l4.8-.6L44 0z'/><path d='M62 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L62 11.5l-4.4 2.3.9-5.1L55 5.2l4.8-.6L62 0z'/><path d='M80 0l2.2 4.6 4.8.6-3.5 3.5.9 5.1L80 11.5l-4.4 2.3.9-5.1L73 5.2l4.8-.6L80 0z'/></g></svg>") no-repeat center / contain;
}

.tp-rating__count {
    font-size: 14px;
    color: #666;
}

.tp-rating__empty {
    font-size: 14px;
    color: #999;
}