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

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

@media (any-hover:hover) {
    .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item svg {
        fill: none !important;
        stroke: #131722
    }
    html.theme-dark .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item svg {
        stroke: #d1d4dc
    }
}

.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: #131722 !important;
    stroke: #131722
}

@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: #131722 !important;
        stroke: #131722
    }
}

html.theme-dark .tv-stars-rating-block--interactive .tv-stars-rating-block__item:active svg,
html.theme-dark .tv-stars-rating-block--interactive .tv-stars-rating-block__item:active~.tv-stars-rating-block__item svg {
    stroke: #d1d4dc
}

@media (any-hover:hover) {
    html.theme-dark .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover svg,
    html.theme-dark .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover~.tv-stars-rating-block__item svg {
        stroke: #d1d4dc
    }
}

html.theme-dark .tv-stars-rating-block--interactive .tv-stars-rating-block__item:active svg,
html.theme-dark .tv-stars-rating-block--interactive .tv-stars-rating-block__item:active~.tv-stars-rating-block__item svg {
    fill: #d1d4dc !important
}

@media (any-hover:hover) {
    html.theme-dark .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover svg,
    html.theme-dark .tv-stars-rating-block--interactive:hover .tv-stars-rating-block__item:hover~.tv-stars-rating-block__item svg {
        fill: #d1d4dc !important
    }
}

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

.tv-stars-rating-block__item svg {
    stroke: #131722;
    fill: none;
    height: 100%;
    width: 100%
}

html.theme-dark .tv-stars-rating-block__item svg {
    stroke: #d1d4dc
}

.tv-stars-rating-block__item svg .stop-color-left {
    stop-color: #131722;
    stop-opacity: 1
}

html.theme-dark .tv-stars-rating-block__item svg .stop-color-left {
    stop-color: #d1d4dc
}

.tv-stars-rating-block__item svg .stop-color-right {
    stop-color: #131722;
    stop-opacity: 0
}

html.theme-dark .tv-stars-rating-block__item svg .stop-color-right {
    stop-color: #d1d4dc
}

.tv-stars-rating-block__item--fill svg {
    fill: #131722
}

html.theme-dark .tv-stars-rating-block__item--fill svg {
    fill: #d1d4dc
}

.tv-stars-rating-block__item--disabled svg {
    stroke: #b2b5be
}

html.theme-dark .tv-stars-rating-block__item--disabled svg {
    stroke: #434651
}

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

.tv-stars-rating-block__item--color-white svg,
html.theme-dark .tv-stars-rating-block__item--color-white svg {
    stroke: #fff
}

.tv-stars-rating-block__item--color-white svg .stop-color-left,
.tv-stars-rating-block__item--color-white svg .stop-color-right,
html.theme-dark .tv-stars-rating-block__item--color-white svg .stop-color-left,
html.theme-dark .tv-stars-rating-block__item--color-white svg .stop-color-right {
    stop-color: #fff
}

.tv-stars-rating-block__item--color-white.tv-stars-rating-block__item--fill svg,
html.theme-dark .tv-stars-rating-block__item--color-white.tv-stars-rating-block__item--fill svg {
    fill: #fff
}

.tv-stars-rating-block__item--color-black svg {
    stroke: #131722
}

.tv-stars-rating-block__item--color-black svg .stop-color-left,
.tv-stars-rating-block__item--color-black svg .stop-color-right {
    stop-color: #131722
}

.tv-stars-rating-block__item--color-black.tv-stars-rating-block__item--fill svg {
    fill: #131722
}

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

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

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

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

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

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

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

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

.tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item svg {
    stroke: #9598a1
}

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

.tv-stars-rating-block--empty:not(.tv-stars-rating-block--interactive) .tv-stars-rating-block__item--color-black svg {
    stroke: #131722
}