:host {
  display: block;
}

ion-card {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  overflow: visible;
  margin: 16px 0 24px;
  position: relative;
  padding-top: 60px;
}
ion-card .img-wrapper {
  background-color: #f5f5f5;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
}
ion-card .img-wrapper img {
  border-radius: 10px;
  width: 80px;
  height: 80px;
}

ion-card .img-wrapper ion-button {
  --border-width: 1px;
  --border-color: var(--ion-color-sparkle);
  --border-style: solid;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --padding-top: 0;

  --border-radius: 50%;
  height: 26px;
  width: 26px;

  position: absolute;
  right: -10px;
  bottom: -10px;
}
ion-card .img-wrapper ion-button ion-icon {
  width: 14px;
  height: 14px;
}
ion-card .img-wrapper img.loading {
  opacity: 0.1;
}
.image-upload-loading {
  position: absolute;
  top: 40%;
  left: 35%;
}
