user-popup{position:relative;cursor:pointer}user-popup *{-webkit-box-sizing:border-box;box-sizing:border-box}user-popup .popup{padding:16px;width:400px;height:245px;-webkit-transition-delay:0ms!important;-o-transition-delay:0ms!important;transition-delay:0ms!important}user-popup .popup user-avatar{display:inline-block;margin-right:14px;width:56px;height:56px;vertical-align:top}user-popup .popup user-avatar img{width:100%;height:100%}user-popup .popup .displayname{color:#262744;font-family:ProximaNova,sans-serif;font-size:15px;font-weight:600;line-height:1;overflow:hidden;position:relative;line-height:1em;max-height:2em;text-align:justify;margin-right:0;padding-right:1em}user-popup .popup .displayname:before{content:"...";position:absolute;right:0;bottom:0}user-popup .popup .displayname:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}user-popup .popup .user-popup-info{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-calc(100% - 74px);width:calc(100% - 74px);margin:6px 0 16px;min-height:48px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}user-popup .popup .user-popup-info .location{background-size:9px 14px;padding:0 0 0 15px;background-position:0;font-size:12px;font-weight:300;line-height:24px;width:205px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:inline-block;height:23px;margin-bottom:0;font-family:AvenirLTStd-Book,sans-serif}user-popup .popup .user-popup-info .location span{color:#666680}user-popup .popup .user-popup-info .account-type{display:inline-block}user-popup .popup .user-popup-info .sites .social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}user-popup .popup .user-popup-info .sites .user-social-button{width:16px;height:16px;background-position:50%;background-color:transparent;background-size:contain;-webkit-transition:background-image .2s ease-out;-o-transition:background-image .2s ease-out;transition:background-image .2s ease-out}user-popup .popup .user-popup-info .sites .user-social-button.fb{background-image:url(https://assets.animatron.com/images/icons/fb-small-gray.svg)}user-popup .popup .user-popup-info .sites .user-social-button.fb:hover{background-image:url(https://assets.animatron.com/images/icons/fb-small-onhover.svg)}user-popup .popup .user-popup-info .sites .user-social-button.tw{background-image:url(https://assets.animatron.com/images/icons/tw-small-gray.svg)}user-popup .popup .user-popup-info .sites .user-social-button.tw:hover{background-image:url(https://assets.animatron.com/images/icons/tw-small-onhover.svg)}user-popup .popup .user-popup-info .sites .user-social-button.dr{background-image:url(https://assets.animatron.com/images/icons/dr-small-gray.svg)}user-popup .popup .user-popup-info .sites .user-social-button.dr:hover{background-image:url(https://assets.animatron.com/images/icons/dr-small-onhover.svg)}user-popup .popup .project-previews{border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);padding:8px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:16px;text-align:center;height:96px}user-popup .popup .project-previews .project-preview{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;display:inline-block;cursor:pointer;background-size:cover;background-position:50%;width:112px;height:80px;margin-right:7px}user-popup .popup .project-previews .project-preview:active,user-popup .popup .project-previews .project-preview:focus,user-popup .popup .project-previews .project-preview:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}user-popup .popup .project-previews .project-preview:last-of-type{margin-right:0}user-popup .popup .project-previews loader-horizontal{margin:0 auto}user-popup .popup .user-popup-bottom,user-popup .popup .user-popup-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}user-popup .popup .user-popup-bottom.user-popup-top,user-popup .popup .user-popup-top.user-popup-top{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:10px}user-popup .popup .count-panel{font-size:12px;font-weight:300;line-height:24px;font-family:AvenirLTStd-Book,sans-serif;text-transform:capitalize;color:#666680}user-popup .popup .count-panel>span{margin-right:7px;display:inline-block}user-popup .popup .count-panel>span:last-of-type{margin-right:0}user-popup .popup .count-panel b{color:#262744;font-weight:300}user-popup .popup .count-panel b:hover{color:#2b96dc}user-popup .popup b{margin:0}user-popup .popup .count-panel~div{display:inline-block}user-popup .popup .count-panel~div .button{font-size:12px;font-weight:600;height:32px;line-height:32px}