.uploaded-image-preview {
  background: $primary center;
  background-size: cover;
  position: relative;

  .image-upload-controls {
    display: flex;

    .btn {
      margin-right: 5px;
    }

    .image-uploader-lightbox-btn {
      background: none;
      margin-right: 0;
      margin-left: auto;

      .d-icon {
        color: $primary-low;
      }

      &:hover {
        background: none;

        .d-icon {
          color: $primary;
        }
      }
    }
  }
}

.image-uploader.no-repeat {
  .uploaded-image-preview {
    background-repeat: no-repeat;
  }
}

.image-uploader.contain-image {
  .uploaded-image-preview {
    background-size: contain;
  }
}

.hidden-upload-field {
  visibility: hidden;
  position: absolute;
}