
.uploader-wrapper {
  display: inline-block;

  .uploader-box {
    display: grid;
    grid-template-columns: repeat(3, 28vw);
    column-gap: 4vw;
    row-gap: 2vw;

    & > view {
      flex: none;
      width: 28vw;
      height: 28vw;
      margin-right: 20px;
      margin-bottom: 20px;
      position: relative;

      image {
        width: 100%;
        height: 100%;
      }

      video {
        width: 100%;
        height: 100%;
      }
    }

    .uploader-add {
      & > view {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;

        display: grid;
        place-items: center;
        background-color: rgba(0, 0, 0, .75);
      }
    }

    .uploader-item {
      background-color: rgba(0, 0, 0, .05);

      & > view {
        position: absolute;
        z-index: 2;
        width: 40%;
        height: 40%;
        top: 0;
        right: 0;

        & > image {
          position: absolute;
          width: 60%;
          height: 60%;
          top: -10px;
          right: -10px;
        }
      }
    }
  }
}