.std-upload-item {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  height: 100%;
  margin: 0;
  padding: 8px;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  &:hover {
    background: transparent;
  }

  &:hover .std-upload-item-info::before {
    opacity: 1;
  }

  &:hover .std-upload-item-info-actions {
    opacity: 1!important;
  }

  &-info {
    padding: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: background-color .3s;
    &:hover {
      background: rgba(28, 36, 46, .04);
    }
    &::before {
      background-color: rgba(0,0,0,.5);
      content: " ";
      height: 100%;
      opacity: 0;
      position: absolute;
      transition: all .3s;
      width: 100%;
      z-index: 1;
    }

    &-icon {
      width: 100%;
      height: 100%;
    }

    &-actions {
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      transition: all .3s;
      white-space: nowrap;
      z-index: 10;
      .ued-stdUpload-item-action-icon {
        font-size: 14px;
        opacity: 1;
        display: inline-block;
        width: 24px;
      }
    }
  }
}