.filmFriendComment{display:grid;position:relative;grid-template-columns:3rem 1fr 1fr;grid-template-areas:"avatar name name" "avatar publisher publisher" "avatar status status" "comment comment comment" "extras extras extras" "social social date" "commentsList commentsList commentsList";grid-template-rows:repeat(6,min-content max-content)}.filmFriendComment.isProcessing .filmFriendComment__social{pointer-events:none}.filmFriendComment.isAnimated .filmFriendComment__avatar{animation:showUp .3s cubic-bezier(.25,.46,.45,.94)}.filmFriendComment__avatar{grid-area:avatar;width:3rem;height:3rem}.filmFriendComment__name{grid-area:name;align-self:end;padding-top:.25rem;padding-left:.75rem;width:100%;max-width:11.625rem;font-size:1rem;line-height:1.25rem}.filmFriendComment__name a{transition:color .35s}html.mouse .filmFriendComment__name a:hover{color:#888}.filmFriendComment__publisher{grid-area:publisher;align-self:end;padding-left:.75rem;color:#888;font-size:.875rem;line-height:1.43}.filmFriendComment__publisher span{display:inline-block}.filmFriendComment__status{display:flex;grid-area:status;align-items:center;height:1.75rem;padding-left:.75rem;color:#888;font-size:.875rem;line-height:1.25rem}.filmFriendComment__status .ico{margin-left:-.0625rem;color:#e8e8e8;font-size:1.125rem}.filmFriendComment__status .ico.isSelected{color:#ffc200}.filmFriendComment__status .ico.ico--likeSolid{margin-left:.25rem;color:#ffc200}.filmFriendComment__status .ico.ico--eyeSolid{margin-left:.0625rem}.filmFriendComment__status .rate{padding-right:.25rem;color:#242424}.filmFriendComment__status strong{color:#242424;font-weight:400}.filmFriendComment__status div{display:flex}.filmFriendComment__comment{grid-area:comment;margin-top:.875rem;padding:.5rem;border-radius:.3125rem;background:#f8f8f8;font-size:.875rem;line-height:1.57}.filmFriendComment__commentPlaceholder{grid-area:comment;margin-top:1rem;padding:.5rem;color:#ccc;font-size:.875rem;text-align:center}.filmFriendComment__social{position:relative;display:flex;grid-area:social;padding-top:.75rem;font-size:.875rem;line-height:1.25rem}.filmFriendComment__date{grid-area:date;justify-self:end;padding-top:.75rem;font-size:.875rem;color:#888;line-height:1.5rem}.filmFriendComment__commentIt{transition:.3s color;color:#888;line-height:1.25rem}html.mouse .filmFriendComment__commentIt:hover{color:#e7a90f}.filmFriendComment__action{display:flex;align-items:center;margin-left:.75rem;color:#888;line-height:1.25rem}.filmFriendComment__action[data-count="0"] .filmFriendComment__counter{display:none}.filmFriendComment__action .ico{transition:.3s color;font-size:1.25rem;pointer-events:none}.filmFriendComment__action--comments .ico:before{content:"\e910"}.filmFriendComment__action--comments[data-count="0"]{display:none}.filmFriendComment__action--likes .ico:before{content:"\e941"}.filmFriendComment__action--likes.isOn .ico:before{content:"\e942";color:#ffc200}html.mouse .filmFriendComment__action .ico:hover{color:#e7a90f}.filmFriendComment__action:first-child{margin-left:0}.filmFriendComment__counter{margin-right:.1875rem}.filmFriendComment__button{display:flex}.filmFriendComment__commentsList{display:grid;position:relative;grid-area:commentsList;grid-row-gap:1rem}.filmFriendComment__commentsList:after{content:"";position:absolute;left:-1.5rem;top:0;bottom:0;width:3px;background:#ffc200}.filmFriendComment__inputLine{margin-top:1rem;background:#f8f8f8}.filmFriendComment--maxLines .filmFriendComment__comment span{display:block;display:-webkit-box;position:relative;max-height:4.12125rem;overflow:hidden;font-size:.875rem;line-height:1.57;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.filmFriendComment--criticSection{width:16.5rem;min-height:12.375rem;margin:.5rem 0 1.5rem 1rem;padding:1rem .75rem;border-radius:.125rem;background:#ffffff;box-shadow:0 6px 16px #00000014}.filmFriendComment--criticSection .filmFriendComment__name,.filmFriendComment--criticSection .filmFriendComment__status,.filmFriendComment--criticSection .filmFriendComment__publisher{margin:0}.filmFriendComment--criticSection .filmFriendComment__name{padding-top:.25rem;font-size:.875rem}.filmFriendComment--criticSection .filmFriendComment__status{align-items:center;padding-top:.25rem}.filmFriendComment--criticSection .filmFriendComment__status .rate{font-size:.875rem;line-height:1.125rem}.filmFriendComment--criticSection .filmFriendComment__status .ico{font-size:.9375rem}.filmFriendComment--criticSection:not(.filmFriendComment--hasPublisher) .filmFriendComment__status{align-items:start;min-height:2.875rem}.isDark .filmFriendComment__status .ico:not(.isSelected):not(.ico--likeSolid){color:#555}.isDark .filmFriendComment__status .rate{color:#eee}.isDark .filmFriendComment__comment{background-color:#000}@media (min-width: 768px){.filmFriendComment__name{max-width:25.75rem}html.mouse .filmFriendComment.isExceeded .filmFriendComment__comment{cursor:pointer}.filmFriendComment--criticSection{width:20rem;margin:1rem 1rem 1.5rem;padding:1rem 1.25rem;box-shadow:0 8px 14px #00000014,0 -8px 14px #0000000a}.filmFriendComment--criticSection .filmFriendComment__name,.filmFriendComment--criticSection .filmFriendComment__status,.filmFriendComment--criticSection .filmFriendComment__publisher{padding-left:.75rem}.filmFriendComment--criticSection .filmFriendComment__name{font-size:1rem}.filmFriendComment--criticSection .filmFriendComment__status{align-items:center;padding-top:.125rem}.filmFriendComment--criticSection .filmFriendComment__status .ico{font-size:1.1875rem}.filmFriendComment--criticSection .filmFriendComment .rate{font-size:1rem}}@media (min-width: 1152px){.filmFriendComment__name{padding-top:.3125rem}.filmFriendComment__status{font-size:1rem}}.filmFriendComment__placeholderHeader{display:flex;margin-bottom:1.0625rem}.filmFriendComment__placeholderHeaderAvatar{background:#e8e8e8;width:3rem;height:3rem;border-radius:3rem;flex-shrink:0}.filmFriendComment__placeholderHeaderAbout{padding-left:1rem}.filmFriendComment__placeholderHeaderAboutName{width:9.375rem;margin-top:.25rem;margin-bottom:.25rem}.filmFriendComment__placeholderHeaderAboutRate{width:13.75rem}.filmFriendComment__placeholderHeaderAboutName,.filmFriendComment__placeholderHeaderAboutRate{height:1.25rem}.filmFriendComment__placeholderReactions{height:1.5rem;width:6.25rem}.reactionsList__header{display:flex;flex-direction:column}.reactionsList__container{padding:1rem}.reactionsList__summary,.reactionsList__similarities{margin-bottom:1rem}.reactionsList__summary{font-size:.875rem;line-height:1.25rem;color:#888;display:flex;align-items:center}.reactionsList__summary .ico{color:#ffc200;font-size:1.125rem;margin-left:.1875rem;margin-right:.125rem}.reactionsList__summary strong{font-weight:400;color:#242424}.reactionsList__summary .criticsAverage{border:1px solid #242424;color:#242424;border-radius:.125rem;padding:0 .1875rem;margin-left:.25rem}.reactionsList__similarities{padding:.25rem .25rem 1.25rem;border-bottom:1px solid rgba(172,172,172,.3)}.reactionsList__similarities .control{margin:0}.reactionsList__similarities .control__title{padding:0 0 0 .375rem}.reactionsList__list>div{margin-bottom:1rem;padding-bottom:1rem}.reactionsList__list>div:not(:last-child){border-bottom:1px solid rgba(172,172,172,.3)}.reactionsList .filmFriendComment .tinyReview{grid-area:extras}.reactionsList.isLoading:after{content:"";position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;width:4.375rem;height:4.375rem;margin:auto;animation:spin .9s cubic-bezier(.5,0,.35,1) infinite,delayed-fade-in .75s;opacity:inherit;display:inline-block;border:.25rem solid #f8f8f8;border-top:.25rem solid #ffc200;border-radius:50%}.reactionsList.isLoading.isDark:after,.isDark .reactionsList.isLoading:after{content:"";position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;width:4.375rem;height:4.375rem;margin:auto;animation:spin .9s cubic-bezier(.5,0,.35,1) infinite,delayed-fade-in .75s;opacity:inherit;display:inline-block;border:.25rem solid #f8f8f8;border-radius:50%;border:.25rem solid #242424;border-top:.25rem solid #ffc200}@media (min-width: 768px){.reactionsList__summary,.reactionsList__similarities{margin-bottom:1.5rem}.reactionsList__similarities{padding:0;border-bottom:none}.reactionsList__header{flex-direction:row;align-items:center;justify-content:space-between}}.isDark .reactionsList__summary strong{color:#eee}