.picture-input input[type="file"],
#fileInput {
  display: none !important;
}

.image-uploader-container {
  position: relative;
  padding: 0.2em;
  
  display: flex;
  justify-content: center;
  border: 1px dashed #ddd;
  border-radius: 1em;

  &.hide-preview {
    .upload-label {
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      width: auto !important;
      overflow: hidden;
      height: 7em;

      .tavasi,
      img {
        visibility: hidden;
      }
    }
  }

  .upload-label {
    .tavasi {
      font-size: 4rem;
    }

    &:hover {
      cursor: pointer;
    }
  }

  .img-preview {
    width: 300px;
    max-width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
  }
}