fireenjin-input-file ion-card {
  width: 95%;
  margin: 15px auto;
  background-color: var(--ion-color-light-tint);
  --background-color: var(--ion-color-light-tint);
  padding: 0;
}

fireenjin-input-file ion-card.drag-over {
  opacity: 0.8;
}

fireenjin-input-file ion-card ion-item {
  padding: 5px 0;
  background-color: var(--ion-color-light-tint);
  --ion-color-base: var(--ion-color-light-tint);
  --background: var(--ion-color-light-tint);
  pointer-events: none;
}

fireenjin-input-file ion-card ion-item ion-icon {
  height: 50px;
  width: 50px;
  color: var(--ion-color-medium);
}

fireenjin-input-file ion-card ion-item h2 {
  font-size: 20px;
  color: var(--ion-color-dark);
  margin: 0;
}

fireenjin-input-file ion-card ion-item p {
  color: var(--ion-color-darker-grey);
  margin: 0;
}

fireenjin-input-file ion-card:hover {
  cursor: pointer;
}

fireenjin-input-file ion-card:hover h2 {
  color: var(--ion-color-primary);
}

fireenjin-input-file ion-card:hover ion-icon {
  color: var(--ion-color-primary);
}

fireenjin-input-file input {
  float: left;
  height: 0;
  width: 0;
  visibility: hidden;
}