.userRate__container{display:inline-flex;flex-wrap:nowrap;align-items:center}.userRate button{outline:none}.userRate__rate{font-size:1rem;font-weight:400}.userRate__icons{display:flex;flex-wrap:nowrap;margin-left:-.1875rem}.userRate__icon{display:block;margin:0 -.0625rem;padding:0;color:#ddd;font-size:1.625rem;line-height:1}.userRate__icon--active,html.mouse .userRate__icon--hover{color:#ffc200}.userRate .favourite{display:flex;align-items:center;margin-left:.3125rem;line-height:1}.userRate .favourite__icon{color:#ddd;font-size:1.625rem;line-height:1}.userRate .favourite__icon--active,.userRate button.favourite .favourite__icon:hover{color:#ffc200}.userRate__movieRateLabel{padding-left:.5rem}.userRate .userRate__icon:before{content:""}.userRate .favourite__icon:before{content:""}.userRate.userRate--role .userRate__icon:before{content:""}.userRate.userRate--role .favourite__icon:before{content:""}.userRate.userRate--stroke.userRate--hasRate:not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--stroke:not([data-rate="0"]):not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before{content:""}.userRate.userRate--stroke .userRate__icon:before{content:""}.userRate.userRate--stroke .userRate__icon--active:before{content:""}html.mouse .userRate.userRate--stroke.userRate--preview .userRate__icon--active:not(.userRate__icon--hover):before{content:""}.userRate.userRate--role.userRate--stroke.userRate--hasRate:not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--role.userRate--stroke:not([data-rate="0"]):not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before{content:""}.userRate.userRate--role.userRate--stroke .userRate__icon:before{content:""}.userRate.userRate--role.userRate--stroke .userRate__icon--active:before{content:""}html.mouse .userRate.userRate--role.userRate--stroke.userRate--preview .userRate__icon--active:not(.userRate__icon--hover):before{content:""}.userRate.userRate--role.userRate--stroke .favourite__icon:before,.userRate.userRate--stroke .favourite__icon:before{content:""}.userRate.userRate--role.userRate--stroke .favourite__icon--active:before,.userRate.userRate--stroke .favourite__icon--active:before{content:""}.userRate.userRate--wts.userRate--stroke.userRate--hasRate:not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--wts.userRate--stroke:not([data-rate="0"]):not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--wts .userRate__icon--active:before,.userRate.userRate--wts .userRate__icon:before{content:""}.userRate.userRate--wts.userRate--stroke .userRate__icon:before{content:""}.userRate.userRate--wts.userRate--stroke .userRate__icon--active:before{content:""}html.mouse .userRate.userRate--wts.userRate--stroke.userRate--preview .userRate__icon--active:not(.userRate__icon--hover):before{content:""}html.mouse .userRate.userRate--preview .userRate__icon--hover:before{content:""}html.mouse .userRate.userRate--preview.userRate--role .userRate__icon--hover:before{content:""}html.mouse .userRate.userRate--preview.userRate--wts .userRate__icon--hover:before{content:""}.userRate__rate,.userRate__seen{display:inline-block;min-width:1.25rem;padding:.0625rem .3125rem 0 0;line-height:1;text-align:left}.userRate__seen{color:#888}html.mouse .userRate__seen:hover{color:#000}.userRate__seen i{margin-left:-.125rem;color:#000;font-size:1rem}.userRate .userRate__seen,.userRate:not(.userRate--clickable) .userRate__seen,.userRate:not(.userRate--display) .userRate__rate,.userRate:not(.userRate--display) .userRate__seen,.userRate:not(.userRate--showRateWhenZero)[data-rate="0"] .userRate__rate{display:none}.userRate:not(.userRate--clickable)[data-favourite="0"] .userRate__favourite{visibility:hidden}.userRate--showSeenWhenZero[data-rate="0"] .userRate__seen{display:inline-block}.userRate--clickable[data-rate="10"] .userRate__rate{text-indent:-4px}.userRate--small .userRate__icon{font-size:1.5rem}.userRate--wide .userRate__container{display:flex}.userRate--wide .userRate__icons{width:100%}.userRate--wide .userRate__icons .userRate__button{width:10%}.userRate--wide .userRate__icons .userRate__icon{margin:0;font-size:1.875rem}.userRate--wide .userRate .favourite__icon{font-size:1.875rem}.userRate:not(.userRate--clickable) .userRate__rate{padding-right:.5rem}.userRate.userRate--reverse,.userRate.userRate--reverse .userRate__container{flex-flow:row-reverse}.userRate.userRate--reverse .userRate__movieRateLabel{padding-right:.5rem}.userRate.userRate--reverse .userRate__icons{margin-right:.1875rem}.userRate.userRate--wts .userRate__icons{margin-left:-.3125rem}.userRate.userRate--wts .userRate__icon{margin:0;padding-left:.0625rem;font-size:1.5rem}.isDark .userRate .userRate__icon{color:#555}.isDark .userRate .userRate__icon--active,html.mouse .isDark .userRate .userRate__icon--hover{color:#ffc200}.isDark .userRate .favourite__icon{color:#555}.isDark .userRate .favourite__icon--active,html.mouse .isDark .userRate .favourite__icon--hover{color:#ffc200}.isTransparent .userRate__icon:not(.userRate__icon--active):not(.userRate__icon--hover){color:hsla(0,0%,100%,.4)}@media (min-width:768px){.userRate__rate,.userRate__seen{min-width:1.5rem}.userRate__rate{font-size:1.125rem}.userRate .favourite__icon,.userRate__icon{font-size:1.75rem}.userRate__movieRateLabel{padding-left:.5rem}.userRate:not(.userRate--clickable) .userRate__rate{padding-right:.75rem}.userRate.userRate--reverse .userRate__movieRateLabel{padding-right:1.125rem;padding-left:0}.userRate--wts .userRate__icon{font-size:1.5rem}}