/**
 * Membership File Upload Restrictions - Styles
 */

.userprofile-upload-wrapper {
  margin: 10px 0;
}

.userprofile-upload-wrapper .upload-profile-image {
  margin-bottom: 10px;
  display: inline-block;
}

.profile-image-preview {
  max-width: 200px;
}

.profile-image-preview-item {
  position: relative;
}

.profile-image-preview-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 4px;
}

.profile-image-preview-item .remove-profile-image {
  margin-top: 5px;
  background-color: #dc3545;
  color: white;
  border-color: #dc3545;
}

.profile-image-preview-item .remove-profile-image:hover {
  background-color: #c82333;
  border-color: #bd2130;
  color: white;
}