.cropperContainer{width:400px;height:400px;position:relative}.cropperContainer .actionCropButton{position:absolute;bottom:10px;transform:translateX(-50%);color:#fff;padding:10px 20px;border-radius:5px;font-size:14px;z-index:10}.cropperContainer .confirm{right:0}.cropperContainer .cancel{left:22%}.editProfile{padding:0 10px 5px}.editProfile .avatarContainer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.editProfile .avatarContainer .avatar{object-fit:cover;border-radius:50%}.editProfile .avatarContainer .uploadButton{width:75px;height:23px;position:absolute;top:50px;left:50%;transform:translateX(-50%);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.editProfile .fieldsContainer{display:flex;flex-direction:column}.editProfile .fieldsContainer .inputContainer{display:flex;flex-direction:column;margin-bottom:8px}.editProfile .fieldsContainer .inputContainer label{font-size:15px;margin-bottom:5px;font-weight:700}.editProfile .fieldsContainer .inputContainer .inputField{min-height:35px;padding:5px 10px;border-radius:4px;border:1px solid #e0e0e0}.editProfile .fieldsContainer .inputContainer input,.editProfile .fieldsContainer .inputContainer textarea{font-size:16px;outline:none;font-family:var(--font-mono)}.editProfile .fieldsContainer .inputContainer textarea{resize:none}.editProfile .fieldsContainer .inputContainer fieldset{border:none}.editProfile .saveButton{display:flex;justify-content:flex-end;align-items:center;margin-top:10px}.editProfile .saveButton button{width:110px;height:31px;border-radius:4px;color:#fff}.validationValue{margin-top:3px;font-size:10px;color:#65676b}.error{width:70%;font-size:10px;color:red;margin-top:5px;margin-left:2px}.cityInfoContainer{display:flex}.cityInfoContainer .fieldsContainer{width:50%}.cityInfoContainer .fieldsContainer:first-child{margin-right:15px}.userAction .userFollowInfo{display:flex;align-items:flex-end;margin:13px 0}.userAction .dot{font-weight:700;color:#65676b;margin:0 5px}.userAction .btn{width:157px;height:31px;border-radius:6px}.userAction .btn:disabled{opacity:.6}.userAction .follow{color:#fff}.userAction .actionsButtons{display:flex;align-items:center}.userAction .actionsButtons .editBtn{display:flex;align-items:center;justify-content:center;width:110px;height:31px;border-radius:6px}.userAction .actionsButtons .editBtn span{color:#fff;height:48%}.count{margin-right:3px;font-weight:700}.count,.followTitle{font-size:18px;color:#65676b}.userNickname h4{margin:5px 0;font-size:14px;color:#65676b}.userName{margin-bottom:5px!important}