.social-group{display:flex;align-items:center;column-gap:6px;row-gap:6px;flex-wrap:wrap}.social-group.compact{transform-origin:top right;transform:scale(0.84)}.social-group.compact .social-button .social-button__icon{padding:4px 6px 4px 7px}@media(max-width: 768px){.social-group.compact .social-button .social-button__icon{padding:4px 6px 4px 7px}}.social-group.compact .social-button .social-button__count{padding:4px 7px 4px 6px;min-width:30px}.social-button{text-decoration:none !important;display:inline-flex;align-items:stretch;justify-content:flex-start;padding:0;font-size:12px;overflow:visible;line-height:1;text-decoration:none;color:#fff;min-width:0;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.social-button .social-button__icon{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;box-sizing:border-box;padding:4px 11px 4px 10px;border-radius:3px !important;background-color:#b0b0b0;border:1px solid rgba(0,0,0,0);border-right:none}@media(max-width: 768px){.social-button .social-button__icon{padding-left:7px;padding-right:6px}}.social-button .social-button__icon .social-button__icon-text{text-decoration:none;color:#fff;font-weight:600;padding-left:5px}.social-button .social-button__icon .social-button__icon-text:hover,.social-button .social-button__icon .social-button__icon-text:active,.social-button .social-button__icon .social-button__icon-text:focus,.social-button .social-button__icon .social-button__icon-text:visited{text-decoration:none !important;color:#fff}.social-button i{color:#fff;font-size:13px;line-height:14px}.social-button .social-button__count{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border-left:none;min-width:40px;padding:4px 8px 4px 7px;font-size:12px;line-height:14px;font-weight:600;color:#444;background-color:#fff;text-align:center;border-radius:0 3px 3px 0 !important;cursor:default}@media(max-width: 768px){.social-button .social-button__count{min-width:0}}.social-button .social-button__count.hidden{display:none}.social-button:has(.social-button__count:not(.hidden)) .social-button__icon{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.social-button--like.is-active .social-button__icon{background-color:#2fb016 !important}.social-button--dislike.is-active .social-button__icon{background-color:#e67e22 !important}.social-button--follow.is-active .social-button__icon{background-color:#f1c40f !important}.social-button--comment.is-active .social-button__icon{background-color:#0077b6}.social-button--report.is-active .social-button__icon{background-color:#c0392b !important}.social-button--add_friend.is-active{opacity:1 !important}.social-button--add_friend.is-active .social-button__icon{background-color:#28a745 !important}.social-button__count--clickable{cursor:default;transition:background-color .15s ease}.social-button__count--clickable[data-social-count-raw]:not([data-social-count-raw="0"]){cursor:pointer}.social-button__count--clickable[data-social-count-raw]:not([data-social-count-raw="0"]):hover{background-color:#eaeaea}.js-social-action-users-list .social-action-user-item{display:flex;align-items:stretch;min-height:35px !important;cursor:default}.js-social-action-users-list .social-action-user-item:hover{background-color:#fff;border-color:#e0e0e0}.js-social-action-users-list .social-action-user-item__link{display:flex;align-items:stretch;flex:1;min-width:0;text-decoration:none !important;color:inherit;cursor:pointer}.js-social-action-users-list .social-action-user-item__link:hover .general-list-item__title{color:#e7505a;text-decoration:none}.js-social-action-users-list .social-action-user-item__presence{flex-shrink:0;align-self:center;margin:0 12px 0 8px;cursor:default;pointer-events:auto;white-space:nowrap}.js-social-action-users-list .general-list-item__content{padding:5px 10px !important}.js-social-action-users-list .general-list-item__icon{background-color:rgba(0,0,0,0);padding:5px 10px !important}.js-social-action-users-list .general-list-item__icon img{width:25px;height:25px;object-fit:cover}.js-social-action-users-list .general-list-item__title{color:#333;text-decoration:none}.social-button.is-disabled{opacity:.65;pointer-events:none;cursor:not-allowed}.social-button.is-readonly{pointer-events:none;cursor:not-allowed}.social-button.is-readonly .social-button__count--clickable{pointer-events:auto;cursor:pointer}.social-button.is-loading .social-button__icon{position:relative}.social-button.is-loading .social-button__icon i{visibility:hidden}.social-button.is-loading .social-button__icon::before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:cb-spinner-spin .7s linear infinite}.social-button.is-loading:has(.social-button__icon-text) .social-button__icon::before{left:16px}@media(max-width: 768px){.social-button.is-loading:has(.social-button__icon-text) .social-button__icon::before{left:14px}}@media(hover: hover){.social-button--like:not(.is-active):not(.is-readonly):hover .social-button__icon{background-color:#2fb016 !important}.social-button--dislike:not(.is-active):not(.is-readonly):hover .social-button__icon{background-color:#e67e22 !important}.social-button--follow:not(.is-active):not(.is-readonly):hover .social-button__icon{background-color:#f1c40f !important}.social-button--comment:not(.is-readonly):hover .social-button__icon{background-color:#005a8c !important}.social-button--reply:not(.is-active):not(.is-readonly):hover .social-button__icon{background-color:#8e44ad !important}.social-button--report:not(.is-active):not(.is-readonly):hover .social-button__icon{background-color:#c0392b !important}.social-button--add_friend:not(.is-disabled):not(.is-readonly):hover .social-button__icon{background-color:#0d9488 !important}}
