.ItemDiscussion { position: relative; }
.UserCardWrap { position: absolute; visibility: hidden; top: -9999px; left: -9999px; z-index: 10; }
.UserCardWrap.isVisible { visibility: visible; top: 0; left: 0; }
.UserCard { box-shadow: 0 5px 10px #eee; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative; background-color: #fff; color: inherit; border: 1px solid #999; min-width: 215px; width: auto; border-radius: 2px; }
.UserCard:after { border-bottom: 10px solid #fff; top: -9px; }
.UserCard-header { padding: 12px; }
.UserCard-username { font-weight: bold; display: block; }
.UserCard-roles { display: block; font-size: 14px; }
.UserCard-Count { display: flex; }
.UserCard-Count .Count-Number { font-weight: bold; }
.UserCard-Count .Count-label { font-size: 14px; white-space: normal; }
.Count-Discussions,
.Count-Comments,
.Count-Points { flex: 1; padding: 12px 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.UserCard-ContentWrap { padding: 12px; }
.UserCard-ContentLabel { font-size: 14px; margin-right: 5px; }
.UserCard-ContentInfo { font-size: 14px; color: #000; }
.Section-Predator .UserCard { background-color: #777; }
.Section-Predator .UserCard-Count .Count-label { color: #ddd; }
.Section-Predator .UserCard-ContentLabel { font-size: 13px; color: #ddd; }
.Section-Predator .UserCard-ContentInfo { color: #fff; }

/*# sourceMappingURL=usercards.css.map */