.zone {
  width: 100%;
  background: #181a24;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 2px;

  .wrap {
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    text-align: center;
    color: #b4b7c1;

    .uploadIcon {
      display: inline-block;
      width: 48px;
      height: 48px;
      margin-bottom: 13px;
      background-image: url(../../../../images/icon_upload.svg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .fail {
      color: #d0021b;
      margin-bottom: 16px;

      :global {
        .iconfont {
          margin-right: 2px;
        }
      }
    }
  }
}

.container {
  position: relative;

  &:hover {
    :global(.download) {
      display: block;
      color: #b4b7c1;
    }
  }

  :global(.download) {
    position: absolute;
    top: 0px;
    right: 8px;
    display: none;
    cursor: pointer;

    &:hover {
      color: var(--easyv-primary-color);
    }
  }
}
