[data-theme=light] {
    --_0-oRCG: var(--color-cold-gray-300);
    --_1-oRCG: var(--color-cold-gray-900);
    --_2-oRCG: var(--color-white)
}

[data-theme=dark] {
    --_0-oRCG: var(--color-cold-gray-700);
    --_1-oRCG: var(--color-cold-gray-200);
    --_2-oRCG: var(--color-white)
}

@keyframes stars-error-pulse-Hd47EvXp {
    0%,
    to {
        opacity: 1;
        stroke-width: 2
    }
    50% {
        opacity: .5;
        stroke-width: 4
    }
}

.tv-stars-rating-block {
    display: inline-flex;
    flex-direction: row-reverse
}

.tv-stars-rating-block--interactive {
    cursor: pointer
}

.tv-stars-rating-block--error .tv-stars-rating-block__item svg {
    stroke: var(--color-content-primary-warning)
}

.tv-stars-rating-block--error .tv-stars-rating-block__item svg path {
    animation: stars-error-pulse-Hd47EvXp .6s ease-in-out 1
}

@media (any-hover:hover) {
    .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item svg {
        fill: none !important;
        stroke: var(--_1-oRCG)
    }
}

.tv-stars-rating-block--interactive .tv-stars-rating-block__item:active svg,
.tv-stars-rating-block--interactive .tv-stars-rating-block__item:active~.tv-stars-rating-block__item svg {
    fill: var(--_1-oRCG) !important;
    stroke: var(--_1-oRCG)
}

@media (any-hover:hover) {
    .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover svg,
    .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover~.tv-stars-rating-block__item svg {
        fill: var(--_1-oRCG) !important;
        stroke: var(--_1-oRCG)
    }
}

.tv-stars-rating-block__item {
    align-items: center;
    display: inline-flex
}

.tv-stars-rating-block__item svg {
    stroke: var(--_1-oRCG);
    fill: none;
    height: 100%;
    width: 100%
}

.tv-stars-rating-block__item svg .stop-color-left {
    stop-color: var(--_1-oRCG);
    stop-opacity: 1
}

.tv-stars-rating-block__item svg .stop-color-left:dir(rtl) {
    stop-opacity: 0
}

.tv-stars-rating-block__item svg .stop-color-right {
    stop-color: var(--_1-oRCG);
    stop-opacity: 0
}

.tv-stars-rating-block__item svg .stop-color-right:dir(rtl) {
    stop-opacity: 1
}

.tv-stars-rating-block__item--fill svg {
    fill: var(--_1-oRCG)
}

.tv-stars-rating-block__item--disabled svg {
    stroke: var(--_0-oRCG)
}

.tv-stars-rating-block__item--hidden {
    display: none
}

.tv-stars-rating-block__item--color-white svg {
    stroke: var(--_2-oRCG)
}

.tv-stars-rating-block__item--color-white svg .stop-color-left,
.tv-stars-rating-block__item--color-white svg .stop-color-right {
    stop-color: var(--_2-oRCG)
}

.tv-stars-rating-block__item--color-white.tv-stars-rating-block__item--fill svg {
    fill: var(--_2-oRCG)
}

.tv-stars-rating-block__item--color-black svg {
    stroke: var(--color-cold-gray-900)
}

.tv-stars-rating-block__item--color-black svg .stop-color-left,
.tv-stars-rating-block__item--color-black svg .stop-color-right {
    stop-color: var(--color-cold-gray-900)
}

.tv-stars-rating-block__item--color-black.tv-stars-rating-block__item--fill svg {
    fill: var(--color-cold-gray-900)
}

.tv-stars-rating-block__item--large {
    height: 28px;
    padding-block: 4px 4px;
    padding-inline: 1px 0;
    width: 30px
}

.tv-stars-rating-block__item--large:not(:last-child) {
    padding-inline-start: 6px
}

.tv-stars-rating-block__item--medium {
    height: 18px;
    padding-block: 1px 2px;
    padding-inline: 1px 0;
    width: 19px
}

.tv-stars-rating-block__item--medium:not(:last-child) {
    padding-inline-start: 2px
}

.tv-stars-rating-block__item--xmedium {
    height: 18px;
    width: 18px
}

.tv-stars-rating-block__item--xmedium:not(:last-child) {
    padding-block: 0 0;
    padding-inline: 2px 0
}

.tv-stars-rating-block__item--small {
    height: 15px;
    width: 16px
}

.tv-stars-rating-block__item--small:not(:last-child) {
    padding-block: 0 0;
    padding-inline: 2px 0
}

.tv-stars-rating-block__item--xsmall {
    height: 14px;
    width: 13px
}

.tv-stars-rating-block__item--xsmall:not(:last-child) {
    padding-inline-start: 2px
}

.tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item svg {
    stroke: var(--color-cold-gray-400)
}

.tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item--color-white svg {
    stroke: var(--color-white)
}

.tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item--color-black svg {
    stroke: var(--color-cold-gray-900)
}