.uploader-wrapper{
  display: none;
  width: 100%;
  height: calc(2.875rem + 2px);
  padding: 1rem 6.875rem 1rem .875rem;
  overflow: hidden;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.167;
  color: #9b9ba2;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--#{$variable-prefix}background-white);
  background-clip: padding-box;
  border: 1px solid var(--#{$variable-prefix}input-floating-border);
  border-radius: .4375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  appearance: none;
  &.uploader-engaged{
    color: var(--#{$variable-prefix}dark-text-color);
    border-color: rgba(var(--#{$variable-prefix}primary-color), .75);
  }
  input::-webkit-file-upload-button,
  input{
    display: none;
    visibility: hidden;
    user-select: none;
  }
  label{
    position: absolute;
    top: 50%;
    right: .75rem;
    min-width: 5.813rem;
    height: 1.625rem;
    padding: .438rem .313rem;
    font-size: .625rem;
    font-weight: 700;
    color: #6f75bc;
    text-align: center;
    background: #f2f3ff;
    border-radius: 1.125rem;
    transform: translate(0, -50%);
  }
  &.sm-uploader {
    height: calc(2.125rem + 2px);
    padding: .65rem 6.875rem .65rem .875rem;
    label{
      height: 1.375rem;
      padding: .313rem;
    }
  }
}