.voteCommentText{position:relative;background:#ffffff}.voteCommentText .hide{display:none!important}.voteCommentText--editable{background:#f8f8f8}.voteCommentText--alabaster .voteCommentText__comment:not(.voteCommentText__comment--open){background:#f8f8f8}.voteCommentText--alabaster .voteCommentText__comment:not(.voteCommentText__comment--open) .voteCommentText__label,.voteCommentText--alabaster .voteCommentText__comment:not(.voteCommentText__comment--open) .voteCommentText__textarea{background:#f8f8f8}.voteCommentText--alabaster .voteCommentText__comment:not(.voteCommentText__comment--open)>i:after{background:#f8f8f8}.voteCommentText__comment{position:relative;padding:0 .9375rem;background:#ffffff;cursor:text}.voteCommentText--editable .voteCommentText__comment,.voteCommentText--alabaster .voteCommentText__comment{padding:.4375rem .9375rem;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.voteCommentText--editable .voteCommentText__comment>i,.voteCommentText--alabaster .voteCommentText__comment>i{display:block}.voteCommentText__comment>i{display:none;position:absolute;top:-.5625rem;left:1.25rem;width:.5rem;height:.5625rem;overflow:hidden;border-left:1px solid #e8e8e8}.voteCommentText__comment>i:after{content:"";position:absolute;top:1px;left:-.75rem;width:1.125rem;height:1.125rem;transform:rotate(45deg);border:1px solid #e8e8e8;border-right-width:0;border-bottom-width:0;background:#ffffff}.voteCommentText__comment--open{border-color:#ffc200!important;box-shadow:1px 1px 1px #0000000a;background:#ffffff}.voteCommentText__comment--open>i{border-color:#ffc200}.voteCommentText__comment--open>i:after{border-color:#ffc200;background:#ffffff}.voteCommentText__textarea{min-height:1.125rem;max-height:4.5rem;font-size:.875rem;line-height:1.3;resize:none}.voteCommentText__label{display:-webkit-box;position:relative;max-height:4.55rem;overflow:hidden;font-size:.875rem;line-height:1.3;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:block;cursor:text}.voteCommentText__label--placeholder{color:#888}.voteCommentText--extended .voteCommentText__textarea{max-height:5.625rem}.voteCommentText--extended .voteCommentText__label{display:block;display:-webkit-box;position:relative;max-height:5.6875rem;overflow:hidden;font-size:.875rem;line-height:1.3;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical}.voteCommentText__textarea,.voteCommentText__label{display:block;width:100%;min-width:100%;max-width:100%;overflow:hidden;border:0;outline:none;background:#ffffff;font-family:Lato,sans-serif}.voteCommentText .voteCommentText__counter{display:flex;position:absolute;right:4px;bottom:-8px;align-items:center;height:16px;padding:0 3px;opacity:0;background:#ffffff;color:#888;font-size:10px;font-weight:700;line-height:16px}.voteCommentText .voteCommentText__counter--almost{background:#ffc200;color:#242424}.voteCommentText .voteCommentText__comment--open .voteCommentText__counter{opacity:1}.isDark .voteCommentText .voteCommentText__comment{border-color:#555;color:#888}.isDark .voteCommentText .voteCommentText__comment>i{border-bottom:1px solid #202020;border-left:1px solid #555555}.isDark .voteCommentText .voteCommentText__comment>i:after{border:1px solid #555555;background:#202020}.isDark .voteCommentText .voteCommentText__comment--open>i{border-bottom:0;border-color:#ffc200}.isDark .voteCommentText .voteCommentText__comment--open>i:after{border-color:#ffc200}.isDark .voteCommentText .voteCommentText__textarea,.isDark .voteCommentText .voteCommentText__comment,.isDark .voteCommentText .voteCommentText__label{background:#202020;color:#eee}.isDark .voteCommentText .voteCommentText__label--placeholder{color:#888}.isDark .voteCommentText .voteCommentText__counter{padding-right:.25rem;background:#202020;color:#fff}.voteCommentText--narrow .voteCommentText__comment{min-height:1rem;padding:0}.voteCommentText--narrow .voteCommentText__comment>i{left:.625rem}.voteCommentText--narrow.voteCommentText--editable .voteCommentText__comment,.voteCommentText--narrow.voteCommentText--alabaster .voteCommentText__comment{padding:.625rem;border:1px solid #e8e8e8;border-radius:.125rem}.isDark .voteCommentText--narrow.voteCommentText--editable .voteCommentText__comment,.isDark .voteCommentText--narrow.voteCommentText--alabaster .voteCommentText__comment{border:1px solid #555555}@media (max-width: 767px){.voteCommentText__date{display:none}}@media (min-width: 768px){.voteCommentText .voteCommentText__comment{min-height:1rem;padding:0}.voteCommentText .voteCommentText__comment>i{left:.625rem}.voteCommentText.voteCommentText--editable .voteCommentText__comment,.voteCommentText.voteCommentText--alabaster .voteCommentText__comment{padding:.625rem;border:1px solid #e8e8e8;border-radius:.125rem}.isDark .voteCommentText.voteCommentText--editable .voteCommentText__comment,.isDark .voteCommentText.voteCommentText--alabaster .voteCommentText__comment{border:1px solid #555555}}.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:"\e93e"}.userRate .favourite__icon:before{content:"\e92d"}.userRate.userRate--role .userRate__icon:before{content:"\e90e"}.userRate.userRate--role .favourite__icon:before{content:"\e92d"}.userRate.userRate--stroke:not([data-rate="0"]):not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--stroke.userRate--hasRate:not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before{content:"\e93e"}.userRate.userRate--stroke .userRate__icon:before{content:"\e93d"}.userRate.userRate--stroke .userRate__icon--active:before{content:"\e977"}html.mouse .userRate.userRate--stroke.userRate--preview .userRate__icon--active:not(.userRate__icon--hover):before{content:"\e93d"}.userRate.userRate--role.userRate--stroke:not([data-rate="0"]):not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--role.userRate--stroke.userRate--hasRate:not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before{content:"\e90e"}.userRate.userRate--role.userRate--stroke .userRate__icon:before{content:"\e90d"}.userRate.userRate--role.userRate--stroke .userRate__icon--active:before{content:"\e90e"}html.mouse .userRate.userRate--role.userRate--stroke.userRate--preview .userRate__icon--active:not(.userRate__icon--hover):before{content:"\e90d"}.userRate.userRate--stroke .favourite__icon:before,.userRate.userRate--role.userRate--stroke .favourite__icon:before{content:"\e92c"}.userRate.userRate--stroke .favourite__icon--active:before,.userRate.userRate--role.userRate--stroke .favourite__icon--active:before{content:"\e92d"}.userRate.userRate--wts .userRate__icon:before{content:"\e918"}.userRate.userRate--wts .userRate__icon--active:before{content:"\e918"}.userRate.userRate--wts.userRate--stroke:not([data-rate="0"]):not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before,.userRate.userRate--wts.userRate--stroke.userRate--hasRate:not(.userRate--preview) .userRate__icon:not(.userRate__icon--hover):before{content:"\e918"}.userRate.userRate--wts.userRate--stroke .userRate__icon:before{content:"\e917"}.userRate.userRate--wts.userRate--stroke .userRate__icon--active:before{content:"\e918"}html.mouse .userRate.userRate--wts.userRate--stroke.userRate--preview .userRate__icon--active:not(.userRate__icon--hover):before{content:"\e917"}html.mouse .userRate.userRate--preview .userRate__icon--hover:before{content:"\e93e"}html.mouse .userRate.userRate--preview.userRate--role .userRate__icon--hover:before{content:"\e90e"}html.mouse .userRate.userRate--preview.userRate--wts .userRate__icon--hover:before{content:"\e918"}.userRate__seen,.userRate__rate{display:inline-block;min-width:1.25rem;padding:0 .3125rem 0 0;line-height:1.33;text-align:left}.userRate__seen{color:#888}html.mouse .userRate__seen:hover{color:#000}.userRate__seen i{margin-left:-.125rem;color:#000;font-size:1.375rem}.userRate:not(.userRate--showRateWhenZero)[data-rate="0"] .userRate__rate{display:none}.userRate .userRate__seen{display:none}.userRate:not(.userRate--display) .userRate__rate,.userRate:not(.userRate--display) .userRate__seen{display:none}.userRate:not(.userRate--clickable) .userRate__seen{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:#fff6}@media (min-width: 768px){.userRate__seen,.userRate__rate{min-width:1.5rem}.userRate__rate{font-size:1.125rem}.userRate__icon,.userRate .favourite__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}}@keyframes roleRatingBoxShow{0%{transform:scale(.8);transform-origin:2.5rem 2.5rem}to{transform:scale(1);transform-origin:2.5rem 2.5rem}}@keyframes makeInactive{0%{opacity:1}to{opacity:.5}}.roleRatingBox{position:relative}.roleRatingBox .filmRatingBox{min-height:7.875rem}.roleRatingBox .filmRatingBox__favRate{display:none}.roleRatingBox .filmRatingBox__top{max-width:18rem}.roleRatingBox.isInactive{animation:makeInactive .3s cubic-bezier(.25,.46,.45,.94) .3s;animation-fill-mode:forwards;pointer-events:none}.roleRatingBox.isPreview .roleRatingBox__preview{transform:scale(1)}.roleRatingBox.isClosing .roleRatingBox__panel,.roleRatingBox.isClosing .roleRatingBox__close{pointer-events:none;animation:fadeOut .3s cubic-bezier(.25,.46,.45,.94);opacity:0}.roleRatingBox:not(.isInit) .roleRatingBox__close,.roleRatingBox:not(.isInit) .roleRatingBox__panel{pointer-events:none}.roleRatingBox__container{padding:1rem;background:#ffffff}.roleRatingBox__filmRatingBox{margin:-1rem}.isDark .roleRatingBox__filmRatingBox{color:#eee;background:#333333}.isDark .roleRatingBox__filmRatingBox .filmRatingBox{min-height:0;border-top:0;border-bottom:0;background:#333333}.roleRatingBox__noRate{padding:1rem 1rem .25rem;font-size:.875rem;color:#d33732}.roleRatingBox__panel{display:grid;grid-template-columns:3rem 1fr;grid-template-areas:"avatar summary" "rating rating" "comment comment" "counters counters";grid-column-gap:.875rem}.roleRatingBox__avatar{grid-area:avatar;width:3rem;height:3rem}.roleRatingBox__preview{grid-area:avatar;transform:scale(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;background:#000000;color:#ffc200;border-radius:100%;justify-content:center;align-items:center;pointer-events:none;margin:-.125rem;font-size:1.25rem;z-index:2}.roleRatingBox__summary{grid-area:summary;display:flex;align-items:center;font-size:.875rem}.roleRatingBox__summaryRated{display:grid;grid-template-areas:"rate remove" "time time"}.roleRatingBox__rate{grid-area:rate}.roleRatingBox__removeRate{grid-area:remove}.roleRatingBox__time{display:none}.roleRatingBox__rating{padding-top:.5rem;grid-area:rating}.roleRatingBox__rating .userRate__icon{font-size:2rem;margin-left:-.1rem}.roleRatingBox__comment{padding-top:.5rem;grid-area:comment}.roleRatingBox__counters{padding-top:.5rem;grid-area:counters;display:flex;justify-content:flex-end}.roleRatingBox__commentCounter{margin-left:.3125rem}.roleRatingBox__removeRate{display:flex;margin-bottom:-.125rem;margin-left:.1875rem;padding:.125rem}.roleRatingBox.isPaused .roleRatingBox__panel{pointer-events:none}.roleRatingBox.hasFilmRatingOpen .roleRatingBox__panel,[data-rate="0"].roleRatingBox .roleRatingBox__comment{display:none}@media (max-width: 767px){.roleRatingBox__close{animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94);background:rgba(0,0,0,.3)}}.roleRatingBox__placeholder{padding-bottom:1rem}.roleRatingBox__placeholder>div{min-width:1rem;min-height:1rem}.roleRatingBox__placeholderCard{display:flex;padding:1rem}.roleRatingBox__placeholderAvatar{width:3rem;height:3rem;margin:-.0625rem;border-radius:3rem}.roleRatingBox__placeholderName{margin:.9375rem;width:8.125rem;height:1rem}.roleRatingBox__placeholderRate{height:1.5rem;margin:0 1rem}
