.contact-list[data-v-c710f8fb]{background:#283141;color:#fff;border:8px solid #303d53;border-radius:8px;bottom:70px;left:20px;max-height:400px;overflow-y:auto;padding:20px;position:absolute;z-index:2000;width:270px}.contact-list .close-contact-popup[data-v-c710f8fb]{font-size:.9rem;color:#6495ed;font-weight:700;position:absolute;top:0;right:20px;cursor:pointer}.contact-list ul[data-v-c710f8fb]{list-style:none;padding:0;margin:0}.contact-list .contact[data-v-c710f8fb]{border-bottom:2px rgba(229,229,229,.3215686275) dashed;display:inline-block;padding:5px;width:100%;cursor:pointer}.contact-list .contact[data-v-c710f8fb]:last-child{border-bottom:none}.contact-list .contact[data-v-c710f8fb]:hover{background:#5465645c}.contact-list .contact .user-sec[data-v-c710f8fb]{display:flex;align-items:center;width:100%}.contact-list .contact .user-sec .avatar-user[data-v-c710f8fb]{display:inline-block;width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;margin-right:10px;flex-shrink:0}.contact-list .contact .user-sec .username[data-v-c710f8fb]{flex-grow:1;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-list .contact .user-sec .icon[data-v-c710f8fb]{flex-shrink:0;font-size:1.2em;color:#6495ed}