.entity-attribute-files

  height: auto
  box-sizing: border-box
  line-height: 59px

  .uploads
    display: none

  .file-list

    margin-left: 230px
    box-sizing: border-box

    ul
      +clearfix
      width: 400px
      margin: 0
      padding: 0
      padding-top: grid-row(.5)
      list-style: none
      line-height: 30px
      box-sizing: border-box

      li
        position: relative
        margin-right: grid-row(.5)
        margin-bottom: grid-row(.5)
        box-sizing: border-box
        display: block

        overflow: hidden
        border-bottom: 1px #E0E6EC solid

        a
          display: block
          +size(100% 100%)
          line-height: 60px
          text-align: center
          overflow: hidden

        .delete
          +position(absolute, 0 0 null null)
          display: block
          width: 30px
          height: 30px
          cursor: pointer

          &:hover:after
            background-color: #f2303f

        .delete:after
          position: absolute
          border-radius: 5px
          opacity: .9
          top: 0
          left: 0
          width: 100%
          height: 100%
          content: ''
          background-color: #2B2B31
          background-image: url(../img/structure/icon_trash.svg)
          background-repeat: no-repeat
          background-position: 50% 50%
          background-size: 16px 16px

        img
          height: 100%
          width: 100%
          object-fit: cover
          overflow: hidden

        &.new-file
          border: 2px solid $brand-primary
          background: url('../img/structure/icon_plus.svg')
          +size(30px 30px)
          background-repeat: no-repeat
          background-position: center center

          +size(60px 60px)
          overflow: hidden
          border-radius: 5px

          &:hover:after
            content: none
          input
            display: block
            height: 100%
            width: 100%
            opacity: 0
            cursor: pointer