.os-user-details{width:100%;height:100%;position:relative;display:flex}.os-user-details .user-infos-details{position:relative;width:220px;min-width:220px;padding:12px;display:flex;gap:12px;align-items:center;flex-direction:column;border-right:1px solid #f4f4f4}.os-user-details .user-infos-details .user-details-editor{position:absolute;top:60px;left:188px;display:flex;gap:2px;align-items:center;transition:.3s}.os-user-details .user-infos-details .user-details-editor:hover{opacity:.72}.os-user-details .user-infos-details .details-counts{display:flex;gap:20px;align-items:center}.os-user-details .user-infos-details .details-counts .details-counts-item{display:flex;flex-direction:column;align-items:center}.os-user-details .user-infos-details .details-avatar{position:relative;display:inline-flex}.os-user-details .user-infos-details .details-avatar:hover .is-update-avatar{opacity:1}.os-user-details .user-infos-details .details-avatar .is-sex{position:absolute;right:14px;bottom:0;width:26px;padding:4px;border-radius:50%;background-color:#fff}.os-user-details .user-infos-details .details-name{font-size:14px;display:flex;gap:2px;align-items:center;color:var(--os-title-color)}.os-user-details .user-infos-details .details-infos{height:100%;display:flex;gap:12px;align-items:center;flex-direction:column}.os-user-details .user-infos-details .details-infos .details-roles{display:flex;flex-direction:column;gap:4px;align-items:center}.os-user-details .user-infos-details .details-infos .details-roles .details-role-item{color:var(--os-danger)}.os-user-details .user-infos-details .details-infos .details-description{opacity:.92;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.os-user-details .user-infos-details .details-infos .details-time{opacity:.82}.os-user-details .user-infos-details .details-buts{display:flex;gap:10px;align-items:center}.os-user-details .user-details-data{height:100%;padding:10px;display:flex;gap:4px;flex-wrap:wrap;pointer-events:auto;align-content:flex-start;justify-content:flex-start}.os-user-details .user-details-data .details-data-item{height:-moz-fit-content;height:fit-content;position:relative;padding:4px;display:flex;align-items:center;flex-direction:column;border-radius:8px;contain:layout paint style}.os-user-details .user-details-data .details-data-item:hover{background-color:#0066cc1a}.os-user-details .user-details-data .details-data-item .is-item-img{width:60px}.os-user-details .user-details-data .details-data-item p{width:70px;font-size:12px;text-align:center;padding:2px;word-wrap:break-word;word-break:break-all}