#VLFileDropper
{
 margin:0.5em 0.25em;
 padding:0.25em 0.5em;
 min-height:50px;
 overflow:auto;
 border:1px dashed var(--grey8);
 border-radius:var(--UI-big-border-radius);
 text-align:center;
 display:flex;
 flex-wrap:wrap;
 align-content:center;
 align-items:center
}

#VLFileDropper > *
{
 font-size:var(--font-size-small-text);
 line-height:var(--line-height-small-text);
 overflow:hidden;
 text-overflow:ellipsis;
 flex:1;
 flex-basis:100%;
 padding:0.125em
}

/* TODO : use clever style with className updating var(--border-color) */
#VLFileDropper.file-dropper-drag-over
{
 border-color:var(--blue4);
 background-color:var(--blue1)
}

.file-dropper-error
{
 border-color:var(--error-border-color);
 background-color:var(--error-background-color);
 color:var(--error-color)
}

.file-dropper-success
{
 border-color:var(--success-border-color);
 background-color:var(--success-background-color);
 color:var(--success-color)
}