//
// _filepond.scss
//

.filepond--root {
    margin-bottom: 0;
    font-family: $font-family-base;
}

.filepond--panel-root {
    border-bottom: 2px dashed var(--#{$prefix}border-color);
    background: var(--#{$prefix}secondary-bg)
}

.filepond--drop-label {
    color: var(--#{$prefix}body-color);

    .filepond--label-action {
        font-weight: $font-weight-medium;
    }
}

.filepond--credits {
    display: none
}

.filepond--item-panel {
    background-color: var(--#{$prefix}primary) !important
}

.filepond-uploader.two-grid .filepond--item {
    width: calc(50% - .5em)
}

.filepond-uploader.three-grid .filepond--item {
    width: calc(33.3% - .5em)
}

.filepond--root {
    border: 2px dashed var(--#{$prefix}border-color);
    border-bottom: 0;
    border-radius: .5em;
    min-height: 70px;
}