.skeleton-list-contact{padding-top:17px}.skeleton-list-contact .header-3{margin-bottom:16px}.skeleton-list-contact .el-skeleton{width:100%;margin-bottom:24px;background:#fff;border-radius:4px;border-top:1px solid #eee}.skeleton-list-contact .el-skeleton__rect{height:32px;width:32px;margin-right:22px}.skeleton-list-contact .el-skeleton__p{height:20px;width:100%;max-width:400px}.skeleton-list-contact__wrapper{display:flex;align-items:center;padding:24px 16px}.contacts{margin-top:17px;flex:1;display:flex;overflow:hidden}.contacts .skeleton-list-contact{width:100%}.contacts .header-3{margin-bottom:16px}.contacts .widgetContainer__body{overflow:hidden;overflow-y:auto;padding:0 0 40px}.contacts .widgetContainer__body>ul{background:#fff;border-radius:var(--radius);padding:16px;border:1px solid #eee}.contacts .widgetContainer__body>ul li{padding:16px 8px;display:flex;align-items:center;border:1px solid transparent;transition:.2s;cursor:pointer;border-bottom:1px solid #eee}.contacts .widgetContainer__body>ul li:first-of-type{padding-top:0;margin:0}.contacts .widgetContainer__body>ul li:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.contacts .widgetContainer__body>ul li .initialsInfoContact{background:#f6f7f9;color:var(--branding-primary)}.contacts .widgetContainer__body>ul li .details{margin:0 auto 0 15px;padding-right:8px}.contacts .widgetContainer__body>ul li .details .name{font-size:15px;line-height:20px}.contacts .widgetContainer__body>ul li .details .date{color:rgba(60,60,67,.6);font-size:12px;padding-top:2px}.contacts .widgetContainer__body>ul li .icon{color:#c7c7c9;font-size:13px}.contacts .noData{width:100%}.zero-contact{white-space:pre-wrap;padding-top:40px;color:rgba(0,0,0,.4);line-height:24px;font-size:16px;text-align:center}.contactList{max-height:100%}.contactList>.widgetContainer__body{overflow:hidden;display:flex;flex-direction:column}.contactList__nav{display:flex;align-items:center;justify-content:space-between}.contactList__nav .back{cursor:pointer;display:flex;align-items:center}.contactList__nav .back .icon-arrow-left{font-size:18px}.contactList__nav .back p{color:#3c3c43;font-size:17px;padding-left:6px}.contactList__search-add{display:flex}.contactList__search-add .add{background-color:#fff;border-radius:var(--radius);border:1px solid #eee;cursor:pointer;margin-left:10px;height:64px;width:100px;display:flex;align-items:center;justify-content:center;padding:0 14px 0 14px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.contactList__search-add .add:hover{border-color:#c0c4cc}.contactList__search-add .add span{padding-right:4px;font-size:14px}.contactList__search-add .add p{font-size:16px}.el-drawer .el-drawer__body .contactList .widgetContainer__body{padding-bottom:0}