.conversation-select-users{max-width:425px;width:100%}.conversation-select-users .custom-select-wrapper{position:relative;width:100%}.conversation-select-users .select-role{display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px 0 rgba(0,0,0,.0784313725);border-radius:16px;padding:7px 16px;cursor:pointer}.conversation-select-users .select-role .title-role{display:flex;gap:8px}.conversation-select-users .select-role .title-role img{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:32px;height:32px}.conversation-select-users .select-role .role-title{font-size:16px;font-weight:600;line-height:20px;color:#3f4254}.conversation-select-users .select-role .info-role{display:flex;flex-direction:column}.conversation-select-users .select-role .noti-info{font-size:12px;font-weight:400;line-height:14px;color:#8b90a7}.conversation-select-users .option-role{position:absolute;width:100%;background-color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.0784313725);border-radius:16px;top:110%;padding:16px 0;z-index:9}.conversation-select-users .option-role .role-item{height:48px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:16px}.conversation-select-users .option-role .role-item:hover{background-color:#f8f8f9}.conversation-select-users .option-role .role-item .info-role-option{display:flex;align-items:center;gap:10px}.conversation-select-users .option-role .role-item .info-role-option .box-img{width:32px;height:32px}.conversation-select-users .option-role .role-item .info-role-option .box-img img{height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.conversation-select-users .option-role .role-item .info-role-option p{font-size:16px;font-weight:600;color:#3f4254;line-height:20px}@media(max-width:992px){.conversation-select-users .custom-select-wrapper{position:relative;width:100%}}@media(max-width:768px){.conversation-select-users{width:100%}.conversation-select-users .custom-select-wrapper{max-width:100%}}