@include export-module('co-file-upload-layout') {
  .co-file-upload {
    font-family: $sc-file-upload-font-family;
    font-size: $sc-file-upload-font-size;
    position: relative;
    &.add-file {
      position: absolute;
      top: 0;
      .co-tile-render {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
      }
    }
    &.link {
      .image {
        cursor: pointer;
      }
    }
    .image {
      cursor: pointer;
    }
    .hidden {
      display: none;
    }
    &:hover {
      button-colijn.edit-file {
        opacity: 1;
        transition: 0.14s ease-out
      }
    }
    .trash {
      cursor: pointer;
      opacity: 0.5;
      background-color: lightgrey;
      position: absolute;
      top: 0;
      right: 0;
      &:hover {
        opacity: 1;
      }
    }
    .add-button {
      cursor: pointer;
      position: relative;
      bottom: 0;
      right: 0;
    }
    .plus-add-button {
      position: absolute;
      display: flex;
      align-items: center;
      top: -30px;
      font-size: 10px;
    }
    tile-render {
      height: auto;
    }

    .edit-file {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
      padding: 0;
      opacity: 0;
      background-color: #1A73E8;
    }
  }
}


