.drawer-box{height:100%;width:100%;background:var(--bg-color);font-size:15px;display:flex;flex-direction:column}.drawer-noscrolling div{overflow:hidden}.user-avatar img{border-radius:50%;height:50px;width:50px}.user-info-card{flex:1;padding-left:20px;line-height:23px}.user-name{font-size:16px}.user-email{color:var(--fill-bg-color);font-size:14px}.user-email:hover{cursor:pointer;text-decoration:underline}.user-avatar span{font-size:18px;font-weight:600}.user-info{display:flex;padding:20px;border-bottom:2px solid var(--bg-color)}.use-box{padding:20px 20px 10px;overflow:hidden;overflow-y:auto;flex:1;display:flex;flex-direction:column}.use-list{flex:1}.use-list li{margin-bottom:20px}.use-list span{padding-left:20px;font-size:14px;font-weight:600}.version li{font-size:12px;color:var(--fill-bg-color);padding:3px;letter-spacing:1px}.create-group{height:100%;width:100%;background:var(--bg-color);padding:20px}.create-group ul{display:flex;align-items:center}.create-group-avatar{height:75px;width:75px;background:var(--group-avatar-bg-color);display:flex;justify-content:center;align-items:center;border-radius:50%}.create-group-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.create-group-avatar i{font-size:35px}.create-group-name{padding-left:20px;color:var(--button-text-color)}.group-name{padding:2px 0;font-size:13px;font-weight:500}.group-name input{border:none;background:0 0;font-size:15px;height:25px;border-bottom:1px solid var(--button-text-color)}.friends-box{height:100%;width:100%;background:var(--bg-color);display:flex;flex-direction:column}.friends-box-top{border-bottom:2px solid var(--padding-bg-color);padding:20px 20px 0}.friends-box-title{display:flex;align-items:center;padding:10px 0}.friends-box-title span{font-size:16px;font-weight:600}.friends-box-title font,.friends-box-title p{font-size:13px;color:var(--fill-bg-color);padding-left:6px}.friends-search{padding:10px 0}.friends-search i{font-size:18px;color:var(--fill-bg-color)}.friends-search input{border:none;background:0 0;font-size:15px;height:25px;padding-left:15px;width:80%}.friends-list{flex:1;overflow-y:auto;margin-top:5px}.enterConversation{padding:6px 20px}.friends-list ul{display:flex;align-items:center}.friends-list img{border-radius:50%;height:40px;width:40px}.friend-list{padding-left:15px}.friends-list-bottom{padding:20px;display:flex;align-items:center;justify-content:flex-end;color:var(--button-text-color)}.friends-list-bottom li{font-size:14px;font-weight:600}.add-friend{height:100%;width:100%;background:var(--bg-color);padding:20px;display:flex;flex-direction:column}.add-friend-title{font-size:16px;font-weight:600}.add-friend-box{padding:15px 0;flex:1}.add-friend-box ul{display:flex;align-items:center;padding-top:20px}.add-friend-box i{font-size:26px;color:var(--fill-bg-color)}.add-friend-box p{color:var(--fill-bg-color)}.add-friend-name{flex:1}.add-friend-box input{border:none;background:0 0;font-size:15px;height:25px;border-bottom:1px solid var(--strip-bg-color);width:100%}.add-friend-email,.add-friend-name,.add-friend-surname{padding-left:20px;flex:1}.add-friend-name input{border-bottom:1px solid var(--button-text-color)}.add-friend-name span{color:var(--button-text-color)}.add-friend-hint{font-size:14px;color:var(--text-color)!important}