.fileUpload--wrp .banner{
    margin-bottom: 24px;
}

.fileUpload--files-wrp{
 box-sizing: border-box;
 margin-top:  32px;

}


.fileUpload--file-wrp {
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    /* align-items: center; */
     border-bottom: 4px solid rgba(0,0,0,0.04);
    margin-bottom: 4px;
    padding-bottom: 8px;
}



.fileUpload--file-thumb{
    width: 100px;
    border : 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.02);
    margin-top: 4px;
    margin-bottom: 4px;
}
.fileUpload--file-nothumb{
    width: 100px;
     border: 1px solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.02);
}


.fileUpload--file-thumb img{
  display: block;
    max-width: 100px;
    max-height: 140px;
}

.fileUpload--file-name{
    flex: 1;
    align-items: flex-start;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0px 8px
}


.fileUpload--error-string{
    font-size: 0.85rem;
    color: var(--statusErrorColor);

}

@keyframes placeHolderShimmer {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 2400px 0
  }
}

.fileUpload--animated-background {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-color: white;
  background: linear-gradient(to right, white  0%, #f1f1f1 30%, white 60%);
  position: relative;
}


.fileUpload--edit {

 padding: 8px 24px;

}