.asset-uploader__button--drop
  +space(min-height, 4)
  +space(padding)
  text-align: center
  width: 100%
  position: relative
  clear: both
  border-radius: $border-radius
  +border()
  cursor: pointer
  &:hover
    background: $gray-lightest

.asset-uploader__previews
  +clearfix
.asset-uploader__previews__item
  +space(margin-top)
  +span-columns(1 of 4)
  +space(padding, 0.25)
  +border
  text-align: center
  position: relative
  &:nth-child(4n)
    margin-right: 0


.asset-uploader__previews__item__image
  display: block
  max-width: 100%
  height: auto

.asset-uploader__previews__item__percent
  display: block
  width: 100%
  height: 100%
  +space(line-height, 3)
  position: absolute
  top: 0
  left: 0
  color: white

.asset-uploader__previews__item__mask
  height: 100%
  width: 100%
  position: absolute
  top: 0
  left: 0

.asset-uploader__previews__item__mask__bar
  height: 58px
  position: absolute
  top: 0
  left: 0
  background: transparentize($gray-light, 0.5)