/* line 12, app/assets/stylesheets/profile.scss */
.profile-pic {
  border-radius: 10px;
  border: 2px dotted #F912E3;
  color: transparent;
  transition: all .3s ease;
  display: flex;
  justify-content: center;
  padding-bottom: 0px;
  align-items: center;
  position: relative;
  transition: all .3s ease;
  height: 250px;
  width: auto;
  max-width: 100%;
}

/* line 24, app/assets/stylesheets/profile.scss */
.profile-pic input {
  display: none;
}

/* line 28, app/assets/stylesheets/profile.scss */
.profile-pic img, .profile-pic video {
  margin-top: 0px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  z-index: 0;
  border-radius: 10px;
}

/* line 39, app/assets/stylesheets/profile.scss */
.profile-pic .-label {
  cursor: pointer;
  height: 165px;
  width: 165px;
}

/* line 46, app/assets/stylesheets/profile.scss */
.profile-pic:hover .-label:not(.introduction-video-input, .about-us-video-input) {
  display: flex;
  justify-content: center;
  padding-bottom: 0px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  color: #fafafa;
  transition: background-color .2s ease-in-out;
  margin-bottom: 0;
  width: 100%;
  max-width: 250px;
  height: 100%;
  border-radius: 10px;
  position: absolute;
}

/* line 61, app/assets/stylesheets/profile.scss */
.profile-pic span {
  display: inline-flex;
  padding: .2em;
  height: 2em;
}

/* line 68, app/assets/stylesheets/profile.scss */
.about-us-video-block img,
.introduction-video-block img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

/* line 73, app/assets/stylesheets/profile.scss */
.about-us-video-block .about-us-video-input,
.introduction-video-block .introduction-video-input {
  display: flex;
  justify-content: center;
  padding-bottom: 0px;
  align-items: center;
  background-color: #0000007a;
  z-index: 1;
  color: #fafafa;
  transition: background-color .2s ease-in-out;
  margin-bottom: 0;
  width: 24px;
  height: 24px !important;
  border-radius: 100% !important;
  position: absolute;
  top: 6px;
  right: 36px;
}

/* line 89, app/assets/stylesheets/profile.scss */
.about-us-video-block .discard-icon,
.introduction-video-block .discard-icon {
  top: 6px;
  right: 6px;
}

/* line 95, app/assets/stylesheets/profile.scss */
.discard-icon {
  position: absolute;
  top: -12px;
  right: -12px;
  margin: 0 auto;
  cursor: pointer;
  z-index: 2;
}

/* line 104, app/assets/stylesheets/profile.scss */
.discard-icon i {
  font-size: 12px;
  background-color: #0000007a;
  color: #fff;
  padding: 6px;
  border-radius: 100%;
  width: 24px;
  text-align: center;
  font-weight: 600;
}

/* line 115, app/assets/stylesheets/profile.scss */
.video-upload-icon {
  font-size: 12px !important;
  height: 16px;
}

/* line 120, app/assets/stylesheets/profile.scss */
.mini-logo-pic {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

/* line 126, app/assets/stylesheets/profile.scss */
.mini-logo-pic img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

/* line 131, app/assets/stylesheets/profile.scss */
.mini-logo-pic .-label {
  height: 80px;
  width: 80px;
}

/* line 136, app/assets/stylesheets/profile.scss */
.mini-logo-pic:hover .-label {
  border-radius: 50% !important;
}