@import '../../stylesheets/defaults'

+host-styles(mp-file-uploader)
  display inline-flex
  height 36px
  width 100%

+prefix-classes('mp-file-uploader-')
  .container
    align-items center
    border 1px solid grey-200
    border-radius 5px
    display flex
    height 34px
    justify-content space-between
    width 100%

    .alignment-pipe
      border-left 1px solid $grey-200
      height 34px

    .file-input
      display none

    .file-name
      background-color white
      border 0
      box-shadow none
      color $grey-700
      height 32px
      overflow hidden
      padding-left 12px
      text-overflow ellipsis
      white-space nowrap
      width 100%

    .upload-button
      align-self center
      background-color white
      border 0
      border-radius 0
      color $grey-700
      font-family $family-helvetica
      font-weight bold
      font-size-default()
      margin-right 1px
      min-width fit-content
      padding 7px 14px
      text-align center

      &:hover
        cursor pointer