.manual-star-rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--star-size, 24px);
}

.manual-star-rating .star {
    color: #ccc;
    position: relative;
    display: inline-block;
}

.manual-star-rating .star.full {
    color: #FFD700;
}

.manual-star-rating .star.half {
    color: #FFD700;
}

.manual-star-rating .star.half::after {
    content: '★';
    color: #ccc;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

/* Цветовые темы */
.manual-star-rating.blue .star.full,
.manual-star-rating.blue .star.half {
    color: #00BFFF;
}

.manual-star-rating.red .star.full,
.manual-star-rating.red .star.half {
    color: #FF4500;
}

/* Анимация появления звёзд */
.manual-star-rating.animated .star {
    opacity: 0;
    transform: scale(0.8);
    animation: fadeInStar 0.5s ease forwards;
    animation-delay: calc(var(--i) * 0.1s);
}

@keyframes fadeInStar {
    to {
        opacity: 1;
        transform: scale(1);
    }
}