.Rating{--rating-color-star-active-bg:var(--myshows-color);--rating-color-star-empty-bg:var(--color-gray-900);--rating-color-tip-bg:var(--color-white);--size:20px}.dark-mode .Rating{--rating-color-star-empty-bg:var(--color-gray-700)}.Rating{align-items:center;display:flex;justify-content:flex-start}.Rating--with-title{display:inline-flex}.Rating:not(.Rating--disabled){cursor:pointer}.Rating--size-s{--size:20px}.Rating--size-m{--size:24px}.Rating--size-xm{--size:30px}.Rating--size-l{--size:42px}.Rating__tip{background:var(--blueberry-color);color:var(--rating-color-tip-bg);font-size:14px;height:27px;line-height:26px;padding:0 14px;white-space:nowrap;z-index:1}.Rating__tip-container{display:flex;justify-content:center;position:relative;top:-37px;width:100%}.Rating__tooltip{display:block;height:100%;position:absolute;width:calc(var(--size)*5)}.Rating__wrapper{display:flex;flex-direction:row-reverse;margin-left:-1px;margin-right:-1px}@media (hover:hover) and (pointer:fine){.Rating--active .Rating__wrapper:hover .Rating__star-left:before,.Rating--active .Rating__wrapper:hover .Rating__star-right:before,.Rating--active .Rating__wrapper:hover .Rating__star.active .Rating__star-left:before,.Rating--active .Rating__wrapper:hover .Rating__star.active .Rating__star-right:before{background:var(--rating-color-star-empty-bg)}}.Rating--active .Rating__wrapper:active .Rating__star-left:before,.Rating--active .Rating__wrapper:active .Rating__star-right:before,.Rating--active .Rating__wrapper:active .Rating__star.active .Rating__star-left:before,.Rating--active .Rating__wrapper:active .Rating__star.active .Rating__star-right:before{background:var(--rating-color-star-empty-bg)}.Rating__star{display:flex;flex-direction:row-reverse;height:var(--size);position:relative;width:var(--size)}.Rating--disabled .Rating__star{background:var(--rating-color-star-empty-bg);clip-path:polygon(50% 3%,61% 38%,98% 38%,68% 60%,79% 94%,50% 73%,21% 94%,32% 60%,2% 38%,39% 38%);content:"";display:block;height:calc(var(--size) - 2px);margin:0 1px;width:calc(var(--size) - 2px)}.Rating--disabled .Rating__star.active{background:var(--rating-color-star-active-bg)}@media (hover:hover) and (pointer:fine){.Rating--is-rounded .Rating__star:hover .Rating__star-left:before,.Rating--is-rounded .Rating__star:hover .Rating__star-right:before,.Rating__star:hover~* .Rating__star-left:before,.Rating__star:hover~* .Rating__star-right:before{background:var(--rating-color-star-active-bg)!important}}.Rating--is-rounded .Rating__star:active .Rating__star-left:before,.Rating--is-rounded .Rating__star:active .Rating__star-right:before,.Rating__star:active~* .Rating__star-left:before,.Rating__star:active~* .Rating__star-right:before{background:var(--rating-color-star-active-bg)!important}.Rating--is-rounded .Rating__star.active .Rating__star-left:before,.Rating--is-rounded .Rating__star.active .Rating__star-right:before,.Rating__star.active~* .Rating__star-left:before,.Rating__star.active~* .Rating__star-right:before{background:var(--rating-color-star-active-bg)}.Rating__star-left,.Rating__star-right{height:100%;left:0;position:absolute;top:0;width:50%}@media (hover:hover) and (pointer:fine){.Rating__star-left:hover:before,.Rating__star-left:hover~:before,.Rating__star-right:hover:before,.Rating__star-right:hover~:before{background:var(--rating-color-star-active-bg)!important}}.Rating__star-left:active:before,.Rating__star-left:active~:before,.Rating__star-right:active:before,.Rating__star-right:active~:before{background:var(--rating-color-star-active-bg)!important}.Rating__star-left.active:before,.Rating__star-left.active~:before,.Rating__star-right.active:before,.Rating__star-right.active~:before{background:var(--rating-color-star-active-bg)}.Rating__star-left:before,.Rating__star-right:before{background:var(--rating-color-star-empty-bg);clip-path:polygon(100% 3%,100% 73%,42% 94%,64% 60%,2% 38%,78% 38%);content:"";display:block;height:calc(100% - 2px);position:absolute;right:0;top:1px;transition:background-color .1s linear;width:calc(100% - 1px)}.Rating__star-left{z-index:1}.Rating__star-right{width:100%}.Rating__star-right:before{clip-path:polygon(50% 3%,61% 38%,98% 38%,68% 60%,79% 94%,50% 73%,21% 94%,32% 60%,2% 38%,39% 38%);left:1px;right:1px;width:calc(100% - 2px)}