@-webkit-keyframes pulse-counter{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes pulse-counter{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}body,html{margin:0;padding:0;overflow:hidden;width:120px;height:120px}.chatHead{display:block;position:relative;width:100px;height:100px;border:none;margin:10px 0 0 10px;border-radius:50%;background:#d0a8a8;border:2px solid #fff;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:0 0 15px 0 rgba(1,1,1,.35);box-sizing:border-box;transition:transform 150ms,margin-top 150ms}.chatHead .performerPicture{position:absolute;top:-1px;left:-1px;width:98px;height:98px;border-radius:50%;background-color:transparent;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer}.chatHead:before{position:absolute;border-radius:50%;background-color:red;border:none;width:20px;height:20px;content:attr(data-counter);font-family:Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#fff;text-align:center;top:5px;left:5px;-webkit-animation:pulse-counter .3s linear 2 1.1s;animation:pulse-counter .3s linear 2 1.1s;z-index:2}.chatHead[data-layout=bl]:before,.chatHead[data-layout=tl]:before{left:75px}